- 博客(15)
- 收藏
- 关注
RSS订阅原创 点击按钮自动复制
copyToClipboard: function() { var $temp = document.createElement("input"); var val = window.location.href || ""; document.body.appendChild($temp); $temp.value = val; $temp.select(); ...
2018-07-09 16:18:26
1010
1
原创 怀疑人生的44问-- JavaScript Puzzlers题目详解
题目在这里：http://javascript-puzzlers.herokuapp.com/1. Q: ["1", "2", "3"].map(parseInt)A: [1, NaN, NaN]parseInt接收2个参数(val,radix)map的回调函数接收3个参数(elem,idx,arr)所以相当于把idx作为radixparseInt("1",0) - radix为0时会被忽略 - ...
2018-05-13 23:41:50
399
原创 浏览器渲染页面原理，reflow、repaint及其优化
浏览器的主要组件包括：1. 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外，其他显示的各个部分都属于用户界面。2. 浏览器引擎 - 在用户界面和渲染引擎之间传送指令。3. 渲染引擎 - 负责显示请求的内容。如果请求的内容是 HTML，它就负责解析 HTML 和 CSS 内容，并将解析后的内容显示在屏幕上。4. 网络...
2018-04-10 21:21:18
2134
转载 函数节流（throttle）与函数去抖（debounce）
一、前言 以下场景往往由于事件频繁被触发，因而频繁执行DOM操作、资源加载等重行为，导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup事件 实际上对于w...
2018-04-07 04:07:20
228
转载 关于 JavaScript 语句后是否应该加分号
可能是受c++，c#风格影响比较深，一半出于强迫症，之前一直是个分号党。最近看各种大神和教程的代码都并不写分号。调研了一下，从此拥抱前置分号。==================================================================以下摘自 @贺师俊 在某乎的回答：总结下“分号党”推崇的“总是写分号”风格的最主要缺陷：1. 人总是有可能忘记写分号。ASI（...
2018-03-11 13:47:40
305
原创 CSS3主要的新特性总结
增加了强大的选择器，如E[att^="val"]，E[att$="val"]，E[att*="val"]，E:last-child，E:nth-child(n)，E:nth-last-of-type(n)，E:checked，E:enabled，E:target，E::selection等；布局更灵活：弹性盒子：Flexbox；多列布局：columns；响应式设计Responsive、媒体查询Me...
2018-03-04 22:26:42
545
原创 CSS3 渐变、变形、过渡、动画小结
CSS3 渐变（IE9&-用滤镜filter来兼容）线性渐变：linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)<side-or-corner> = [left | right] || [top | botto...
2018-03-04 22:01:33
1988
原创 CSS3 Flexbox 小结
* Flexbox前后有三个版本，较老的浏览器会存在兼容性问题。IE11部分支持，IE10部分支持（需加-ms-）。* CSS的columns在伸缩容器上无效；float、clear、vertical-align在伸缩项目上无效；最新版本Flexbox的使用：伸缩容器display: flex | inline-flex伸缩项目：伸缩容器的每个子元素（需要盒修复的元素除外）；伸缩流方向flex-d...
2018-03-04 21:55:08
197
原创 学习CSS盒模型和布局
快速入坑：Learn CSS Layout深入：CSS basic box model W3C Working Draft /* 画外音：有时间还是应该多看Working Draft，随便写好像很简单，系统学习起来觉得CSS真是深坑。 文档有些说得有些个晦涩，按自己的理解稍微整理了一下， 如有不对欢迎指正！(ง •_•)ง *//* 好啦敲黑板：*/block-level boxes...
2018-03-01 22:51:33
261
原创 Git多账号配置
在公司的电脑上增加一个私人Git账号，遇到的问题和解决方案，记录一下。1. 执行ssh-add ~/.ssh/id_rsa_elise，报错：Could not open a connection to your authentication agent解决方案：先执行 ssh-agent 或 eval `ssh-agent`，再执行 ssh-add2. 连接时报错：Permission deni...
2018-02-23 14:34:20
1175
原创 一些实用的前端小工具
一些实用的前端小工具整理1. CSS速查参考手册 http://css.doyoe.com/2. Caniuse https://caniuse.com/ Browser support tables for modern web technologies;3. TinyPng https://tinypng.com/ Smart PNG and JPEG compression;4....
2018-02-22 22:05:08
734
原创 纯CSS实现select的placeholder效果
利用CSS伪类，为select添加伪类required，即不能为空；而默认选项(Placeholder)的value为空，触发invalid，实现不选时置灰的效果；
2017-12-03 22:40:26
11035
1
原创 原生Ajax的原理和实现
核心：XMLHttpRequest对象（XHR）var xhr = new XMLHttpRequest() xhr.onreadystatechange= function(){// 此函数异步执行,readyStatus变化则触发 if(xhr.readyState === 4){ //请求处理状态 if (xhr.status >= 200 && xhr.s
2017-12-03 15:47:30
1220
原创 JS事件流，事件绑定
事件流，事件绑定 主流browser，符合W3C标准，支持冒泡和捕获低版本ie，仅支持冒泡冒泡到windowdocument事件绑定/解绑elem.addEventListener(evt, func, useCapture)elem.removeEventListener(
2017-12-03 01:55:20
322
转载 python读写mysql
连接数据库python连接mysql主要用到了游标cursor来访问，这个是MySQLdb自带的。补充几个对象的方法和属性：1.connection的参数：conn=MySQLdb.connect(“localhost”, “root”, “123456”, “testdb”)亦作conn = MySQLdb.connect(host=’localhost’,user=’root’
2015-02-05 15:32:34
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人