06 2018 档案
摘要：一、前言 如上图，页面在渲染和画图时，耗时还是比较多的，这就对我们的编写要求愈加严格。 我们有很多方法来减少上图所示的页面加载耗时的，比如 但是更多的还是在于平时的编写规范，我们需要了解浏览器，让他更加便捷快速的理解（加载）我们的代码。 另外，在编写页面时，如果内容较多，相应的css也会变得更多、更
阅读全文
摘要：一、前言 使得文本换行有很多方式， 二、正文 1. 强制不换行 2. 控制文本换行 3. 强制单词内或链接内断行 详细介绍： （一）white-space 属性设置如何处理元素内的空白 white-space: normal|pre|nowrap|pre-wrap|pre-line|inherit;
阅读全文
摘要：一、前言 我们在编写前端代码的js文件时，往往是会先写一个$(function(){})，然后才会在大括号里面继续写我们自己的代码。当时并不能理解为什么要添加这样一个东西，只是把它当做一个标签一样添加到代码中。直到有一次单独写个页面，把它给漏掉了，于是。。。 报错了，UNcaught Referen
阅读全文
摘要：一、前言 要说readonly和disabled的区别，就需要先说说两者的联系； 两个属性都可以作用于input等表单元素上，都使得元素成为“不可用”的状态； 两者的字面意义先介绍一下： readonly表示“只读”，一般表示对于文字内容只读，即不可更改内容，对于非文字的表单“只读”与“不只读”似乎
阅读全文
摘要：一、前言 事件的绑定触发有很多种方法，我们如何选择呢？ 很多时候，我们会使用鼠标事件，但是鼠标事件只能在PC设备上使用，当我们需要对不同设备兼容时怎么办呢？ 二、正文 1. 事件的几个概念： 事件流：描述的是在页面中接受事件的顺序； 事件冒泡：由最具体的元素接收（当前节点），然后逐级向上传播至最不具
阅读全文
摘要：一、前言 在编写页面的时候，我们经常使用到弹出层。对于弹出层，原本的意义就是增加与用户的交互，提升用户的好感度。如果弹出层都没有较好的体验，那何谈通过交互来提升好感。。。 首先提出几个弹出层的注意点： 弹出层的界面需要统一，不一致的弹出层并不能增加美感，相反还会显得页面布局更加杂乱无章； 弹出层的设
阅读全文
摘要：一、前言 在CSS中，我们经常会使用到transform、transition、translate、animation（@keyframes）这些长得相似，又不好区分的属性（值）。每当需要使用它们，都需要去查找相关的介绍和使用方法，完成后却又继续困惑中。而本篇博客将将它们汇合起来，一起介绍给你。 简
阅读全文
摘要：一、前言 Uncaught TypeError: ... is not a function function xxx(){}表示函数声明，可以放在代码的任何位置，也可以在任何地方成功调用； var xxx = function(){};表示函数表达式，即将一个匿名函数赋值给一个变量，实现通过变量来
阅读全文
