css框架

前面的话 　　CSS不能算是严格意义的编程语言，但是在前端体系中却不能小觑。 CSS 是以描述为主的样式表，如果描述得混乱、没有规则，对于其他开发者一定是一个定时炸弹，特别是有强迫症的人群。CSS 看似简单，想要写出漂亮的 CSS 还是相当困难。所以校验 CSS 规则的行动迫在眉睫。stylelint是一个强大的现代 CSS 检测器，可以让开发者在样式表中遵循一致的约定和避免错误。本文将详细介绍CSS代码检查工具stylelint 概述 　　stylelint拥有超过150条的规则，包括捕捉错误、最佳实践、控制可以使用的语言特性和强制代码风格规范。它支持最新的CSS语法，并且灵活可配置 Vue 　　下面在Vue框架下安装使用stylelint 　　1、安装stylelint、stylint-config-standard和stylelint-order npm install stylelint --save-dev npm install stylelint-config-standard --save-dev npm install stylelint-order --save-dev 　　其中，stylelint是运行工具，stylelint-config-standard是stylelint的推荐配置，stylelint-order是CSS属性排序插件 　　安装完成后

ACCP8.0 HTML标签 第一章 1、HTML超文本标记语言 2、网页 3、网页头部 4、网页标题 5、网页主体 6、DOCTYPE声明3种级别： （1） 严格类型 （2）过渡类型 （3）框架类型 7、网页摘要标签 8、字符编码： 简体中文 纯英文 繁体 国际通用编码 9、W3C 万维网联盟 10、标题标签 11、段落 12、换行 13、水平线 14、字体加粗 15、斜体字 16、注释 17、特殊符号 空格： 大于号：> 小于号：< 引号：" 版权符号：? 18、图像标签 19、链接标签 常用取值：（自身窗口）和（新建窗口） 20、锚链接 21、功能性链接 第二章 22、无序列表 属性取值：实体圆心实体方心 circle空心圆 23、有序列表 属性取值：数字 大/小写字母 大/小写罗马数字 24、定义列表 25、表格 26、 表格跨列属性 表格跨行属性 27、视频元素：手动控制播放 自动播放 循环播放 28、音频元素： 29、HTML5结构元素 标题头部区域的内容（用于页面或页面中的一块区域） 标记脚部区域的内容（用于整个页面或页面的一块区域） Web页面中的一块独立区域 独立的文章内容 相关内容或应用（常用于侧边栏） 导航类辅助内容 30、iframe内联框架 第三章 31、表单 32、表单元素： 33、表单只读属性：” 34、表单禁用属性：” 35、域： 域标题： 36

回顾: html: 作用:展示 文件标签: < html > < head > < title > </ title > </ head > < body > </ body > </ html > 排版标签: p 段落 hr 水平线 br 换行 字体 h1~h6 标题 font 字体 大小 颜色 b strong 加粗 i 斜体 图片★ < img src = "图片的路径" alt = "替代文字" width = "" height = "" /> 路径的写法: 相对路径: ./ 或者 什么都不写 当前目录 ../ 上一级目录 绝对路径:常用 http://www.itheima.com/xx 超链接★ < a href = "跳转的路径" target = "在什么地方打开" > </ a > 表格标签 ★★ < table border = "" width = "" height = "" bgcolor = "" align = "表格对齐方式" > < tr align = "内容对齐方式" > < th > </ th > <!--表头单元格--> < td > </ td > <!--普通单元格--> </ tr > </ table > td重要的属性: colspan:列合并 rowspan:行合并 列表: < ol > </ ol > < ul > </

