dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: 《HTML5权威指南》 《JavaScript权威指南》 MDN web docs Github:smyhvae/web 作为一个前端小白 ,入门跟着这四个来源学习,感谢作者的分享,在其基础上,通过自己的理解,梳理出的知识点,或许有遗漏,或许有些理解是错误的,如有发现,欢迎指点下。 这些在第一篇前端入门1-基础概念中已经介绍过了,这里不就详细说了。 3.层叠算法 由于一个元素通常会被多个选择器命中,而这些选择器又有可能是通过不同方式作用到元素上,因此这里存在了两种场景下的优先级问题,但请记住,只有当作用到同一个元素上的样式属性起了冲突时才会存在优先级问题 比如,上面三个优先级的选择器中,1优先级的表示100,2优先级的表示10,3优先级的表示1,以此来计算一个组合选择器的数值大小。
Kaleidoscope:LLVM IR的代码生成 第三章绪论 欢迎阅读“使用LLVM实现语言”教程的第3章。本章介绍如何将第2章中构建的抽象语法树转换为LLVM IR。 %multmp2 = fmul double %multmp1, %b %addtmp = fadd double %multmp, %multmp2 %multmp3 %multmp2 = fmul double %multmp1, %b %addtmp = fadd double %multmp, %multmp2 %multmp3 = fmul double %b, %b %addtmp4 = fadd double %addtmp, %multmp3 ret double %addtmp4 } /toy 以下是代码: https://github.com/llvm/llvm-project/blob/main/llvm/examples/Kaleidoscope/Chapter3/toy.cpp
readyState保存了 XMLHttpRequest 的状态,不同的状态由数字表示 0: 请求未初始化 1: 服务器连接已建立 2: 请求已接收 3: 正在处理请求 4: 请求已完成且响应已就绪 Status
这些都能帮助我们调试前端问题。本手册将以Chrome浏览器控制台为例进行讲解。 下图1为Chrome浏览器控制台,图2为Firefox控制台。 网络请求截图,请见:图3. 3.jpg 1.3 cookie 开发者工具中也可以查看cookie等本地存储相关数据(包括localStorage,sessionStorage等)。 3代理 前端代理是指用本地文件替换网络文件的一个动作,代理可以用来调试问题。比如在本地文件中加上alert弹框弹出关键节点的信息,这可以有利于调试。特别是前端调试。 3.在左侧网络列表中选择自己需要代理的请求,拖拽到右侧,进入下面的Rule Editor。 TBS Studio是QQ浏览器X5内核前端调试平台,支持断点调试,抓取网络请求,查看DOM结构,console控制台等,功能非常丰富。
= 后端
** 为了能看懂前端的程序 从而能数据交互 数据一定后端
底线: 能看懂前端代码
一、web前端技术
面试题:你写网页能不能遵循web标准? 你知不知道web前端技术都有什么? Web前端技术是由w3c组织制定的一系列技术的集合,主要包括:
HTML – 结构标准: 负责网页内容(布局)
CSS – 表现标准、样式标准:美化
JavaScript,简称js,行为标准:负责行为动作 ,或者其他网站上现成的资源自己享用)
前端网站开发都是本地开发
*****前端写路径一般都是用相对路径----稳定,后期维护方便
下面是几种路径的写法:
<body>
< img src="icon<em>3</em>.jpg" alt="">
<img src="..
外部样式 + 内联样式 场景3:内部样式 + 内联样式 结果:以内联样式为准 ? 内部样式 + 内联样式 场景4:外部样式 + 内部样式 + 内联样式 结果:以内联样式为准 ? 组合选择器 在 CSS3 中包含了四种组合方式: 后代选择器(以空格分隔) 子元素选择器(以大于号分隔) 相邻兄弟选择器(以加号分隔) 普通兄弟选择器(以破折号分隔) 后代选择器 用于选取某元素的后代元素 例: [food] { background-color: #7FD0F3; } [food="vegetable"] { color: #FFFFFF; } <div food="meat
一 前端概述 现代互联网应用大都由运行在服务器的后端程序和运行在各种终端设备的前端程序共同构成。 后端的代码、资源和数据是预先就部署或存储在后端并且运行在后端服务器上。 而前端运行所需的代码、资源和数据都是来自后端的。前端从后端服务器安装或加载程序并运行在终端设备中,并且前端和后端通过网络进相互协作,最终向用户展示和实现 WEB 应用的全部内容和功能。 1.1 前端应用就是指运行在各种终端设备的程序及资源 HTML、CSS 和 JS 提供前端应用运行的代码 图片和视频等为前端应用提供多媒体内容 后端 API 为前端提供业务功能服务和数据访问服务 1.2 浏览器引擎帮助应用页面加载静态资源 浏览器引擎可以实现与后端服务的功能和数据交互 1.3 前端开发的重点是编写和组织 HTML、CSS 和 JS 代码 前端应用由一个或多个应用页面构成,应用页面也俗称为网页或简称为页面 CSS3是最新的CSS标准 2.4 Ajax Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。
入门类 地址 前端入门教程 http://www.cnblogs.com/jikey/p/3613082.html 瘳雪峰的Javascript教程 PS技能——切图篇 http://www.imooc.com/view/506 结合个人经历总结的前端入门方法 https://github.com/qiu-deqing/FE-learning 工具类 地址 前端人的俱乐部 http://f2er.club/ 真可以解放你的收藏夹 如何优雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015 www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/ css sprite 雪碧图制作 http://www.imooc.com/learn/93 版本控制入门 – 搬进 Github http://www.imooc.com/learn/390 Grunt-beginner前端自动化工具 http://www.imooc.com/learn
点击上方蓝色【一灯科技】,即可关注我们的公共号啦,吼吼~ 入门书 入门可以通过啃书,但书本上的东西很多都已经过时了,在啃书的同时,也要持续关注技术的新动态。 这里推几本我觉着不错的书: 《JavaScript高级编程》:可以作为入门书籍,但同时也是高级书籍,可以快速吸收基础,等到提升再回来重新看 《JavaScript权威指南》:不太适合入门,但是必备,不理解的地方就去查阅一下 很多浏览器的新特性以及前沿的技术,都能在这上面找到文章 css tricks:如何活用CSS,以及了解CSS新特性,这里可以满足你 JavaScript 秘密花园 JavaScript初学必看,非常不错 w3cplus :一个前端学习的网站,里面的文章质量都挺不错的 node school:一个不错的node学习网站 learn git branch:一个git学习网站,交互很棒 一灯学堂:一个很好的学习网站,深入解读前端技术 ,带你体会工程化编程的乐趣; 前端乱炖:一个前端文章分享的社区,有很多优秀文章 正则表达式:一个正则表达式入门教程,非常值得一看 阮一峰的博客和张鑫旭的博客:快速了解某些知识的捷径,但是如果需要深挖,
前言 什么是前端? 前端,又称Web前端.是指Web网站的前台页面,在我们打开一个网站所看到网页界面的内容以及交互体验,一般都是由前端工程师进行开发设计的页面,该内容属于前端部分. 为什么想要学习前端? 想要更好看的网页界面 学习前端需要具备什么? 具备一颗热爱学习的心 活到老 学到老 没基础也能学习嘛? 可以的 小编具有那么一丢基础 但也需要深学 前端编辑器如何选择? Sublime Text或Visual Studio Code 编辑器下载:Sublime Text 3汉化版(小编使用Sublime Text) HTML基本结构 (头部 - head 顾名思义 title p>我是段落标签
我是加粗标签 我是斜体标签年中,自己做规划(2019Thinking(上) – 一个前端开发者的个人思考)时,考量了一段时间「微前端」,也关注到了《微前端的那些事儿》的文章,从而了解了作者「黄峰达」,也就购买了下面将要聊的书《 前端架构:从入门到微前端》 本书围绕前端架构的实施,从基础的架构规范,到如何设计前端架构,再到采用微前端架构拆分复杂的前端应用。 设计:架构设计的模式,以及设计和制定前端工作流 基础:通过深入构建系统、单页面应用原理、前端知识体系等,来构建出完整的前端应用架构体系 实施:通过与代码结构的方式,介绍如何在企业级应用中实施组件化架构、 设计系统和前后端分离架构 微前端:引入6种微前端的概念,以及如何划分、设计微前端应用,并展示了如何实现这6种微前端架构 演进:提出更新、迁移、重构、重写、重新架构等架构演进方式,来帮助开发人员更好地设计演进式架构 一个老生常谈的话题,前端日新月异,我们如何选择前端框架呢?业务+团队能力+浏览器支持范围+框架星数+社区活跃度+未来切换成本。
前端知识真的还是比较有用的。一直要把前端的学习提上日程,因为各种事情各种拖延,写爬虫的时候也是捎带学习前端的东西,还是需要系统的了解下。 All from W3school.
gif 和 jpg 文件均可用作 HTML 背景。 <h3> . . . </h3>
这是一个段落。
前端:是创建Web页面或app等前端界面呈现给用户的过程。通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。 前端主要是需要掌握前端语言、框架等,都是编码的工作,而UI设计是属于视觉设计,需要具备设计基础、设计思维、设计技能,两者不是一个类别。 入门篇(HTML/CSS) 对于设计师来说,最有成就感的一定是“可以看到的东西”,而 HTML/CSS 正是用来干这个的,HTML 就是一堆非常简单的标签,而 CSS 无非就是把你画画的流程用英语按一定的格式写出来而已 入门篇(JavaScript/jQuery) 推荐你使用 w3school 在线教程 与 http://www.codecademy.com/ 进行学习,如果学习得顺利,你还可以尝试使用各种丰富的 ---- Web 前端设计师们都用什么工具和流程设计出好的 Web 页面 sublime text 3 火狐 (Firebug 等等) Chrome及其相关插件 Axure RP 设计原型稿工具 Color
是一款优秀的前端JS框架,已经被用于Google的多款产品当中。AngularJS有着诸多特性,最为核心的是:MVC、模块化、自动化双向数据绑定、依赖注入等等。 ? 模块化设计 高内聚低耦合法则 1)官方提供的模块 ng、ngRoute、ngAnimate 2)用户自定义的模块 angular.module('模块名',[ ]) 入门小 Demo 3.1 表达式 <html> <head> <title>入门小Demo-1</title> <script src="angular.min.js"></script> </head 3.3 初始化指令 我们如果希望有些变量具有初始值,可以使用ng-init指令来对变量初始化 <html> <head> <title>入门小Demo-3 初始化</title> <script Demo-3 初始化</title> <script src="angular.min.js"></script> <script> var app=angular.module('myApp'
一、前言 (1)什么是前端? 网站、小程序、web-app (2)开发语言? html:网页显示的内容 css:网页显示内容的属性 JavaScript:网页显示内容的逻辑 (3)编译器 vscode:百度搜索vscode、直接download、眼睛闭起来next (4)简单插件的安装 原则是尽可能的将网页切割成我们能够解决的最小单元) B、宽度占据网页的一整行,高度会由内容自动撑大 如果我们手动指定了div的高度,那么默认就会失效,高度为固定高度 C、写文字 (2)a:跳转标签 A、href:跳转链接 (3)
例如,外部样式表拥有针对 h3 选择器的三个属性: h3 { color:red; text-align:left; font-size:8pt; } 而内部样式表拥有针对h3 This is heading 3</h3> </body> </html> 文本转换 文本转换属性是用来指定在一个文本中的大写和小写字母。 两个边框的宽度和 border-width 的值相同 groove: 定义3D沟槽边框。效果取决于边框的颜色值 ridge: 定义3D脊边框。 效果取决于边框的颜色值 inset:定义一个3D的嵌入边框。效果取决于边框的颜色值 outset: 定义一个3D突出边框。 CSS 没有定义 3 个关键字的具体宽度,所以一个用户可能把 thick 、medium 和 thin 分别设置为等于 5px、3px 和 2px,而另一个用户则分别设置为 3px、2px 和 1px。
第2章 入门 2.1 如何写一段JS代码并运行 写在行内 01.html: <input type="button" value="按钮" onclick="alert('Hello World')"
大概了解了HTML和CSS,到了前端的精华JavaScript。 学习笔记,ALL FROM 廖雪峰的官方网站 开始 <! var arr = ['A','B','C','D','E','F','G']; arr.slice(0,3);//从索引0开始,到索引3结束,但不包括索引3: ['A', 'B', 'C'] arr.slice (3); // 从索引3开始到结束: ['D', 'E', 'F', 'G'] 叮:slice()的起止参数包括开始索引,不包括结束索引。 1, 2, 3 重复元素在Set中自动被过滤: var s = new Set([1, 2, 3, 3, '3']); s; // Set {1, 2, 3, "3"} 通过add(key)方法可以添加元素到 : var s = new Set([1, 2, 3]); s; // Set {1, 2, 3} s.delete(3); s; // Set {1, 2} iterable 遍历Array可以采用下标循环
首先我们学习前端,要知道前端的三个大内容,HTML、CSS、JS,其中HTML和CSS是相互结合着学习,掌握了这两个了以后我们就算真正入门了,然后再深入学习JS等等。 我们用到的软件呢,对于入门级来说我们一般推荐大家用Dreamweaver,简称DW,新建一个HTML后,出现的界面是这样的, 看到这么多代码不要慌,对我们敲代码没啥影响,下面我们开始敲代码,我们可以看到这里有这样的代码 3、我们在style里写样式,电脑首先要知道我们给谁加样式,所有我们写个.aaa 这个.(点)的意思是我要给aaa加样式,电脑会自动把. 3、对未来恐惧,感觉还不知道要有多少单词,多少代码要涉及。 在这里呢,我要给大家解释一下,前端呢,其实我们真正常用的单词也就20个左右,今天我们就已经用3个了,width、height、background,当然这3个也是最最常用的,是每次都要书写的。