摘要：
1. 前言 1.1 前端 前端三剑客：结构层 html，表现层 css，行为层 JavaScript。 html好比是房子的地基，css和 javascript是房子的建筑材料，这三个部分一起组成个漂亮的房子。我们不能把他们分开说，某某部分是个房子，只有三个一起才能组成一个漂亮的房子 。 1.2 J 阅读全文
摘要：
什么是偏门，就是有些片段很少使用，时间久了就记不起来，但用的时候又要去找，所以这里为大家整理一些少用但又实用的 css 样式 ::-Webkit-Input-Placeholder input 的 H5 placeholder 属性，很好用，但不能直接改这个文字颜色，所以目前的解决方法就是用::in 阅读全文
摘要：
简介 如果你关注代码本身和代码的编写方式，而不是只关心它是否能工作，那么你写代码是有一定的水准。专业开发人员将为未来的自己和“其他人”编写代码，而不仅仅只编写当前能工作就行的代码。 在此基础上，简洁代码可以定义为自解释的、易于人理解的、易于更改或扩展的代码。 以下列表一些好编写方式，仅供参考，当然， 阅读全文
摘要：
网络视频一直都很火。虽然在页面上嵌入 Instagram 和 Youtube 视频非常简单，但是有越来越多的需求 —— 比如许多电子商务的场景 —— 要求定制的视频传输方法。在设置视频处理和传输管道时，首先要考虑的是要服务的视频格式。 用户体验、支持（浏览器和系统）、压缩效率或编码速度等方面可能与此 阅读全文
摘要：
css 的继承性是什么? 在面向对象语言都会存在继承的概念，在面向对象语言中，继承的特点：继承了父类的属性和方法。 那么我们现在主要研究css，css就是在设置属性的。不会牵扯到方法的层面。 css的继承：就是给父级设置一些属性，子级继承了父级的该属性，这就是我们的css中的继承。 官方解释，继承是 阅读全文
摘要：
一、开发框架 ExtJS可以称为第一代单页应用框架的典型，它封装了各种UI组件，用户主要使用JavaScript来完成整个前端部分，甚至包括布局。随着功能逐渐增加，ExtJS的体积也逐渐增大，即使用于内部系统的开发，有时候也显得笨重了，更不用说开发以上这类运行在互联网上的系统。 jQuery由于偏重 阅读全文
摘要：
browser VS module VS main 前端开发中使用到 npm 包那可算是家常便饭，而使用到 npm 包总免不了接触到 package.json 包配置文件。那么这里就有一个问题，当我们在不同环境下 import 一个 npm 包时，到底加载的是 npm 包的哪个文件？ 老司机们很快地 阅读全文
摘要：
如果博客是使用Hexo管理的，sitemap可以使用插件来生成。但对于一个内容管理网站，后端可能是express、koa之类的框架，这时sitemap就需要自己来生成了 什么是sitemap Sitemap可方便网站管理员通知搜索引擎他们网站上有哪些可供抓取的网页。最简单的Sitemap形式，就是X 阅读全文
摘要：
第一种方法：通过npm 安装插件 1，安装 npm install vue-print-nb --save 2，引入安装好以后在main.js文件中引入 import Print from 'vue-print-nb' Vue.use(Print); //注册 3，现在就可以使用了 <div id= 阅读全文
摘要：
1、DOM结构 —— 两个节点之间可能存在哪些关系以及如何在节点之间任意移动。 1、包含与被包含 A.contains(B)检测B节点是否是A节点的子节点，返回布尔值 2、父与子 获取父节点： node.parentNode,node.parentElement,两者区别在于后者只能获取元素 获取子 阅读全文
摘要：
1 什么是css？ css通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置html页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以html为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不 阅读全文
摘要：
前提：有时候在项目中会有用到进度条的情况，使用css3也可以实现，但是对于性能不好的设备，或者网络不好的情况下，卡顿现象非常明显，避免出现不流畅的尴尬情况，所以记录一下，使用canvas来实现的方法。 效果图： DOM中，首先定义canvas画板元素： <canvas id="canvas" wid 阅读全文
摘要：
css3新增属性rgba和opacity:(0~1); 在ie8下无法使用Alpha(opacity=[0~100]);//[0~100] 0是透明 100是不透明。 IE下的透明度属性，子元素会继承这个透明度。下面有阻断子元素继承方法。 背景透明，文字不透明。 <!DOCTYPE html><ht 阅读全文
摘要：
Hash hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分）,在页面中的hash有多种功能意义: 锚点 url: http://www.example.com/index.html#jump dom: <a name="jump"></a> 或者 <div i 阅读全文
摘要：
在这篇文章中，我们将使用:placeholder-shown伪类创建一个浮动的问题标签效果，使用纯css实现。 浮动的文字标签 当我们处理输入框时，会想方设法提供给用户更好的体验。有两个标签属性是我们经常会用到的： label标签是关联表单元素，提供说明信息最适合的元素。 输入框的placehold 阅读全文
摘要：
需求效果： 原理：拖动效果的实现基本都是dom操作来实现的，通过拖动分隔线，计算分隔线与浏览器边框的距离(left)，来实现拖动之后的不同宽度的计算；当拖动分隔线1时，计算元素框left和mid；当拖动分隔线2时，计算元素框mid和right；同时设置元素框最小值以防止元素框拖没了（其实是被遮住了） 阅读全文
摘要：
在我们平时练习或者实际项目中也好，我们常常遇到这么一个需求：移动端中的导航并不是在顶部也不是在底部，而是在最底部且是固定的，当我们点击该导航项时会切换到对应的组件。相信对于很多朋友而言，这是一个很简单的需求，而且市面上有很多开源的组件库就可以实现，像比如说：cube-ui等！那么对于一个要是还在练习 阅读全文
摘要：
1. 基于server端session的管理 在早期web应用中，通常使用服务端session来管理用户的会话。快速了解服务端session: 1) 服务端session是用户第一次访问应用时，服务器就会创建的对象，代表用户的一次会话过程，可以用来存放数据。服务器为每一个session都分配一个唯一 阅读全文
摘要：
一、Web应用 1、什么是Web应用？Web应用程序是一种可以通过Web访问的应用程序，特点是用户很容易访问，只需要有浏览器即可，不需要安装其他软件。 2、Web应用程序的模式 应用程序有两种模式，即C/S、B/S两种，C/S是客户端/服务器端程序，这类程序一般独立运行；而B/S就是浏览器端/服务器 阅读全文
摘要：
随着技术的发展、用户量的增加、客户端种类变多，每一个小小的细节都需要优化和考虑。在海量的访问量面前，也许改变一个按钮的位置和颜色就能影响上千万次的用户体验。如今的互联网产品已不是以一己之力就可以完成的乐高积木了，Web开发需要以某种可控的方式来管理。于是，所有认真对待互联网产品的大公司都引入了流水线 阅读全文