02 2017 档案
轻功到底有没有？
摘要：我的个人看法：轻功是有的，但要把他练成不容易。 武林前辈大隐李仲轩老人在他的文章里说到：唐维禄和孙禄堂就靠站三体式练出了轻功。 三体式，要站出轻功。我感到除了形态的正确无误外，洗髓功夫这一内在的东西才是关键！ 有得过明师传授，站过三体式5年以上的朋友就知道，我说的修炼层次是真是假！ 站三体式到一定时
阅读全文
posted @ 2017-02-28 14:29
react native 获取 软键盘高度 和 新增软键盘的组件
摘要：额.后来发现个KeyboardAvoidingView (键盘避免覆盖视图),原来react native已经意识到了.所以上面的代码可以作废.使用新的KeyboardAvoidingView,其中 大致代码如下: 链接
阅读全文
posted @ 2017-02-28 14:19
css3动画的原理 及 各种效果制作
摘要：1. 制作小球弹动效果 在这篇文章中，我们将会去探究一下浏览器是如何去处理CSS Animations和CSS Transitions的， c 以便使你在写一些动画效果之前就可以对该动画在浏览器中运行效果有一个心理预判。 有了这些预判，你就可以设计出一些在浏览器中运行流畅的动画效果，从而带来更流畅的
阅读全文
posted @ 2017-02-28 13:36
基于 React + NodeJS + Express + MongoDB 开发的一个社区系统
摘要：还可以, 功能挺全的, 可以作为react开发入门项目 链接 线上站点： 源码地址：
阅读全文
posted @ 2017-02-28 11:05
ReactNative 问题集合
摘要：在线流畅播放视频 (建议调用原生的视频组件, 或者在成熟的安卓 ios组件封装一层) 如何指定页面横屏 (在这个组件react-native-orientation基础上改写) webSocket不和http共享cookies 图片缓存 (react-native-fetch-blob) scrol
阅读全文
posted @ 2017-02-28 10:51
MONGODB 操作
摘要：基本操作 比较简单 就是增删改查, 跟传统的数据库类似, 把表变成了collection, 行变成了document, 列变成了fields; 还有类似的limit sort等修饰方法 ， 存储的东西简直是为js 前端设计的 今天记录下MongoDB的基本操作，这只是最基本的，所以是应该掌握的。 数
阅读全文
posted @ 2017-02-27 14:37
wbr 视机而动
摘要：链接 在适当的时候, 除非能容下整个单车， 才保留一行； 缩放浏览器, 试试这段就知道了 <p>To learn AJAX, you must be familiar with the XMLHttpRequest Object.To learn AJAX, you must be familiar
阅读全文
posted @ 2017-02-27 13:44
node 使用范围 和 node的优势 (为什么 创业公司 选择的不是 java php ruby 等)
摘要：链接 一些国外大公司 范围: 第一: 希望合并后台多个接口 成为一个接口, 或者频繁改动接口 相关, 比如数据 和数据格式之类, 后台难以配合, 这里可以使用node作为后台的应用层调用其他接口 第二: 希望较低成本, 获取其他网站的数据, 用图标展示, 比如一个小区的犯罪比率 第三: 大部分的创业
阅读全文
posted @ 2017-02-27 10:55
avalon 搭配 百度的UI移动框架 gmu 可以很好干活
摘要：使用过的人评价, 这个UI稳定, bug少, 组件丰富, 触屏好; 小公司, 可以用用 链接
阅读全文
posted @ 2017-02-24 14:57
银行卡号每隔4位插入空格 (再用户填写银行卡号的时候挺有用的) IE9+
摘要：链接 输入4为数字, 再输入一个数字调试一下就能看懂了 支付宝为了兼容 和 易用性, 是在悬浮一个提示框分开卡号的, 这种也比较容易实现 如图
阅读全文
posted @ 2017-02-24 14:37
FIS 的思想和优点
摘要：资源表 各种性能优化算法的加载框架 依赖声明有助于组件化 资源自动合并 链接 与webpack对比
阅读全文
posted @ 2017-02-24 14:19
前端 于 算法
摘要：算法重要性 用的算法的地方: jquery选择器 虚拟dom 高复杂状态的静态资源加载器 , canvas画图 动画, https算法, 对关键字的过滤(b-tree树) 等等 算法以后成为前端面试一个重点，因为DOM兼容问题会越来越少，彻底被框架与工程化所屏蔽。
阅读全文
posted @ 2017-02-24 14:07
前端图片预览，上传前预览，兼容IE7、8、9、10、11，Firefox，Chrome
摘要：在现在的Web开发中不可避免的会做一个图片预览的功能， 比如在上传图片的情况下，一个很简单的办法就是讲图片上传至服务器之后，再将文件的URL返回回来，然后异步通过这个URL加载刚刚上传的图片，实现图片的预览， 很明显的在这个过程中两次Web请求，一次发送文件，一次下载文件，到最后这个文件如果在客户端
阅读全文
posted @ 2017-02-24 11:16
同时发出 ajax 拿到正确的返回值问题
摘要：方案 大概意思就是前端在data里面 传一个标示给后台, 后台再ajax返回的时候携带这个标示
阅读全文
posted @ 2017-02-23 14:32
各种实用调试方法
摘要：比较火的 vconsole 方法一 移动端 远程调试 UC 移动端 微信 移动端方面 主页 nodejs ndoejs2 weinre 公众号网页调试
阅读全文
posted @ 2017-02-23 14:12
怎么比较两幅图片是否相似
摘要：首先觉得比较图像是否相似先要把标准给定下来，确定是否需要比较坐标， 例如一幅图像和该图像翻转（或缩放、平移等）后的图像是否算相似，还有只是各区域颜色不同的图像算不算相似，这些是最基本的。 图像的比较，包括颜色、纹理、形状、空间关系等，定义好了相似度的标准之后，就是实现的部分了。 根据这个标准，在这些
阅读全文
posted @ 2017-02-23 13:53
jQuery 参数详解
摘要：url: 要求为String类型的参数，发送请求的地址。如果没有填写, 默认发送当前页的url type: 要求为String类型的参数，请求方式（post或get）默认为get。 注意其他http请求方法，例如 put和 delete也可以使用，但仅部分浏览器支持。 timeout: 要求为Num
阅读全文
posted @ 2017-02-23 09:37
李河君的演讲 -- 培养企业员工的凝聚力 模板
摘要：演讲 “每25瓦是太阳能薄膜发电就相当于在地球上多种了一棵树。汉能的使命就是要求每一位员工，以25瓦一棵树的行动和结果，落实我们对国家、社会和人类贡献的责任。” 李河君正在试图加快汉能变革的步伐。只不过，与以往侧重战略调整不同，这一次，作为汉能控股集团董事局主席的李河君，希望能够与自己的一万名员工可
阅读全文
posted @ 2017-02-22 15:25
koa 核心源码介绍
摘要：链接来源 Request，Context，Response 在代码运行之前就已经存在的 Request和Response自身的方法会委托到Context中。 Context源码片段 可以看到, context 把 response 的方法加到 context自己的原型中来, 方便用户直接通过cont
阅读全文
posted @ 2017-02-22 11:08
koa 微信小程序 项目
摘要：这个微信号入门, 应该能自己模仿做一个微信公众号了 另外 微信小程序开发 和 微信公众号h5嵌入 还是有区别的 h5嵌入在体验上和 微信小程序 差距还是比较大, 因为小程序直接调用了微信的原生组件, 相当于 ReactNative 微信小程序它提供了丰富的框架组件和API接口供开发者调用，具体包含：
阅读全文
posted @ 2017-02-22 10:41
css 和 UI 框架 ---------- vue 待续
摘要：vue 框架组件集合 radon-UI: 他人评价 -- 一个帮助你快速开发产品的Vue组件库，简洁好用，效率高，让你摆脱各种定制化的烦恼。 个人感觉 -- 组件简洁, 功能全面, 文档清晰美观, 适合在移动端 下拉框 复选框组件做的不错, 包括三级联动, 附带动画效果 日期组件还行, 只是没有时分
阅读全文
posted @ 2017-02-21 13:57
koa 框架 介绍 -- 待续
摘要：对比 express 更小 更健壮 解决繁琐的回调函数嵌套， 并极大地提升错误处理的效率 Koa 的核心设计思路是为中间件层 提供高级语法糖封装， (其实就是用了 ES6的生成器, 能中断函数的执行, 过一段时间 一个异步操作成功之后, 继续该执行函数) 这样能灵活使用多个中间件, 这些中间件可能有
阅读全文
posted @ 2017-02-20 16:03
移动前端开发之viewport的深入理解 --- 待续
摘要：在移动设备上进行网页的重构或开发， 只有明白了viewport的概念 才能 响应 各种 不同分辨率 的移动设备 一、viewport的概念 通俗的讲，移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域， 在具体一点，就是浏览器上(也可能是一个app中的webview)用来显
阅读全文
posted @ 2017-02-20 15:04
gulp 系统教程
摘要：移步: http://www.cnblogs.com/2050/p/4198792.html gulp外挂 加md5 版本号 自动合并图片并修改css的坐标 一个系统列子 gulp可以做哪些事情
阅读全文
posted @ 2017-02-20 14:30
webpack 性能优化 -- 待续
摘要：文章 这篇文章挺不错的, 各方面优化都提到了, 有空研究下 文章 这个文章提出 , 增量打包用 webpack-watch 会让你打包速度飞快, react不参与打包, 不require, 而是放在html引入, 会让打包的体积下降很多 文章 这个文章应该是最全面的介绍webpack优化的了, 从代
阅读全文
posted @ 2017-02-17 15:32
axios 拦截 , 页面跳转, token 验证
摘要：第一步: 路由 多添加一个自定义字段 requireAuth 第二步: 登录拦截到这里就结束了吗？并没有。 这种方式只是简单的前端路由控制，并不能真正阻止用户访问需要登录权限的路由。(可手动在浏览器地址栏输入没有权限的路由) 还有一种情况便是：当前token失效了，但是token依然保存在本地。 这
阅读全文
posted @ 2017-02-17 15:22
node 常见的一些系统问题
摘要：nodde正风生火起，很多介绍却停留在入门阶段，无法投入生产 许多文章在讲第三方类库，可是这些库质量差距较大，一旦遇到问题怎么办 全面了解node核心才能成为一名合格的node开发人员 1. node 利用多核cpu 可以像webworker那样， 用child_process.fork 创建子进程
阅读全文
posted @ 2017-02-17 10:03
webpack 入门指南
摘要：一站式学习文档 vue-loader 文档 包括 webpack-dev-server 本地服务器 HotModuleReplacementPlugin热加载, source-map 调试, 各种loaders, babel编译, plugins扩展, htmlWebpackPlugin http:
阅读全文
posted @ 2017-02-16 11:16
利用 gulp 来合并seajs 的项目
摘要：gulp-seajs-transport 和 gulp-seajs-concat这两个gulp插件 gulp-seajs-transpor 这个插件这样是给每个js模块 标示 模块名称 gulp-seajs-concat 这个插件是从入口文件开始合并所以引入的js http://www.cnblog
阅读全文
posted @ 2017-02-16 10:32
移动端 解决自适应 和 多种dpr (device pixel ratio) 的 [淘宝] 解决方案 lib-flexible
摘要：其实H5适配的方案有很多种，网上有关于这方面的教程也非常的多。 不管哪种方法，都有其自己的优势和劣势。 为什么推荐使用Flexible库来做H5页面的终端设备适配呢？ 原理 简单易懂 源码疑问 主要因为这个库在手淘已经使用了近一年，而且已达到了较为稳定的状态。 除此之外，你不需要考虑如何对元素进行折
阅读全文
posted @ 2017-02-16 10:26
富有哲理的文章
摘要：1、交朋友的标准是什么? 答：出世的智者，入世的强者，或者正常而阳光的普通人。 2、男性更看重女性的身材、脸蛋，还是思想? 答：脸蛋和身材决定了我是否想去了解她的思想，思想决定了我是否会一票否决掉她的脸蛋和身材。 3、“别让孩子输在起跑线上”有道理吗? 答：一辈子都要和别人去比较，是人生悲剧的源头。
阅读全文
posted @ 2017-02-14 16:59
NodeJS 难点(网络,文件)的 核心 stream 四: writable
摘要：什么是可写流 白板 可写流是对数据流向设备的抽象，用来 消费 上游流过来的数据 通过可写流程序可以把数据写入设备， 常见的是 本地磁盘文件或者 TCP、HTTP 等网络响应。 看一个之前用过的例子 process.stdin.pipe(process.stdout); *process.stdout
阅读全文
posted @ 2017-02-14 14:34
Vue.js 源码学习笔记 -- 分析前准备2 -- Object.defineProperty
摘要：解析神奇的 Object.defineProperty 几行代码看他怎么用 很简单，它接受三个参数，而且都是必填的 等价于 在 descriptor 中不能同时设置访问器（get 和 set）和 wriable 或 value，否则会错，就是说想用 get 和 set，就不能用 writable 或
阅读全文
posted @ 2017-02-13 14:15
Vue.js 源码学习笔记 -- 分析前准备1 -- vue三大利器
摘要：主体 实例方法归类: 先看个作者推荐, 清晰易懂的 23232 简易编译器 重点: 最简单的订阅者模式 observer: 检测每一个对象每一层的属性, 每个属性都具备get set的方法, 如果这些属性有变化， 调用相对的dep处理 Dep: 根据不同的数据生成不同的dep依赖， 这个依赖收集了相
阅读全文
posted @ 2017-02-11 15:52
Vue.js 源码学习笔记 - 细节
摘要：1. this._eventsCount = { } 这是为了避免不必要的深度遍历： 在有广播事件到来时，如果当前 vm 的 _eventsCount 为 0， 则不必向其子 vm 继续传播该事件。 2. 数据更新的diff机制 视图更新效率的焦点问题: 大列表的更新 和 深层数据更新 而大列表较为
阅读全文
posted @ 2017-02-11 15:52
NodeJS 难点(网络,文件)的 核心 stream 三：readable ?
摘要：什么是可读流 可读流 常见 读取磁盘文件、读取网络请求内容等，看一下前面介绍什么是流用的例子： const rs = fs.createReadStream(filePath); 我们常见的控制台 process.stdin 也是一个可读流： process.stdin.pipe(process.s
阅读全文
posted @ 2017-02-10 16:04
NodeJS 难点(网络,文件)的 核心 stream 二：stream是什么
摘要：对于大部分有后端经验的的同学来说 Stream 对象是个再合理而常见的对象，但对于前端同学 Stream 并不是那么理所当然，github 上甚至有一篇 9000 多 Star 的文章介绍到底什么是 Stream —— stream-handbook。为了更好的理解 Stream，在这篇文章的基础上
阅读全文
posted @ 2017-02-10 15:41
NodeJS 难点(网络,文件)的 核心 stream 一：Buffer
摘要：stream应用一图片转存服务 stream github教程 文件操作和网络都依赖了一个很重要的对象—— Stream, 而这个 <node深入浅出> 没有分析的, 所以读完这本书, 在实践中还会遇到很多困难 stream 是处理 buffer JavaScript 没有读取或者操作二进制数据流的
阅读全文
posted @ 2017-02-10 15:15
了解了这些才能开始发挥jQuery的威力
摘要：由于当前jQuery如此的如雷贯耳，相信不用介绍什么是jQuery了，公司代码中广泛应用了jQuery，但我在看一些小朋友的代码时发现一个问题，小朋友们使用的仅仅是jQuery的皮毛，只是使用id选择器与attr方法，还有几个动画，如果只是如此，相比于其带来的开销，其实还不如不使用，下面介绍几个jQ
阅读全文
posted @ 2017-02-10 13:57
一般公司的大体要求
摘要：阿里巴巴国际站招前端，校招窗口已关闭，所以针对的是社招 ， 一些值得看的 阿里的 这些对大部分人来说都有些打击信心， 基本来说， 得一天消耗一个才行。。。 基础的 这简历有意思 问题类别: node实际应用中的难点 岗位描述 岗位要求 其实 大家都了解招聘要求都是虚的，我们希望你是这样的人 基础知识
阅读全文
posted @ 2017-02-09 16:49
js 的垃圾回收器 原理 坑 优化-- 待续
摘要：JavaScript垃圾回收的机制很简单： 找出不再使用的变量，然后释放掉其占用的内存，但是这个过程不是时时的， 因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行。 什么叫不再使用的变量？不再使用的变量也就是生命周期结束的变量，当然只可能是局部变量， 全局变量的生命周期直至浏览器卸载
阅读全文
posted @ 2017-02-09 16:35
avalon 路由问题
摘要：1, 直接使用avalon的 amd加载器, 可以不需要 require.js 2, 配置baseUrl 路径, 这个一定要在 js所在的目录, 而不是jsp所在的目录, 如果js 和jsp分开 可以用 window.location.protocol + "//" + window.locatio
阅读全文
posted @ 2017-02-09 14:10
iframe 问题集合
摘要：1. 历史记录问题 Firefox： 如果iframe是静态存在在HTML中时，iframe的任何src或者location改变都会被记录到浏览器history中。 如果iframe是在页面加载完成后动态创建的，那么iframe的任何src或者location改变都不会被记录到浏览器history中
阅读全文
posted @ 2017-02-09 09:21
图片预加载 js css预加载
摘要：图片预加载, 效果非常明显, 特别是有多个图, 方法很简单 , 体验提升了不少 <div class="hidden"> <script type="text/javascript"> <!--//--><![CDATA[//><!-- var images = new Array() functi
阅读全文
posted @ 2017-02-08 17:15
各种插件
摘要：上下滚动抽奖效果, 移动端省级联动, 时间联动 , pc端省级联动 vue 支持各种方式上传 一个不太完善的拖拽排序 react 拖拽交换插件 各种小插件 压缩图片移动端 h5上传 h5分片上传 包括服务器 slideSuper 各种滑动效果 wow.js
阅读全文
posted @ 2017-02-08 14:11
深度剖析：如何实现一个 Virtual DOM 算法
摘要：过程其实并不复杂, 只是把现有的dom 更 需要修改的dom 做一个比较, 原来的是整个页面重新渲染, 而如今是局部的dom更新, 甚至只更新文本内容 当然不是简单的比较, 比如 一下排序, 会调换dom的顺序, 而不是删除后重建 https://github.com/livoras/blog/is
阅读全文
posted @ 2017-02-07 15:40
BigPipe 大的页面分割成一个一个管道
摘要：bigpipe创新驱动力 node实现 具体实现 过去十年，现代web站点变得更加动态和内容化，交互性也逐步增强， 传统的页面处理的方式却没有保持一样的速度发展，越来越不能满足用户对极致性能的追求。 传统页面的交互模型 先来看一下页面传统的交互模型: 浏览器发送HTTP请求给服务器 服务器解析来自客
阅读全文
posted @ 2017-02-07 14:47
如何让你前端的右手更专业 --- 待续
摘要：另一个链接 别光解决问题，想想究竟发生了什么 (深入看一些原理性文章) 很多人埋头写 CSS 和 JavaScript 到程序正常工作起来，然后就去做别的事情了。 我总会问大家：“为什么你会在这里添加 float: left？”或者“这里的 overflow: hidden 是必要的吗？”， 他们往
阅读全文
posted @ 2017-02-07 13:49
设置 placeholder 字体颜色 : ::
摘要：::-webkit-input-placeholder { color: red;} :-moz-placeholder { color: red;}::-moz-placeholder{color: red;} :-ms-input-placeholder { color: red;}
阅读全文
posted @ 2017-02-07 13:14
在 windows 开发 reactNative 的环境 搭建过程 react-native-android
摘要：安装的东西挺多的, 从 jdk 到c++环境 到node , python, 各种模拟器 http://bbs.reactnative.cn/topic/10/%E5%9C%A8windows%E4%B8%8B%E6%90%AD%E5%BB%BAreact-native-android%E5%BC%
阅读全文
posted @ 2017-02-06 16:44
使用 Koa + MongoDB + Redis 搭建论坛系统
摘要：koa 相对于 express 的优势在于, 1. 使用了 yield generator 封装了co 框架, 使得异步处理, 能像同步那样书写 2. 使用了 中间件 ko-schema, 使得验证代码和业务代码分离, 减少耦合 (中间件的设计哲学则让参数验证以及错误处理变得极为简单与优雅, 而no
阅读全文
posted @ 2017-02-06 15:44
一个用vue-cli vue-router2.1 vue 2.1 vuex2.1 echarts统计 express 的 时间轴 记录每天活动
摘要：界面还挺好看的... 可以记录每天的点点滴滴... 1.使用 express 作为服务器 2.fs 模块 fs.writeFileSync 随机写入模拟数据 3.vuex 包括 states 存储数据 actions 触发方法(比如异步请求可以放在这里, 成功后在submit改变数据) mutati
阅读全文
posted @ 2017-02-06 10:44
vue 和 react 选择
摘要：经典 react 还是有其优点的, 生态更丰富, 更容易 测试 和 调试, 更适合超大型应用, 更适合app, weex不一定能到达 reactNative的高度 而vue , 更为直观, 上手, 开发速度更快 http://www.qdfuns.com/notes/31986/5e931c2114
阅读全文
posted @ 2017-02-06 10:37
Draggabilly – 轻松实现拖放功能（Drag & Drop）
摘要：Draggabilly 是一个很小的 JavaScript 库，专注于拖放功能。只需要简单的设置参数就可以在你的网站用添加拖放功能。兼容 IE8+ 浏览器，支持多点触摸。可以灵活绑定事件，支持 RequireJS 以及 Bower 安装。 http://draggabilly.desandro.co
阅读全文
posted @ 2017-02-06 09:59
localforage 对不同浏览器 使用不同的缓存策略 , 大大提高了性能 ,IndexedDB，WebSQL 和 localStorage 三种存储模式
摘要：支持回调的异步 API； 支持 IndexedDB，WebSQL 和 localStorage 三种存储模式（自动为你加载最佳的驱动程序）； 支持 BLOB 和任意类型的数据，让您可以存储图片，文件等等。 支持 ES6 Promises； 对 IndexedDB 和 WebSQL 的支持使您可以为您
阅读全文
posted @ 2017-02-06 09:31
每个页面无缝切换效果
摘要：包括 平面运动 , 立体运动 http://www.cnblogs.com/lhb25/p/10-useful-web-effect.html http://www.yyyweb.com/demo/page-transitions/
阅读全文
posted @ 2017-02-03 17:44
侧边栏显示 的 各种效果
摘要：暂时没有npm 支持 演示 http://www.yyyweb.com/demo/sidebar-transitions/ 效果 http://www.yyyweb.com/ctools/download.php?target=http%3A%2F%2Fwww.yyyweb.com%2Fdemo%2
阅读全文
posted @ 2017-02-03 17:38
es6 规范 的 具体用法 -- 待续
摘要：链接 1. const 表示不会被重新赋值的, 包括了不会被修改的, const 可以被修改, 但是不会被整体覆盖 由于是静态分析, const 相对 let 执行效率 更高 2. 模板字符串 在键盘最左上角, 有一个 Esc 按钮, 它下面的那个点 ` 就是 用它可以 html 分行 而且可以 `
阅读全文
posted @ 2017-02-03 17:25
漂亮的各种弹出框 sweet alert
摘要：Sweet Alert 是一个替代传统的 Alert 的提示效果。SweetAlert 自动居中对齐在页面中央，不管您使用的是台式电脑，手机或平板电脑看起来效果都很棒。 还带下拉 几种 动画效果 弹窗后点击ok, 可以等待ajax完成 下载 和 文档 说明 http://t4t5.github.io
阅读全文
posted @ 2017-02-03 16:54
分页处理技巧
摘要：点击分页, 需要以前的数据作为查询条件, 可以利用缓存 listCacheData , 点击下一页的时候, listCacheData.pageNo++ 如果重新搜索, listCacheData 重置 为 {}, 并且用最新的条件重新缓存
阅读全文
posted @ 2017-02-03 15:17
三步解决 vue 按需加载
摘要：1 webpack 的 output 配置 chunkFleName 树干名称: " chunks/[name]-[chunkhash:8].js " 这一步是配合第三步， 生成每个路由页面需要的（被压缩过得js） 2 webpack 的 plugins 配置 [ new webpack.optim
阅读全文
posted @ 2017-02-03 10:56
|
|
|
浙公网安备 33010602011771号