- 博客(20)
- 资源 (3)
- 收藏
- 关注
原创 React-native错误,更新中......
1、使用abd reverse tcp:8081 tcp:8081react-native run-android最后一行报错。error: unknown host service找到5037端口,关掉对应的pid即可。netstat -aon|findstr "5037"在资源管理器中,切换到进程,单击菜单栏查看 -> 选择列 -> 勾选PID,找到对应的pid,结束进程。2、adb se
2017-02-17 14:34:14 7749 2
原创 angularjs仿拉勾网webapp总结与记录
这是慕课网上的实战课程,使用的技术栈有bower+less+angular1.x+gulp。没有涉及到后端,数据是模拟的json数据。gulp其中gulp的配置在这里。less关于less部分,只使用了一些最基础的语法。如下:文件引用使用@import。@import 'a.less';@import 'b.less';定义变量使用的了一个
2017-02-25 23:29:22 6426 6
原创 指令中的scope
一般而言,指令配置如下://headBar.jsangular.module('app').directive('appHeadBar', function() { return { restrict: 'A', replace: true, templateUrl: 'view/template/headBar.html', scope: { t
2017-02-25 21:57:23 1302
原创 gulp插件
这是我用的一个。"devDependencies": { "gulp": "^3.9.1", "gulp-clean": "^0.3.2", "gulp-concat": "^2.6.1", "gulp-connect": "^5.0.0", "gulp-cssmin": "^0.1.7", "gulp-imagemin": "^3.1.1", "gulp-less
2017-02-25 10:20:06 1135
原创 modernizr
HTML5Shiv允许就浏览器识别出HTML5元素,并可以为其添加样式—-它只是简单地创建了HTML5对象,让CSS和JavaScript可以应用在元素本身。Modernizr做了同样的事情,并且在此基础上还添加了特性检测。HTML5Shiv会使像<video>这样的标签生效,但是它并不会使HTML5的视频在就浏览器得以播放。虽然这个标签是可用的,并能够添加样式,然而视频并不能在这些浏览器里播放。M
2017-02-25 09:42:05 999
转载 ES6学习笔记之Generator 函数的语法
简介基本概念Generator 函数是 ES6 提供的一种异步编程解决方案,语法行为与传统函数完全不同。本章详细介绍Generator 函数的语法和 API,它的异步编程应用请看《Generator 函数的异步应用》一章。Generator 函数有多种理解角度。从语法上,首先可以把它理解成,Generator 函数是一个状态机,封装了多个内部状态。执行 Generator 函数会返回一个遍历器对象,
2017-02-22 16:42:42 1381
转载 ES6学习笔记之Iterator和for...of循环
原文地址:http://es6.ruanyifeng.com/#docs/iteratorIterator(遍历器)的概念JavaScript原有的表示“集合”的数据结构,主要是数组(Array)和对象(Object),ES6又添加了Map和Set。这样就有了四种数据集合,用户还可以组合使用它们,定义自己的数据结构,比如数组的成员是Map,Map的成员是对象。这样就需要一种统一的接口机制,来处理所有
2017-02-22 11:09:23 1655
转载 es6学习笔记之Promise
是的,很多东西都需要写下来。 原文链接:http://es6.ruanyifeng.com/#docs/promise含义Promise是异步编程的一种解决方案。相比于回调函数和事件,更好更强大。Promise一个承诺,保存着某个未来才会结束的事件的结果(通常是异步操作事件的结果)。Promise对象有以下特点: - 对象的状态不受外界影响。只用异步操作的结果,可以决定Promise的状态。有三
2017-02-21 18:27:19 997
原创 有趣的代码,持续更新...
1、原文链接// 我挺喜欢最上边的评论的,虽然我不知道是否正确<script>var a = {n:1}; var b = a; a.x = a = {n:2}; // 可以更换 a.x = a = {n:2}看看console.log(a.x);// --> undefined console.log(b.x);// --> [object Object] </script>
2017-02-19 23:30:21 4491
原创 React&RN关键点集锦,持续更新......
1、获取设备宽、高、像素比import Dimensions from 'Dimensions';import PixelRatio from 'PixelRatio';let totalWidth = Dimensions.get('window').width; // 宽度let totalHeight = Dimensions.get('window').height; // 高度le
2017-02-18 11:37:26 758
原创 JS常见代码块,持续更新......
个人使用过程中收集的…弄丢了几次,现在放到博客,更新中……1、拿到总的offsetLeftfunction getOffsetLeft(dom){ var actualLeft = dom.offsetLeft; var curr = dom.offsetParent; while(curr){ actualLeft += curr.offsetLeft; curr = c
2017-02-17 19:18:13 1438
原创 React组件的生命周期
一个React组件被渲染的过程有三个阶段。这个过程就叫做组件的生命周期。每个React组件都会经历这个过程。为了使这个过程可操控,React提供了一些方法,在组件生命周期过程中,通过这些方法我们可以得到某个阶段发生的通知。这些方法就叫作组件的生命周期方法,它们按特定顺序被调用。所有React组件的生命周期方法可以分为下面三个阶段。挂载(Mounting):这个阶段发生在组件被插入DOM时。更新(
2017-02-17 10:51:13 1054
原创 ES6学习笔记二之数组的扩展
Array.from()Array.from() 方法从类似数组(array-like)或可迭代对象(iterable)创建一个新的数组实例(包括ES6新增的数据结构Set和Map)。Array.from(arrayLike[, mapFn[, thisArg]])如下是一个类数组的对象,Array.from将它转换为一个真正的数组。// [].slice.call(arrayLike); es5
2017-02-17 00:03:52 532
原创 ES6学习笔记一之js发展、let、const、解构赋值
ECMAScript和JavaScript的关系?1996年11月,JavaScript的创造者—-Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能成为国际标准。次年,ECMA发布262号文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言成为ECMAScript,这个版本就是1.0版。该标准一开始就是针对JavaScript语言制定
2017-02-13 23:17:23 2003
转载 XSS跨站总结
简介:跨网站脚本(Cross-site scripting,通常简称为XSS或跨站脚本或跨站脚本攻击)是一种网站应用程序的安全漏洞攻击,是代码注入的一种。它允许恶意用户将代码注入到网页上,其他用户在观看网页时就会受到影响。这类攻击通常包含了HTML以及用户端脚本语言。XSS攻击通常指的是通过利用网页开发时留下的漏洞,通过巧妙的方法注入恶意指令代码到网页,使用户加载并执行攻击者恶意制造的网页程序。这些
2017-02-12 18:10:13 1191
转载 主流浏览器内核介绍(前端开发值得了解的浏览器内核历史)
内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。
2017-02-09 14:31:46 2579
原创 前端性能优化的14条法则
文章是高性能网站建设指南(Steve Souders)的总结。性能黄金法则: 只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。
2017-02-09 10:50:21 2490
原创 javascript模块化之CommonJS、AMD、CMD、UMD、ES6
这是一篇关于js模块化编程的总结记录javascript模块化之CommonJS、AMD、CMD、UMD、ES6
2017-02-05 18:20:21 21308 13
转载 webpack学习笔记一
原文链接:https://segmentfault.com/a/1190000006178770?_ea=1088498由于使用的是webpack版本是2.2.1,所以针对原文做了一些修改。针对webpack2的修改部分和添加的部分在最底部,文中已经改过来了。写在前面的话 阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏
2017-02-04 00:22:11 4967
原创 mongoose学习笔记一
名词解释Schema: 一种以文件形式存储的数据库模型骨架,不具备数据库的操作能力Model: 由Schema编译而成的假想(fancy)构造器,具有抽象属性和行为。Model的每一个实例(instance)就是一个document。document可以保存到数据库和从数据库返回。Instance: 由Model创建的实例。概念解析 SQL术语/概念 MongoDB术语/概念 解释
2017-02-01 23:53:24 3927
HTML5程序设计第二版源码
2016-07-27
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人