摘要：
css3动画：http://note.youdao.com/s/QHKfXryA 浏览器渲染，复合层 ：http://note.youdao.com/s/J1zhknI8 window.requestAnimationFrame： http://note.youdao.com/s/NsJcr6oH 阅读全文
摘要：
setTimeout 在 js 加载前的问题探究 setTimeout 在 js 加载前的问题探究 思思放出一道题目，深究一下发觉很有意思 <script> setTimeout(() => { alert('2'); }, 0)</script> <script src="https://test 阅读全文
摘要：
1.css盒子模型 2.子元素宽高固定，css水平居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> #parent { background: gray; 阅读全文
摘要：
1.如果是单行文本。(子元素是块级元素，则设置子元素的line-height等于父元素的高，可使子元素垂直居中与父元素) 2、对于已知高度的块级子元素，子元素采用绝对定位，{position: absolute;top:50%; height: 300px; margin-top: -150px;} 阅读全文
摘要：
align-content 作用: 会设置自由盒内部所有行作为一个整体在垂直方向排列方式。针对多行作为一个整体在纵轴上的排列方式，该属性对单行无效。 条件:必须对父元素设置自由盒属性display:flex;，并且设置排列方式为横向排列flex-direction:row;并且设置换行，flex-w 阅读全文
摘要：
前端chrome浏览器调试总结 Cayley硕儿 关注 2016.12.04 23:18* 字数 3923 阅读 25389评论 40喜欢 163赞赏 5 Cayley硕儿 关注 2016.12.04 23:18* 字数 3923 阅读 25389评论 40喜欢 163赞赏 5 2016.12.04 阅读全文
摘要：
使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main axis），和竖直的交叉轴。主轴开始的位置，即主轴与右边框的交点，称为main start；主轴结束的位置称为main end；交叉轴开始的位置 阅读全文
摘要：
原型模式创建对象 函数的原型对象 对象实例和原型对象的关联 使用原型模型创建对象 原型模型创建对象的局限性 函数的原型对象 在了解如何使用原型模式创建对象之前，有必要先搞清楚什么是原型对象。 我们创建的每一个构造函数都有一个prototype属性，该属性是一个指针，该指针指向了一个对象。对于我们创建 阅读全文
摘要：
jQuery ajax - ajax() 方法 http://www.w3school.com.cn/jquery/ajax_ajax.asp http://www.w3school.com.cn/jquery/ajax_ajax.asp 实例 通过 AJAX 加载一段文本： jQuery 代码： 阅读全文
摘要：
select2 api参数的文档 具体参数可以参考一下： 参数 类型 描述 Width 字符串 控制 宽度 样式属性的Select2容器div minimumInputLength int 最小数量的字符 maximumInputLength int 最大数量的字符 minimumResultsFo 阅读全文
摘要：
//添加滚动事件 studentGrid.on('scroll',function(){ var sT = $(this)[0].scrollTop, sH = $(this)[0].scrollHeight, h =$(this).height(); //滚... 阅读全文
摘要：
Ajax的主要作用 Ajax的主要作用是向服务器请求数据的同时无需卸载页面，也就是局部刷新，可以带来了更好的用户体验，同时ajax也有他的不足，比如破坏了浏览器的前进后退按钮，对搜索引擎的支持不足，开发和调试工具缺乏 javascript中的Ajax 在javascript中，ajax是通过XMLH 阅读全文
摘要：
我们使用浏览器上网时，首先会在地址栏输入一个网址，浏览器会依据网址向服务器发送资源请求，服务器解析请求，并将相关数据资源传回给浏览器，这些数据资源包括Page的描述文档、图片、Javascript脚本、CSS等。此后，浏览器引擎会对数据进行解码、解析、排版、绘制等操作，最终呈现出完整的页面。 前端性 阅读全文
摘要：
前段时间去面试移动端的H5开发工程师，在最后面试的时候被问到了max-age Expires Etag有什么不同，在什么情况下应用，当时乱编了一通，自我感觉良好，结果…… 大家懂得，现在讲他们几个的区别以及如何应用进行一下总结，方便后续查看。 Expires http/1.0中定义的header，是 阅读全文
摘要：
相同点： 获取匹配到的元素的内容 $("p").text(); 给获取到的元素更改内容 $("p").html("更改后的p标签"); 不同点一： html()在获取元素内容时，如果选择器匹配多于一个的元素，那么只有第一个匹配元素的 HTML 内容会被获取。 text()在获取元素内容时，结果是由所 阅读全文
摘要：
https://blog.csdn.net/sdfdyubo/article/details/59482655 阅读目录 一、location.href常见的几种形式 二、location.href不同形式之间的区别 三、location.href总结 四、window.location.href和 阅读全文
摘要：
1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 [html] view pla 阅读全文
摘要：
最近在写一个手机端提交表单的项目，里面用了不少input标签，因为项目不太忙，所以，想做的完美点，但是遇到了一些问题，比如：页面中的必填项如果有至少一项为空，提交按钮就是不能提交的状态，所以需要对所有的input内容进行监听，刚开始我用了jquery的keyup事件解决问题，但是后来测试出一个bug 阅读全文
摘要：
该记录源于segmentfaul网友的评论，特意感谢！ ...运算符用于操作数组，有两种层面 1. 第一个叫做 展开运算符(spread operator)，作用是和字面意思一样，就是把东西展开。可以用在array和object上都行。比如: let a = [1,2,3]; let b = [0, 阅读全文
摘要：
jqGrid整理 一、 jqGrid的加载。 1.引用相关头文件 引入CSS： <link href="Scripts/jquery-ui-1.8.1.custom.css" rel="stylesheet" type="text/css" /> <link href="Scripts/ui.jqg 阅读全文
摘要：
核心内容: React是根据组件上设定的key属性来生成该组件唯一的标识，只有key改变了，React才会更新组件，否则重用该组件。如果想要更新组件内容，请保证每次的key都不一样。 React修炼之路（一）里面实现组件更新的方法就不说了，这里说说上面文档给我的启发。首先要明确自己的业务需求。 你的 阅读全文
摘要：
说说伪类与伪元素的不同 伪元素用来创建HTML文档语言指定之外文档树的抽象层。比如HTML没有提供文档元素内容的首字母或第一行的访问机制。CSS伪元素允许作者引用这些除此之外无法访问的信息。伪元素还提供一种方法来引用不存在于文档中的内容。（比如，::before 和 ::after ）。 一个伪元素 阅读全文
摘要：
(一)事件绑定的几种方式 javascript给DOM绑定事件处理函数总的来说有2种方式：在html文档中绑定、在js代码中绑定。下面的方式1、方式2属于在html中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中方法5是最推荐的做法。 方式1： HTML的DOM元素支持onclick 阅读全文
摘要：
清除浮动的几种方式和兼容性处理 在清除浮动前我们要了解两个重要的定义： 浮动的定义：使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来。 高度塌陷：浮动元素父元素高度自适应（父元素不写高度时，子元素写了浮动后，父元素会发生高度塌陷） 知道浮动和为什么要清除浮动之后我们可以 阅读全文
摘要：
JavaScript中的e？ e是事件对象，就是js事件相关信息对象，而且根据不同的事件，属性值会不一样。比如 obj.onclick=function(e){ console.log(e); } 这里的e就是obj点击事件的事件对象。 一个完整的事件系统，通常存在以下三个角色： 事件对象：用于储存 阅读全文
摘要：
Java如何实现跨平台？ .java文件经过编译器编译成一种中介码，也就是.class文件。不过.class不是硬件系统最终能处理和认识的机器指令，需要一个翻译系统将其翻译成机器能认识的基本指令，而java平台中的虚拟机（jvm）就充当了这个翻译系统。Java虚拟机将根据不同的硬件平台把.class 阅读全文
摘要：
在ECMAScript中，两个核心主题就是对象与函数，而这两个主题也有些互相缠绕的，在前面几个博文中大略的过了一遍函数相关的基础知识，这篇文章再回到对象主题上来。 1、对象再认识 （1）对象属性和特性 什么是属性（Property），什么是特性（Attribute），这有什么区别？我不想也不会从语义 阅读全文
摘要：
Javascript的函数调用 使用return语句时，函数会停止执行，并返回指定的值。 在 JavaScript 函数内部声明的变量（使用 var）是局部变量，所以只能在函数内部访问它。（该变量的作用域是局部的）。当函数被执行完之后就会被删除，自动被销毁。 您可以在不同的函数中使用名称相同的局部变 阅读全文
摘要：
JavaScript的弹窗 可以在 JavaScript 中创建三种消息框：警告框、确认框、提示框。 警告窗: window.alert("sometext"); 点击确认按钮才能继续进行操作. 确认框: 确认框通常用于验证是否接受用户操作。 当你点击 "确认", 确认框返回 true， 如果点击 阅读全文
摘要：
阅读全文
摘要：
datepicker 日期： datepicker提供了相关事件，在实际开发中最常用的无非就是这三个，打开前beforeShow，关闭后onClose，onselect选中，我们可以通过控制台打印相关参数调试一下具体怎么使用， onselect: function (dateText, inst) {//选中事件 console.log("onselect, dateText", d... 阅读全文
摘要：
两种类型的表格布局 你有两种方式使用表格布局 -HTML Table（<table>标签）和CSS Table（display:table 等相关属性）。 HTML Table是指使用原生的<table>标签，而CSS Table是指用CSS属性模仿HTML 表格的模型。 在W3C关于<table> 阅读全文
摘要：
Jqgrid 排序的关键是这两个属性： sortname: 'eight', //默认表格加载时根据eight列排序 sortname string 排序列的名称，此参数会被传到后台；BOSS中：sortname属性作为了sidx属性传给后端，也就是sidx: id，根据id排序 sortorder 阅读全文
摘要：
1.append(content)函数。content可以是一个字符串，dom，或者$(dom) 2.append（）与html（），text（）的区别？ 3.每打开一次modal，modal的js便会执行引进一次，也就绑定了一次事件。因为事件时绑在document上，关闭modal的时候，docu 阅读全文
摘要：
一 为什么要有箭头函数 我们在日常开发中，可能会需要写类似下面的代码 上例的输出结果是什么呢？可能对javascript特性不是很熟悉的同学(我自己也是)会认为输出当然是我叫little bear,今年18岁咯。如果你的答案是这个的话，那么我要恭喜你，答错了。其实上例的输出结果是我叫undefine 阅读全文
摘要：
关于正则表达 正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。 正则表达式是由普通字符（例如字符 a 到 z）以及特殊字符（称为"元字符"）组成的文字模式。 普通字符 普通字符包括没有显式指定为元字符的所有可 阅读全文
摘要：
class NameForm extends React.Component { constructor(props) { super(props); this.state = {value: ''}; this.handleChange = this.handleChange.bind(this); this.handleSubmit = this.han... 阅读全文
摘要：
私有属性的提案 与私有方法一样，ES6 不支持私有属性。目前，有一个提案，为class加了私有属性。方法是在属性名之前，使用#表示。 上面代码中，#x就表示私有属性x，在Point类之外是读取不到这个属性的。还可以看到，私有属性与实例的属性是可以同名的（比如，#x与get x()）。 私有属性可以指 阅读全文
摘要：
Babel 转译器 这是react自带的一个编译器 props和states一个是组件外部的，一个是组件内部的 组件 & Props 组件可以将UI切分成一些的独立的、可复用的部件，这样你就只需专注于构建每一个单独的部件。 组件从概念上看就像是函数，它可以接收任意的输入值（称之为“props”），并 阅读全文
摘要：
React中的核心概念 1 虚拟DOM（Virtual DOM） 2 Diff算法（虚拟DOM的加速器，提升React性能的法宝） 虚拟DOM（Vitural DOM） 为什么用虚拟dom，当dom反生更改时需要遍历 而原生dom可遍历属性多大231个 且大部分与渲染无关 更新页面代价太大 如何实现 阅读全文