前端开发工具

寒青
寒青
2021-05-25
阅读 4 分钟
3.6k
前端教程阿西河前端教程丨一个助你成为全栈开发的网站前端高手进阶JavaScript利用js实现表单的校验KeyCode 查询表现代 JavaScript 教程时间戳(Unix timestamp)转换工具HTML minifierJavaScript代码压缩-js代码压缩在线进制转换JS压缩The online code editor for web apps. Powered by Visual Studio Code.JS MediaTagsmp...

前端插件库

寒青
寒青
2019-05-12
阅读 10 分钟
6.9k
DataTables是jQuery的JavaScript函数库，目的是强化表格操作（如搜索、排序），并自动加入组件引入表格中，使用非常灵活简便。

前端优化文档

寒青
寒青
2019-05-07
阅读 3 分钟
4.6k
浏览器发送HTTP请求，服务器收到请求全文后，返回HTTP响应，在浏览器接收之后结束这个过程。浏览器和服务器只有一次互动的机会，浏览器主动发起，而服务器被动地根据收到的请求内容返回结果。一个完整的请求都需要经过DNS寻址、与服务器建立连接、发送数据、等待服务器响应、接收数据的过程。

CSS团队协作规范

寒青
寒青
2019-05-07
阅读 2 分钟
2.7k
命名禁止缩写 精简扼要地对class命名，请勿使用自定义缩写。 class name的命名必须是行为、有语意的。 禁止在非特殊情况下写！important CSS本身有权重设计，任意地使用!important会造成权重混乱而无法维护。 不可轻易限定宽高 用户可以自行设定自己的浏览器，例如Android手机可以设定显示字体大小，写死的高度会让字体...

网页设计的垂直居中

寒青
寒青
2019-03-21
阅读 12 分钟
3.8k
<p class="codepen" data-height="300" data-theme-id="0" data-default-tab="result" data-user="whjin" data-slug-hash="EMdevR" style="height: 265px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border: 2px solid black; margin: 1em 0; padding: 1em;" data-pen-...

CSS3开发文档

寒青
寒青
2019-03-20
阅读 9 分钟
3.8k
后代（派生）：根据元素在位置上的关系定义样式，使用空格隔开，后代选择器尽量不要超过3个，不必把每个层级都列出，只需要写关键点即可 li strong {}

CSS世界（文档）

寒青
寒青
2018-07-12
阅读 3 分钟
6.2k
整理完了《高性能JavaScript》这本书，往下就需要快速处理《CSS世界》，这本讲解CSS特性的书非常值得一读，内容完整，重点突出，实战性强，就是语言啰嗦。由于全书内容太多，而且需要一点一点的整理，所以放到了站点上，方便大家查看。

前端开发面试题

寒青
寒青
2018-06-25
阅读 24 分钟
7.8k
1、<!DOCTYPE>声明位于HTML文档中的第一行，处于<html>标签之前，告知浏览器的解析器用什么文档标准解析。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。2、标准模式的排版和JS运行模式都是以该浏览器支持的最高标准运行。在兼容模式中，页面以宽松的向后兼容的方式显示，模拟老式浏览器的行为以防止...

前端开发文档

寒青
寒青
2018-05-09
阅读 1 分钟
8.2k
最近在整理全栈开发方面的技术细节，写成文档方便工作中查找，在这里分享这个站点。地址：前端开发文档全栈开发HTML5/CSS3HTML元素语义化标签CSS3样式CSS选择器CSS继承属性CSS3核心模块CSS盒子模型CSS背景图像CSS清除浮动CSS定位SVG指南弹性图片CSS BFCLessLess基础FontWeb字体CSS实例动画旋转下拉菜单飘带样式菜单二级...

前端代码集

寒青
寒青
2017-10-18
阅读 11 分钟
3k
HTML5 使用FileReader实现前端图片预览 获取到页面中所有的checkbox怎么做？(不使用第三方框架) JavaScript模版引擎小实例 Javascript 实现JS函数重载 JS跨浏览器绑定事件函数 JS单体模式 使用prototype属性定义的对象方法 闭包实现结果缓存 闭包实现封装 闭包实现类和继承 如何判断某变量是否为数组数据类型？ Javascri...

前端文档收集

寒青
寒青
2017-09-04
阅读 2 分钟
11.6k
H5系列10种优化页面加载速度的方法随笔分类 - HTML5HTML5中40个最重要的技术点常用meta整理网页性能管理详解HTML5 离线缓存-manifest简介JS系列编写高性能JavaScript有趣的JavaScript原生数组函数JavaScript数据访问性能优化方案JavaScript实现的9大排序算法javascript 一怪——arguments 对象JavaScript常用方法函数收集...

页面布局解决方案

寒青
寒青
2017-08-01
阅读 10 分钟
2.5k
页面布局解决方案 居中布局 水平居中 子元素相对于父元素居中且子元素宽度可变。 除了另外声明，HTML结构为以下内容： {代码...} inline-block + text-align {代码...} 优点 兼容性好（甚至可以兼容 IE6 和 IE7） table + margin {代码...} NOTE: display: table 在表现上类似 block 元素，但是宽度为内容宽度。 优点 不...

CSS技巧

寒青
寒青
2017-04-06
阅读 2 分钟
1.9k
1、兼容所有浏览器显示半透明效果的方法 {代码...} {代码...} 2、_height,_width的作用 使用_height解决float的div不闭合的问题，可以将_height属性去掉就可以达到效果。 {代码...} {代码...} 3、使用min-height min-width解决div，或者span的固定高度问题 有时候我们需要设定某个元素固定高度，但是在firefox或者opera...

CSS页面布局

寒青
寒青
2017-04-05
阅读 5 分钟
2k
实现三栏布局，中间自适应（margin负值法） {代码...} {代码...} 首尾高度固定、中间自适应的DIV布局（兼容IE6） {代码...} {代码...} flex-box布局 {代码...} {代码...} 粘连 Footer 置于底部-方法一 {代码...} {代码...} {代码...} 粘连 Footer 置于底部-方法二 {代码...} {代码...} {代码...}