摘要：
一、webpack是什么 webpack是一种前端资源构建工具，一个静态模块打包器(module bundler)。在webpack看来，前端的所有资源文件(js/json/css/img/less/...)都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源（bundle） 阅读全文
摘要：
1、使用class样式 使用数组：<p :class="['italic']">随便输入一些文字内容</p> 数组中使用三元表达式：<p :class="['italic',flag? 'active':'']">内容</p 数组中嵌套对象：<p :class="['italic',{'active 阅读全文
摘要：
一、JSON简介 1、JSON全称是JavaScript Object Notation即JavaScript对象标记法。 JSON是一种轻量级（Light-Weight）、基于文本的（Text-Based）、可读的（Human-Readable）格式 JSON的名称中虽然带有JavaScript， 阅读全文
摘要：
本文原创，这里首先声明，转载注明本文出处，翻版必究！ web前端开发规范的现实意义 1、提高团队的协作能力 2、提高代码的重复利用率 3、可以写出质量更高，效率更好的代码 4、为后期维护提供更好的支持 5、可读性高 一、命名规则 1、html命名规则： a、文件名称命名规则：统一使用小写英文字母、数 阅读全文
摘要：
一、Yeoman 简介 通常在开发新项目时我们都需要配置工程环境，开发目录，需要下载一些库、框架文件（如 jQuery、Backbone 等），配置编译环境（Less、Sass、Coffeescript等），甚至还要配置单元测试框架，过程非常繁琐，还没开始编码时间就耗了大半天。为了解决这个问题 Pa 阅读全文
摘要：
一. 一些导致js性能缓慢的例子 DOM访问执行DOM交互的代码比i一般的js代码要慢。DOM交互是不可避免的，但是尽量的减少。 例如： 动态的使用innerHTML插入HTML语句比创建DOM节点更快。 eval无论什么时候，避免使用eval方法，因为执行这一方法会造成很大的开销。 with尽量不 阅读全文
摘要：
一、IOS自带safari浏览器 1、safari不支持fixed、input输入框 iOS下的 Fixed + Input 调用键盘的时候fixed无效问题 拖动页面时 header 和 footer 已经定位在了对应的位置，目测没问题了 但接下来问题就来了！如果底部输入框软键盘被唤起以后，再次滑 阅读全文
摘要：
一、SASS简介 SASS是一种CSS的开发工具，提供了许多便利的写法，大大节省了设计者的时间，使得CSS的开发，变得简单和可维护。 本文总结了SASS的主要用法。我的目标是，有了这篇文章，日常的一般使用就不需要去看官方文档了。 二、安装和使用 1、 安装 SASS是Ruby语言写的，但是两者的语法 阅读全文
摘要：
移动端开发中需要注意的事项，以及可能需要用到一些框架，尾部总结了一些主流框架，如果你觉得有用的话，请点击推荐，谢谢！ 一、关于meta 常见的公共meta属性： 1、viewport <meta name="viewport" content="width-device-width,initial- 阅读全文
摘要：
一、性能诊断工具如下： YSlow：23条性能军规，打分制，提供浏览器插件 WebPageTest：真实浏览器，多地区，视频截图 GooglePageSpeed：真实浏览器，移动端 性能魔方：多地区、运营商、多角度、优化建议 阿里测：多地区、多浏览器、访问限制 17CE：多地区评测访问速度，更偏运维 阅读全文
摘要：
实际开发项目中，前端工程师需要和美工、后端、产品经理配合来完成一个产品，今天就简单说说前端工程师和这些类别工程师配合的那些事。 一、前端攻城狮和美工配合的那些事 懂得图片理论基础 常见的图片格式包含以下几种： PNG 1996【优点】：透明、无损压缩、渐近显示、流式读写、保留图像名称、作者、版权、创 阅读全文
摘要：
1、对WEB标准以及W3C的理解和认识？ 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率 使用外链css和js脚本，结构行为表现的分离 文件下载与页面速度更快，内容能被更多的用户所访问，内容能被更广泛的设备所访问 更少的代码和组价，容易维护，改版方便，不需要变动页面内容 提供打印版本而不需要复 阅读全文
摘要：
一、性能优化之浏览器篇 1、把CSS放在head中加载 能让页面更早的开始渲染，避免闪屏 最好能包含关键渲染路径的样式：首屏 会让页面显得加载速度更快，因为这样做可以使浏览器逐步加载已经下载的网页内容，这对内容比多的网页尤其重要，用户不用一直等待在一个白屏上，而是可以先看到已经下载的内容。 如果样式 阅读全文
摘要：
一、基本的准备工作 1、工具安装 工具是有微信官方提供。 2、下载地址： windows32位：https://servicewechat.com/wxa-dev-logic/download_redirect?type=ia32&from=mpwiki&t=1475052055457 window 阅读全文
摘要：
一、Canvas标签： 1、HTML5<canvas>元素用于图形的绘制，通过脚本（通常是javascript）来完成。 2、<canvas>标签只是图形容器，必须使用脚本来绘制图形。 3、可以通过多种方法通过Canvas绘制路径、盒、圆、字符以及添加图像。 二、Canvas绘制图形 1、绘制矩形 阅读全文
摘要：
一、SVG介绍 1、SVG指可伸缩矢量图片 2、SVG用来定义用于网络的基于矢量的图形 3、SVG使用XML格式定义图形 4、SVG图像在放大或改变尺寸的情况下其图形质量不会有损失 5、SVG是万维网联盟的标准 二、SVG的优势 1、SVG图像可通过文本编辑器来创建和修改 2、SVG图像可被搜索、索 阅读全文
摘要：
一、使用smarty+ajax+php实现无刷新分页效果 效果图 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>ajax分页</title> 6 <style> 7 table{ 8 b 阅读全文
摘要：
写在前面的话，如果中间有什么不明白的，请先看封装ajax框架！（前言篇） 1、添写一个封闭函数 （function(){}）(); 在一个项目中，可能会引用多个js框架，如果函数名相同，会有命名冲突，所以这里使用封闭函数。 2、封装一个函数，用于dom元素的获取 但$是局部变量，外面不能直接使用，所 阅读全文
摘要：
Ajax技术就是利用javascript和xml实现异步交互的功能。 首先先来介绍一下Ajax相关知识点，如果这些你都会的话，请直接跳转到封装ajax框架！（代码篇） 一、Ajax对象的创建 1、创建Ajax对象的方式 a、第一种方式是针对IE浏览器 b、第二种方式针对w3c：在IE的高版本（IE8 阅读全文
摘要：
一、JavaScript中的所有事物都是对象：字符串、数组、数值、函数... 1、每个对象带有属性和方法 JavaScript允许自定义对象 2、自定义对象 a、定义并创建对象实例 b、使用函数来定义对象，然后创建新的对象实例 二、JS内置对象-String 1、string对象 string对象用 阅读全文
摘要：
一、JS浏览器对象-window 1、window对象 window对象是BOM的核心，window对象指当前的浏览器窗口 所有JavaScript全局对象、函数以及变量均自动成为window对象的成员 全局变量是window对象的属性 全局函数是window对象的方法 2、window尺寸 win 阅读全文
摘要：
一、less、sass、stylus 它们是三种类似的样式动态语言，属于css预处理语言，它们有类似css的语法，为css赋予了动态语言的特性、如变量、继承、运算、函数等，这么做是为了css的编写和维护。 它们使用的文件分别是：.less、.scss、.*styl，这些文件是不能再网页上直接使用的， 阅读全文
摘要：
从用户访问资源到资源完整的展现在用户面前的过程中，通过技术手段和优化策略，缩短每个步骤的处理时间从而提升整个资源的访问和呈现速度。网站的性能直接会影响到用户的数量，所有前端性能优化很重要。 前端性能优化分为如下几个方面： 一、代码部署 1、代码的压缩与合并 2、图片、js、css等静态资源使用和主站 阅读全文
摘要：
一、bootstrap按钮 1、按钮 2、按钮组 3、通栏按钮 <button class="btn btn-success btn-block">通栏按钮</button> 4、通栏按钮组 a、通栏按钮组，如果用input标签或者button标签，需要将它用btn-group的容器包起来。 b、如 阅读全文
摘要：
一、移动端的操作方式和PC端是不同的，移动端主要是用手指操作，所以有特殊的touch事件，touch事件包括如下几个事件： 1、手指放到屏幕上时触发 touchstart 2、手指放在屏幕上滑动式触发 touchmove 3、手指离开屏幕时触发。 touchend 4、系统取消touch事件的时候触 阅读全文
摘要：
jQuery UI是以jQuery为基础的代码库。包含底层用户交互、动画、特效、和可更换主题的可视控件。我们可以直接用它来构建具有很好交互性的web应用程序。 jQueryUI网址：http://jqueryui.com 一、jQuery UI主要分为3个部分：交互、小部件和效果库。 1、交互 交互 阅读全文
摘要：
1、cookie存储在本地，容量最大4k，在同源的http请求时携带传递，损耗带宽，可设置访问路径，只有此路径及此路径的子路径才能访问此cookie，在设置的过期时间之前有效。但是cookie不适合大量数据的存储，因为他们由每个对服务器的请求来传递，这使得cookie速度很慢而且效率不高。 a、jq 阅读全文
摘要：
一、JSON JSON是JavaScript Object Notation 的首字母缩写，单词的意思是javascript对象表示法，这里说的json指的是类似于javascript对象的一种数据格式，目前这种数据格式比较流行，逐渐替换掉了传统的xml数据格式。 1、javascript对象字面量 阅读全文
摘要：
一、事件冒泡定义 事件冒泡是指在一个对象触发某类事件（比如单击onclick事件），如果此对象定义了此事件的处理程序，那么此事件就会调用这个处理程序，如果没有定义此事件处理程序或者事件返回true，那么这个事件会向这个对象的父级对象传播，从里到外，甚至它被处理（父级对象所有同类事件都将被激活），或者 阅读全文
摘要：
一、jQuery事件 1、focus（）元素获得焦点 2、blur（）元素失去焦点 3、change（） 表单元素的值发生变化（可用于验证用户名是否存在） 4、click（） 鼠标单击 5、dbclick（） 鼠标双击 6、mouseover（） 鼠标进入（进入子元素也触发） 7、mouseout（ 阅读全文