轮播图swiper框架的基本使用 【Transform3D】转换详解（看完就会） 【css动画】移动的小车
这里是 HelloGitHub 的《GitHub 上适合新手的开源项目》系列的最后一篇，系列文章：
[前端CSS高频面试题]如何画0.5px的边框线（详解） CSS3基础属性大全 CSS3动画属性 animation详解（看完就会） CSS3 transform 2D转换之移动 旋转 缩放（详细讲解看完就会） CSS3 Z—Index 详解 CSS3 positon定位详解（通俗易懂）
HTML 标签和属性 HTML标签大全 手机页面的一些有用的meta 前端 Meta 用法大汇总 标签语意化 选择合适的块级HTML标签流程图 Web标准(Standard) HTML Living Standard－WHATWG WHATWG维护的持续更新的HTML标准 W3C规范 W3C规范翻译 HTML5中文小组翻译的。附HTML5中文小组主页 CSS 基本概念 CSS 词汇表 注释，语句，规则集等等。 【转载】理解 CSS 属性值语法 看懂 CSS 规范的属性值定义。 选择器
「副作用」的定义是，在导入时会执行特殊行为的代码，而不是仅仅暴露一个export或多个export。举例说明，例如polyfill，它影响全局作用域，并且通常不提供export。 注意，任何导入的文件都会受到tree shaking的影响。这意味着，如果在项目中使用类似css-loader并导入CSS文件，则需要将其添加到 side effect 列表中，以免在生产模式中无意中将它删除：
在我们前面的文章中已经深入学了HTML和CSS，在网页设计中我们已经有能力完成一个美观的网页框架
一、前言 当使用CoffeeScript、ClojureScript编写前端脚本时，当使用Less、Sacc编写样式规则时，是否觉得调试时无法准确找到源码位置呢？当使用jquery.min.js等经压缩后的工具库时，是否觉得连调试的门都不不知道在哪呢？ 针对上述问题，google为我们提供了Source Maps这一解决方案，以下内容为对Source Maps的学习记录，以便日后查阅。 由于篇幅较长，特设目录一坨！ 二、示例 三、Sou
node_modules 是安装 node 后用来存放用包管理工具下载安装的包的文件夹。比如 webpack 等这些工具。
介绍 nginx-http-concat,可以减少http请求,从而减轻了服务器的请求压力,更快的响应。 每个http请求的应答都是非常昂贵的, 并且我们知道浏览器本身也有并发请求限制,当一个网站并发请求非常多时,也会非常影响性能的。
本文主要讲解了CSS3和JavaScript的一些基础知识，包括字体、CSS3动画、响应式、图片优化、SVG、动画、触发器等。还介绍了一些常用的工具和资源，如GitHub、MDN、CSS Tricks、CSS Media Queries等。同时，也探讨了如何避免重排和重绘，以及提高性能的方法和技巧。
字体方面主要包括：字体渲染方式，浏览器默认字体及重置，@font-face自定义字体，字体性能等
1.1 项目目录介绍 目录/文件 说明 详解 build 项目构建(webpack)相关代码 详解 config 配置目录，包括端口号等 详解 node_modules npm 加载的项目依赖模块 详
nginx-http-concat,可以减少http请求,从而减轻了服务器的请求压力,更快的响应。每个http请求的应答都是非常昂贵的, 并且我们知道浏览器本身也有并发请求限制,当一个网站并发请求非常多时,也会非常影响性能的。
day01: jQuery基础 --> 选择器、属性和CSS、文档处理 day02: jQuery高级 --> 筛选、事件、效果(动画)、ajax
➢ id 选择器（ #myid） ➢ 类选择器（.myclassname） ➢ 标签选择器（div,h1,p） ,用逗号分割，可多个 ➢ 相邻选择器（h1+p） ，兄弟节点 ➢ 子选择器（ul>li） ， ➢ 后代选择器（lia） ➢ 通配符选择器（ * ） ➢ 属性选择器（a[rel=“external”]） ，jQuery常用 ➢ 伪类选择器（a:hover,li:nth-child）
Android的夜间模式主要主用于阅读方面，在QQ，微信读书，新闻阅读类一般会有相应的功能，本文主要介绍整体APP的夜间模式以及webview中夜间模式的实现。
学校里没有前端的课程，那如何学习JavaScript，又如何使自己成为一个合格的前端工程师呢？
你是否使用过智能手机浏览真正的网页? 你是否因为自己作为后端程序员而不能开发出较漂亮的页面? 你是否开发过能够同时适应不同分辨率的屏幕的页面? 如果你出现过上述问题并想解决这些问题，那么友好的Boo
本来不打算写关于hexo教程的，Google上关于hexo的文章到处都有，重复造轮子的事情本身意义不大。之前的博客一直使用的是WordPress，朋友说用WordPress来做博客会存在种种问题，WP就像是一把瑞士军刀，在灵巧以及功能性上已经失去了平衡。然后去尝试了各种博客构建方案，折腾完后发现，Hexo已经在简洁之道上了。
作者 | 樱桃小丸子儿 链接 | http://www.jianshu.com/p/abadcc84e2a4 HTML&CSS img的alt和title的异同？ alt 是图片加载失败时，显示在网页上的替代文字； title 是鼠标放上面时显示的文字,title是对图片的描述与进一步说明; 这些都是表面上的区别，alt是img必要的属性，而title不是。 对于网站seo优化来说，title与alt还有最重要的一点： 搜索引擎对图片意思的判断，主要靠alt属性。所以在图片alt属性中以简要文字说明，同时包
大家都知道，学习前端，有三大神器，html+css+js。如果用武学来比喻，html就好像骨架身躯，学习html就是习武之人所谓的打熬身体，身体底子好，习武才能又快又好，这个阶段，没有太多的捷径可走。而css就如你的拳脚功夫，武功招式。掌握了css，你才能正式算是一个习武之人。精妙的招式往往让你的武学充满美感和力量，优雅地击败敌人。而被人推崇之至的js呢，就是传说中最神秘的内功心法了。可以完美协调我们的身体和招式，打的敌人无可招架。俗话说外练筋骨皮，内练一口气，只有身体招式心法都练到炉火纯青，你的武学才算是融会贯通。
这是我们部门前端同学cobish的学习笔记，笔者编辑了一下并分享给大家。 在使用 Grunt 之前，项目静态文件几乎没进行压缩合并便直接放到线上，部分文件手动复制粘贴到某压缩网站进行压缩。没压缩合并的
用 Node 写服务端的时候，比较头疼的是排查定位问题，因为不像 Chrome 浏览器中，我们有直接的报错提示在 dev tool 中，或者我们可以直接打断点调试。
全局配置文件app.json中，可以定义小程序的页面文件路径、界面表现、网络超时时间、底部tab等。
MVVM是Model-View-ViewModel的缩写。MVVM是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。
文件的hash指纹通常作为前端静态资源实现增量更新的方案之一，Webpack是目前最流行的开源编译工具之一，其强大的功能也带来很多坑（当然，大部分麻烦其实都可以在官方文档中找到答案）。 比如，在Webpack编译输出文件的配置过程中，如果需要为文件加入hash指纹，Webpack提供了两个配置项可供使用：hash和chunkhash。那么两者有何区别呢？其各自典型的应用场景又是什么？本文结合笔者工作中遇到的问题，简单记录一下以上问题的解决方案。 1. hash与chunkhash 首先我们先看一下官方文档对
CSS Modules 的用法很简单，不过现阶段还需要 webpack 的支持。CSS Modules 的功能非常少，它一共就干了两件事：局部作用域和模块依赖。
在大多数需求中，css3 的 transition / animation 都能满足我们的需求，并且相对于 js 实现，可以大大提升我们的开发效率，降低开发成本。
前言/脚手架的介绍与作用： Vue-cli脚手架官方中文文档：cli.vuejs.org/zh/guide/ 1. vue脚手架是什么？ 它是一个专门为单页面（SPA）应用快速搭建繁杂的脚手架，它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构（vue和webpack的项目模板）。 vue脚手架通常使用在大型项目中，能够加快我们的开发速度。而小型项目不推荐使用脚手架，因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架？ 因为 we
Webpack 是当下最热门前端资源模块化管理和打包工具。任何形式的资源都可以视作模块，通
不懂CHROME前端调试工具，遇到问题就叽叽喳喳问前端，显得很不专业。辉哥利用五一节日，补补功课，引用相关优质文章，把Chrome浏览器客户端调试的方法详细讲解一遍。
Vue作为前端三大框架之一，其已经悄然成为主流，学会用vue相关技术来开发项目会相当轻松。
本文主要介绍了CSS布局的基本知识、常见布局技巧、CSS3新特性及浏览器兼容性问题。
大家好，我是架构君，一个会写代码吟诗的架构师。今天说一说JQuery上传插件Uploadify使用详解,希望能够帮助大家进步!!!
“无上甚深微妙法，百千万劫难遭遇，我今见闻得受持，愿解如来真实义。” ——《开经偈》
下面是jQuery 提供额外的事件，用于完善javascript缺失的事件 详解如下：
最近在用nodejs写一点东西，当然也用到了express框架和ejs模版了。在使用ejs模版的过程中遇到了这个问题：如何在ejs模版中导入外部的js、css文件。
接上节4-1 Tree Shaking 概念详解末尾，我们可以看到，在 mode 进行切换时，webpack.config.js 的配置也是不一样的。这很好理解，开发环境中我们更多地是考虑开发和调试方便，生产环境我们更多考虑性能。但我们总不会每次切换环境的时候，还要手动去更改配置吧。最简单就是保存两份配置，对应不同的环境。
Webpack 可以看做是模块打包机，把解析的所有模块变成一个对象，然后通过入口模块去加载我们的东西，然后依次实现递归的依赖关系，通过入口来运行所有的文件。由于 webpack 只认识js，所以需要通过一系列的 loader 和 plugin 转换成合适的格式供浏览器运行。
前言 以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。 属性介绍 首先先我们简单粗暴了解transition属性吧！ transition: <transition-property> <transition-duration> <transition-timing-function> <transition-delay>;
以前说起前端动画必须使用JS，而CSS3为我们带来transition和@keyframes，让我们可以以更简单（声明式代替命令式）和更高效的方式实现UI状态间的补间动画。本文为近期对Transition的学习总结，欢迎各位拍砖。
（注1：如果有问题欢迎留言探讨，一起学习！转载请注明出处，喜欢可以点个赞哦！） （注2：更多内容请查看我的目录。）
屏幕大小指屏幕的对角线的长度，单位一般是英寸。常见的手机屏幕大小 3.5、4、4.7、5.0、5.5、6.0等。常见手机屏幕查看网址 http://screensiz.es/
Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。目的是帮助大家审查自己的知识结构是否完善，如有遗漏或不正确的地方，希望共勉。
配置详解 //使用插件html-webpack-plugin打包合并html //使用插件extract-text-webpack-plugin打包独立的css //使用UglifyJsPlugin压缩代码 var HtmlWebpackPlugin = require('html-webpack-plugin'); var ExtractTextPlugin = require('extract-text-webpack-plugin'); var webpack = require("webpack")
时隔几天，天气依旧炎热，不过坐在空调房里的我一点也感觉不到~(笑)。我的事也在稳步进行着，这个下午继续我上一篇的Jquery。
//百度上的资料五花八门让人眼花缭乱，别急，这时候我替你亲身经历了，有需要的可以参考下，先上效果图，以免你们以为我吹牛逼，嘻嘻
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