前言： vue脚手架指的是vue-cli它是vue官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面 。vue-cli是基于node环境利用webpack对文件进行编译、打包、压缩、es6转es5等一系列操作。目前vue-cli已经升级到了3.0版本，3.0所需的webpack版本是4.xxx，2.0版本目前也很流行,2.0所需的webpack版本是3.xxx，我们来讲讲两者的配置： Vue2.0： 　　 　一.安装node.js环境: 　　　　去node官网下载node.js并安装(http://nodejs.cn/download/)。安装完成后可以在终端执行 node -v查看node 是否安装成功，下图是安装成功的提示，显示出当前安装的node的版本号。 　　　 　 　　二.全局安装webpack： 　　　　为了在其他任何目录下都能使用到webpack，进行全局安装，执行npm install webpack@3.12.0 -g 命令，npm 是Node集成的工具 npm install 是从github上下载webpack最新的包，“@3.12.0”表示安装指定的版本，因为现在已经升级到了4.0版本，如果不指定版本版本号就会安装最新的版本，同时vue-cli2需要的是3.xxx的版本

简书原文 https://www.jianshu.com/p/e82c27aa05c7 前言 该中文手册是我在 Sass中文文档 的基础上编辑的，或者也可以理解为就是Sass中文文档的翻版。之所以有这篇文章的原因还是在于Sass中文文档并没有全部翻译成中文，这样每次我查找文档的时候又需要对其再理解一次，与其如此，不如我自己完善这份文档，并且加上一些我自己的理解或者注解，这样以后我查阅的时候可以更好的使用该份文档。同时，我将这篇文章公开出来，当然，如果喜欢看原文的可以去Sass官网看中文文档，这完全没有问题，不可否认，那才是正版，我只是希望我写的东西能帮助到读者，仅此而已。 考虑到写成一篇整体篇幅太大，因此将中文手册分成两篇，这篇只是大概对Sass进行介绍，下篇才是具体的语法。 大纲 1、什么是Sass? 2、为什么使用Sass? 3、Sass和SCSS的区别和联系 4、Sass的安装和使用 5、Sass的输出样式 1、什么是Sass? Sass (Syntactically Awesome StyleSheets) CSS(Cascading Style Sheets)(层叠样式表) Sass 是对 CSS 的扩展，让 CSS 语言更强大、优雅。 它允许你使用变量、嵌套规则、 mixins、导入等众多功能， 并且完全兼容 CSS 语法。 Sass 有助于保持大型样式表结构良好，

转之： https://www.jianshu.com/p/f1f39d5b2a2e 1. javascript的typeof返回哪些数据类型. 答案：string,boolean,number,undefined,function,object 2. 例举3种强制类型转换和2种隐式类型转换? 答案：强制（parseInt,parseFloat,number） 隐式（== ===） 3. split() join() 的区别 答案：前者是将字符串切割成数组的形式，后者是将数组转换成字符串 4. 数组方法pop() push() unshift() shift() 答案：push()尾部添加 pop()尾部删除 unshift()头部添加 shift()头部删除 5. IE和标准下有哪些兼容性的写法 答案： var ev = ev || window.event document.documentElement.clientWidth || document.body.clientWidth Var target = ev.srcElement||ev.target 6. ajax请求的时候get 和post方式的区别 答案： 一个在url后面 ，一个放在虚拟载体里面 get有大小限制(只能提交少量参数) 安全问题 应用不同 ，请求数据和提交数据 7. call和apply的区别

前端工程师 面试 题汇总 本文由我收集总结了一些前端面试题，初学者阅后也要用心钻研其中的原理，重要知识需要系统学习、透彻学习，形成自己的知识链。 HTML • Doctype作用？严格模式与混杂模式如何区分？它们有何意义? 1、声明叫做文件类型定义（DTD），声明的作用为了告诉浏览器该文件的类型。让浏览器解析器知道应该用哪个规范来解析文档。声明必须在 HTML 文档的第一行，这并不是一个 HTML 标签。 2、严格模式：又称标准模式，是指浏览器按照 W3C 标准解析代码。 混杂模式：又称怪异模式或兼容模式，是指浏览器用自己的方式解析代码。 如何区分：浏览器解析时到底使用严格模式还是混杂模式，与网页中的 DTD 直接相关。 1)、如果文档包含严格的 DOCTYPE ，那么它一般以严格模式呈现。（严格 DTD ——严格模式） 2)、包含过渡 DTD 和 URI 的 DOCTYPE ，也以严格模式呈现，但有过渡 DTD 而没有 URI （统一资源标识符，就是声明最后的地址）会导致页面以混杂模式呈现。（有 URI 的过渡 DTD ——严格模式；没有 URI 的过渡 DTD ——混杂模式） 3)、DOCTYPE 不存在或形式不正确会导致文档以混杂模式呈现。（DTD不存在或者格式不正确——混杂模式） 4)、HTML5 没有 DTD，因此也就没有严格模式与混杂模式的区别，HTML5

