如初的博客🥝

CSS3介绍 CSS3在CSS2基础上，增强或新增了许多特性， 弥补了CSS2的众多不足之处，使得Web开发变得更为高效和便捷。 CSS3的现状 浏览器支持程度不够好，有些需要添加私有前缀 移动端支持优于PC端 不断改进中 应用相对广泛 应对的策略：渐进增强 （1）坚持渐进增强的原则：让低版本浏览器能正常访问页面，高版本的浏览器用户体验更好。【重要】 比如说，同样是一个头像，可能在低版本的浏览器中，头像方的；在高版本的浏览器中，头像是圆的。 （2）考虑用户群体。 （3）遵照产品的方案。 参考链接： 渐进增强 VS 优雅降级 | 简书 渐进增强和优雅降级之间的不同（面试题目） 浏览器的版本问题 由于CSS3普遍存在兼容性问题，为了避免因兼容性带来的干扰，浏览器的建议版本为： Chrome浏览器 version 46+ Firefox浏览器 firefox 42+ 如何使用手册 CSS参考手册的网址：http://css.doyoe.com/ CSS参考手册的下载链接：http://download.csdn.net/downlo ...

前言 Emmet可以极大的提高 html 和 css 的编写效率，它提供了一种非常简练的语法规则。 举个例子，我们在编辑器中输入缩写代码：ul>li*6 ，然后按下 Tab 键，即可得到如下代码片段： 12345678<ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li></ul> 如何在某个语言中打开 Emmet 支持 默认情况下，你可以直接在 html、haml、jade、slim、jsx、xml、xsl、css、scss、sass、less、stylus、handlebars、php 和 javascriptreact 中使用 Emmet 。 但对于其他语言，你也可以通过如下设置将其打开： 1234567"emmet.includeLanguages": { &qu ...

vue-resource的介绍 vue-resource是Vue高度集成的第三方包。 官网链接： 文档（http相关）：https://github.com/pagekit/vue-resource/blob/master/docs/http.md vue-resource 依赖于 Vue。所以，我们要按照先后顺序，导入vue.js和vue-resource.js文件。 解释： vue.js文件向Windows对象暴露了Vue这个关键词；vue-resource.js向Vue身上挂载了this.$http这个属性。于是，我们可以直接写this.$http.get或者this.$http.post或者this.$http.jsonp来调用。 vue-resource 发送Ajax请求 常见的数据请求类型包括：get、post、jsonp。下面我们分别讲一讲。 get 请求 格式举例： 12345678this.$http.get(url) .then(function (result) { // 当发起get请求之后，通过 .then 来设置成功的回调函数 ...

文本主要内容 样式和类操作 节点操作 样式操作和类操作 作用：设置或获取元素的样式属性值。 样式操作 1、设置样式： 123456789 //设置单个样式： css(属性，值); $("div").css("background-color","red"); //设置多个样式： css(json);$("div").css({"width":100,"height":100,"background-color":"pink"}); 2、获取样式： 123//获取样式：css(属性);//获取的时候如果有很多个，那么获取jquery对象中的第一个alert($("div").css("width")); 举例如下： 类操作（className） 1、添加类样式： 1$(selector).addClass("liItem"); ...

前言 我们在上一篇文章中学习了CSS3的选择器，本文来学一下CSS3的一些属性。 本文主要内容： 颜色 文本 盒模型中的 box-sizing 属性 处理兼容性问题：私有前缀 边框 背景属性 渐变 颜色 CSS3中，有一种新的表示颜色的方式：RGBA或者HSLA。 RGBA、HSLA可应用于所有使用颜色的地方。 RGBA 举例： 123background-color: rgba(0, 0, 255, 0.3);border: 30px solid rgba(0, 255, 0, 0.3); 解释： RGBA 即：Red、Green、Blue、Alpha R、G、B 的取值范围是：0~255 HSLA 举例： 1background-color: hsla(240,50%,50%,0.4); 解释： H 色调，取值范围 0~360。0或360表示红色、120表示绿色、240表示蓝色。 S 饱和度，取值范围 0%~100%。值越大，越鲜艳。 L 亮度，取值范围 0%~100%。亮度最大时为白色，最小时为黑色。 A 透明度，取值范 ...

常用插件 Emmet：快速生成HTML片段，比如输入ul>li*3可以快速生成： 12345<ul> <li></li> <li></li> <li></li></ul> 详细地址，Emmet教程 Snippets：快速生成 js 代码片段（用来处理代码片段的模板输出），详细地址 Tree View：文件浏览器，详细地址 file icons：文件识别图标，使用这个插件会让你的编辑器显示对应的图标，详细地址 language-javascript-jsx：jsx语法高亮 ，详细地址 language-vue：vue语法高亮，详细地址 linter-eslint：eslint插件，详细地址 vue-snippets：vue代码片段，详细地址 pigments：颜色显示器，详细地址 linter-eslint：语法检查 Atom-Beautify：代码格式化 参考链接：https://github.com/cucygh/JDFinanc ...