- 博客(116)
- 收藏
- 关注
RSS订阅翻译 HTML5 data-* 自定义属性
HTML5 data-* 自定义属性 在HTML5中添加了data-的方式来自定义属性，所谓data-实际上就是data-前缀加上自定义的属性名，使用这样的结构可以进行数据存放。使用data-*可以解决自定义属性混乱无管理的现状。读写方式 data-*有两种设置方式，可以直接在HTML元素标签上书写。<div id="test" data-age="24"> Click He
2017-10-18 17:50:47
838
翻译 background-size
http://www.jianshu.com/p/8f38361825b6 background-size:contain与cover的区别： 不同之处： 1、在no-repeat情况下，如果容器宽高比与图片宽高比不同， cover:图片宽高比不变、铺满整个容器的宽高，而图片多出的部分则会被裁掉；cover即为”塞满“。 contain:图片自身的宽高比不变，缩放至整个图
2017-10-18 17:10:01
502
原创 position
详解CSS position属性 通过position属性，我们可以让元素相对于其正常位置(relative)，父元素(absolute)或者浏览器窗口(fixed)进行偏移。position四种类型 （1）static position属性的默认值，默认情况下，块级元素和行内元素按照各自的特性进行显示 （2）relative 相对定位，设置了这个属性后，元素会根据top，
2017-10-09 18:40:15
1195
原创 动态设置htmlfontSize
以6s 750像素为基础 (function() { var updateBaseFontSize = function() { var dWidth = document.documentElement.clientWidth; var baseFontSize = dWidth * 100 / 750;
2017-10-08 13:50:29
2707
原创 JS数字转换
浮点数转换成整数 javascript将浮点数转换成整数的三个方法 parseInt 位运算符 Math.floor Math.ceil一、parseInt1、parseInt("13nash");//132、parseInt("")// NaN3、parseInt("0xA") //10(十六进制)4、parseInt(" 13")//135、parseInt("070")//ES
2017-10-08 13:42:01
692
原创 滚动条问题
2.4.1需求 品类导航仿小红书滑动$(document).scrollTop();//滚动条到顶部的垂直高度 值为整数var NavigationIdBgTop = $("#NavigationIdBgHeight").offset().top;//值为浮点数在判断时出错，解决办法是将其取整parseInt然后比较大小。 jQuery获取页面及个元素高度、宽度的总结——超实用1、获取浏览器显
2017-10-08 13:13:08
546
翻译 vue之独立构建和运行时构建
1.独立构建和运行时构建2.vuejs运行时构建和独立构建的区别，分别适用于什么样的业务场景？笔记： Vue.js 的官方教程上是这么说的： * 独立构建包括编译和支持 template 选项。 它也依赖于浏览器的接口的存在，所以你不能使用它来为服务器端渲染。 * 运行时构建不包括模板编译，不支持 template 选项。运行时构建，可以用 render 选项，但它只在
2017-06-12 15:25:40
4684
转载 抓包工具之Charles
原文链接内容主要包括：Charles 的简介 如何安装 Charles 将 Charles 设置成系统代理 Charles 主界面介绍 过滤网络请求 截取 iPhone 上的网络封包 截取 Https 通讯信息 模拟慢速网络 修改网络请求内容 给服务器做压力测试 修改服务器返回内容 反向代理 设置外部代理，解决与翻墙软件的冲突Charles 主要的功能包括：截取 Http 和
2017-06-08 09:34:16
329
翻译 弹性盒(Flexbox)和样式
官网原文zIndex层叠顺序：值越大 越靠前。width用于设置组件的宽度。top值是指将本组件定位到距离顶部多少个逻辑像素（顶部的定义取决于position属性）。right值是指将本组件定位到距离右边多少个逻辑像素（右边的定义取决于position属性）。position enum(‘absolute’, ‘relative’) 默认情况下所有组件都是相对的，故所有的定位都是相对于它父组件的
2017-06-06 15:15:16
506
原创 Homebrew
介绍brew 全称Homebrew 是Mac OSX上的软件包管理工具。Homebrew安装和卸载工具只用一行命令就能完成。安装说明打开终端窗口, 粘贴以上脚本。/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"脚本会解释它的作用，然后在您的确认下执行安装
2017-06-05 16:56:30
413
原创 es6之箭头函数
箭头函数总结 箭头函数写代码拥有更加简洁的语法； 不会绑定this。箭头函数的语法：(parameters) => { statements }如果没有参数，那么可以进一步简化：() => { statements }如果只有一个参数，可以省略括号:parameters => { statements }如果返回值仅仅只有一个表达式(expression), 还可以省略大括号：para
2017-06-05 16:13:45
340
原创 reactnative之setNativeProps（局部刷新）
D5有时候我们需要直接改动组件并触发局部的刷新，但不使用state或是props。 setNativeProps 方法可以理解为web的直接修改dom。使用该方法修改 View 、 Text 等 RN自带的组件 ，则不会触发组件的 componentWillReceiveProps 、 shouldComponentUpdate 、componentWillUpdate 等组件生命周期中的方法。使用
2017-06-05 16:06:32
5222
原创 React Native之AsyncStorage
React Native 学习资源精选仓库AsyncStorage官网React Native 每日一学(Learn a little every day)React Native - 持久化存储（AsyncStorage）的使用详解AsyncStorage是一个简单的、异步的、持久化的Key-Value存储系统，它对于App来说是全局性的。它用来代替LocalStorage。我们在AsyncSto
2017-06-05 10:55:22
666
转载 欢迎使用CSDN-markdown编辑器
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来，用它写博客，将会带来全新的体验哦：Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl
2017-06-05 10:05:36
286
转载 react native 代参bind this 的两种方式
react native 代参bind this 的两种方式: http://blog.csdn.net/cockhorseman_z/article/details/51594127请教react native的写法中，用bind和用箭头函数哪个好？: https://segmentfault.com/q/1010000006841365
2017-04-24 11:54:17
1614
翻译 通过JS语句判断WEB网站的访问端是电脑还是手机
通过JS语句判断WEB网站的访问端是电脑还是手机 //判断访问终端 var browser={ versions:function(){ var u = navigator.userAgent, app = navigator.appVersion; return { trid
2017-02-09 10:40:18
1440
原创 常用Console命令，让js调试更简单
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>常用Console命令，让js调试更简单</title> <style> .center { height: 500px; background:#888;
2017-02-04 14:48:46
846
翻译 background-size值为cover和值为100%的区别
background-size：100% 100%;---按容器比例撑满，图片变形；background-size：cover;---把背景图片放大到适合元素容器的尺寸，图片比例不变。IE8及以下版本用滤镜来兼容background-size如下:filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg.jpg', sizi
2017-01-06 16:35:10
8754
原创 图片+文案(在图片上)
层级关系:z-indextop属性值只有在父级上有设置宽高时，才能使用百分比。line-height：没有单位 例如： font-size: 14px; line-height: 1.5; 这里行高是字体1.5倍div里文字两端对齐：text-align: justify;
2017-01-04 18:55:39
2260
原创 彩票
1.样式引入需要加个时间戳 例如：style.css?v=20161212如果没有加时间戳或导致发测试环境时样式读取缓存，一开始展示乱了，过一段时间缓存慢慢消去。2.弹窗遮罩等样式 弹窗fix定位 内容：父div 采用relative，子div 采用absolute. 内容框里面的内容可以按照正常排序写 ，不用定位。 层级关系：z-index;值越大越在上面。 jq操作class的增
2017-01-04 18:48:55
303
翻译 Jquery 获取对象的几种方式
1、JQuery的核心的一些方法 each(callback) ‘就像循环$("Element").length; ‘元素的个数，是个属性$("Element").size(); ’也是元素的个数，不过带括号是个方法$("Element").get(); ‘某个元素在页面中的集合，以数组的形式存储$("Element").get(index); ’功能和上面的相同，index表示第几个元素，
2017-01-03 16:01:11
23105
翻译 jquery增加，移除，修改一个html标签的class名字
1. 增加一个class：$(".default").addClass("hover_s");2. 移除一个class：$(".default").removeClass("default ");3. 修改一个class： 3.1 可以分两步走： 1 先增加一个你要增加的class$(".default").addClass("hover_s"
2017-01-03 15:42:04
8234
翻译 jquery里面.length和.size()有什么区别
1.针对标签对象元素，比如数html页面有多少个段落元素p, 那么此时的$("p").size() == $("p").length 2 .计算一个字符串的长度或者计算一个数组元素的个数 那么此时只能用length而不能用size()
2017-01-03 15:33:10
1423
翻译 capitalize和uppercase都是首字母大写
capitalize只是动词,还有“利用,使资本化”的意思,但是 uppercase还可作名词或形容词,表示大写字母（的）,如uppercase amount 大写金额
2016-12-21 16:00:16
1765
原创 JavaScript parseInt() &parseFloat & toFixed函数
原文链接 parseInt() 函数 定义和用法 parseInt() 函数可解析一个字符串，并返回一个整数。 语法parseInt(string, radix)参数 描述 string 必需。要被解析的字符串。 radix ：可选。表示要解析的数字的基数。该值介于 2 ~ 36 之间。 如果省略该参数或其值为 0，则数字将以 10 为基础来解析。如果它以 “0x” 或
2016-12-12 16:02:09
1176
原创 jQuery addClass() 方法
原文链接 定义和用法 addClass() 方法向被选元素添加一个或多个类名。 该方法不会移除已存在的 class 属性，仅仅添加一个或多个类名到 class 属性。 提示：如需添加多个类，请使用空格分隔类名。语法$(selector).addClass(classname,function(index,oldclass))实例： 向第一个 p元素添加一个类名：$("button").cli
2016-12-12 15:15:35
2321
原创 jQuery 效果 - animate() 方法
原文链接 实例 改变 “div” 元素的高度：$(".btn1").click(function(){ $("#box").animate({height:"300px"});}); 定义和用法 animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比
2016-12-12 15:05:35
384
原创 jQuery 效果 - animate() 方法
原文链接 实例 改变 “div” 元素的高度：$(".btn1").click(function(){ $("#box").animate({height:"300px"});}); 定义和用法 animate() 方法执行 CSS 属性集的自定义动画。该方法通过CSS样式将元素从一个状态改变为另一个状态。CSS属性值是逐渐改变的，这样就可以创建动画效果。 只有数字值可创建动画（比
2016-12-12 15:05:31
652
原创 Window.sessionStorage&localStorage
原文链接 Window.sessionStorage sessionStorage 属性允许你访问一个 session Storage 对象。它与 localStorage 相似。 不同之处：在于 localStorage 里面存储的数据没有过期时间设置，而存储在 sessionStorage 里面的数据在页面会话结束时会被清除。页面会话在浏览器打开期间一直保持，并且重新加载或恢复页面仍
2016-12-12 14:47:45
4367
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人