Bootstrap是当前世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。它不是单一的CSS或JavaScript框架，而是完整的HTML、CSS、JavaScript框架，你可以仅通过Bootstrap简单、快速的开发移动设备优先的响应式布局页面和应用。 一　　Bootstrap简介 　　 1，bootstrap文件目录 　　你可以在Bootstrap官网，下载不同版本的文件包，现在最新的版本是4.3.x。解压文件后有两个子文件夹，CSS和JS，他们的目录如下： 　　所有文件都有普通版和压缩版。.min的即是压缩版，去除了空白字符等，使文件更小。.map是Source map文件，需要特定的工具才可以使用。关于Source map文件详细情况可以参考这里 阮一峰博客 。或 戳这里 。 　　bootstrap.css是Bootstrap的核心CSS文件，一般根据需要选择bootstrap.css或bootstrap.min.css即可。bootstrap-grid.css是Bootstrap提供的单独使用其栅格系统的CSS文件。bootstrap.reboot.css则仅做引导（初始化）文件使用。 核心CSS文件包含了grid和reboot文件 。 　　bootstrap.js是Bootstrap提供的核心JS文件，而bootstrap.bundle.js与bootstrap

从输入 URL 到页面加载完成，完整的链路 http层面优化 DNS 解析: DNS 实现域名到IP的映射。通过域名访问站点，每次请求都要做DNS解析。目前每次DNS解析，通常在200ms以下。一般采用DNS Prefetch 一种DNS 预解析技术，当你浏览网页时，浏览器会在加载网页时对网页中的域名进行解析缓存，这样在你单击当前网页中的连接时就无需进行DNS的解析，减少用户等待时间，提高用户体验。 <link rel="dns-prefetch" href="www.baidu.com" /> 只有部分浏览器支持 TCP 连接： 采用http2.0，可以复用tcp通道，采用二进制格式而非文本格式，使用报头压缩，HTTP/2降低了开销，支持cache push 浏览器并发 基于端口跟线程切换开销，浏览器不可能无限的并发请求。chrome的并发为6，超过限制数目的请求就会被阻塞； 对于某些静态资源，图片等等，我们可以对其URL分散处理 ，不同的资源域名(部署在cdn上)。 http请求次数 减少http的请求次数，将多个请求合并成同一个，减少http的开销 webpack 充分利用webpack提供给我们的能力，利用DllPlugin与commonPlugins等插件对我们代码进行 优化，文件的分割与合并，公共代码的提取，长缓存等策略，webpack是个很好的东西，值得大家仔细研究

Bootstrap是当前世界最受欢迎的响应式、移动设备优先的门户和应用前端框架。它不是单一的CSS或JavaScript框架，而是完整的HTML、CSS、JavaScript框架，你可以仅通过Bootstrap简单、快速的开发移动设备优先的响应式布局页面和应用。 一　　Bootstrap简介 　　 1，bootstrap文件目录 　　你可以在Bootstrap官网，下载不同版本的文件包，现在最新的版本是4.3.x。解压文件后有两个子文件夹，CSS和JS，他们的目录如下： 　　　 　　　　 　　所有文件都有普通版和压缩版。.min的即是压缩版，去除了空白字符等，使文件更小。.map是Source map文件，需要特定的工具才可以使用。关于Source map文件详细情况可以参考这里 阮一峰博客 。或 戳这里 。 　　bootstrap.css是Bootstrap的核心CSS文件，一般根据需要选择bootstrap.css或bootstrap.min.css即可。bootstrap-grid.css是Bootstrap提供的单独使用其栅格系统的CSS文件。bootstrap.reboot.css则仅做引导（初始化）文件使用。 核心CSS文件包含了grid和reboot文件 。 　　bootstrap.js是Bootstrap提供的核心JS文件，而bootstrap.bundle