- 博客(121)
- 资源 (6)
- 收藏
- 关注
RSS订阅转载 Mock.js使用
概述Mock.js是一个模拟数据生成器，可以让前端独立于后端进行开发。如果你正在开发一个前端页面，可是后台还没有完成供你调用的Api，并且数据格式已经确定，那么你就可以使用Mock.js模拟相关的接口，生成假数据来查看页面效果。Mock.js的功能：生成随机数据，拦截 Ajax 请求。使用引入mock.js和JQuery <script src="js/jquery-1.12.4.mi...
2018-05-02 15:31:18
1036
转载 github中自己仓库与fork的原仓库保持同步更新的步骤
第一步 clone你fork的项目fork一个项目， 官方示例：https://github.com/octocat/Spoon-Knife；使用git命令行clone项目：git clone git@github:[yourname]/Spoon-knife第二步 添加新的远程仓库地址当你clone完一个项目，可以使用git remote -v来查看你fork的远程仓库的地址；默认的clone操...
2018-04-30 11:49:27
4693
原创 使用Hive.js进行视频p2p传输遇到的问题记录
使用Hive.js(https://github.com/Peerialism/hive.js)进行视频p2p传输遇到的问题，包括sip机制，pip安装
2018-01-18 17:15:44
877
1
转载 前端九段-仿围棋
【简介】前端是技术岗，是为解决公司业务而设立的工种，非要用类似围棋九段来划分能力，那也需要从更加全面的角度去切割。我也尝试划出九段，给大家参考：一段能够使用 form 表单提交数据，并通过后台处理将数据展示出来，能够实现表单数据的异步校验。能实现这个功能，基本上对 html/js 有了基本的了解，也了解一点后端语言。二段能够搭建个人博客，将博客静态部署到 git
2017-09-25 15:33:36
869
转载 浅析 React 工作原理
Reactjs 起源于Facebook内部项目，是一个用来构建用户界面的 javascript 库，相当于MVC架构中的V层框架，与市面上其他框架不同的是，React 把每一个组件当成了一个状态机，组件内部通过state来维护组件状态的变化，当组件的状态发生变化时，React通过虚拟DOM技术来增量并且高效的更新真实DOM。本文将对React 的这些特点进行简单的介绍。1、Hello Reac
2017-09-03 11:39:54
1842
转载 Vue工作原理小结
本文能帮你做什么？1、了解vue的双向数据绑定原理以及核心代码模块2、缓解好奇心的同时了解如何实现双向绑定为了便于说明原理与实现，本文相关代码主要摘自vue源码, 并进行了简化改造，相对较简陋，并未考虑到数组的处理、数据的循环依赖等，也难免存在一些问题，欢迎大家指正。不过这些并不会影响大家的阅读和理解，相信看完本文后对大家在阅读vue源码的时候会更有帮助本文所有相关代码均在gith
2017-09-03 11:37:07
867
转载 angularjs工作原理解析
个人觉得，要很好的理解AngularJS的运行机制，才能尽可能避免掉到坑里面去。在这篇文章中，我将根据网上的资料和自己的理解对AngularJS的在启动后，每一步都做了些什么，做一个比较清楚详细的解析。 首先上一小段代码（index.html），结合代码我们来看看，angular一步一步都做了些什么。 Hello {{name}
2017-09-03 11:33:31
2054
原创 社区club-web的那2个小项目（PC端和移动端）-vue架构梳理
vue组件文件以.vue结尾，包含三部分： - template: 模板，被编译到render function中 - style: 样式，可以使用less/sass作为预处理器；局部css可以使用scoped - script: 组件的JS逻辑部分
2017-07-24 00:04:47
3281
原创 模块化开发，AMD，CMD，Commonjs规范
angular、vue、react三大框架模块管理遵循的规范webpack打包成一个文件，一次都加载完，需要哪个就去执行哪个。不像传统的页面，引入很多文件，要一个个按顺序加载。 生成的都是闭包，变量隔离，并能避免污染作用域。vue,angularx,react加载内部模块时遵循commonjs —> 打包成一个文件了,并转成浏览器能执行的。 一般情况下，前端的采用require加载的都是遵循co
2017-07-23 23:43:51
2441
原创 项目中关于登录，缓存，重定向，事件监听 的问题
Q1. 未登录的跳转，无权限的跳转，统一由后端判断，避免出现几秒的白屏现象。但是有些情况，需要前端来跳转。（1）xhr/test/1.json 是ajax请求，后端只能返回code，前端跳转（2）上传后导入文件的，form请求，前端自己跳转。（3）excel导出的window.open和location.href ，后端重定向（4）浏览器输入网址的，后端重定向
2017-07-23 14:24:34
1373
原创 cache 强缓存 协商缓存
Caches作用Web缓存可以保存常见文档副本，当发起Web请求时，如果本地有 “已缓存的" 的副本，就可以直接从本地存储中提取这个文档，而不是去从原始服务器中拿。减少冗余数据传输当很多客户端访问原始服务器页面时，服务器会多次传输同一份文档，相同的数据在网络中一遍遍的传输。这些冗余数据会耗尽昂贵的网络带宽，降低传输速度。使用缓存之后，浏览器只要保留第一条服务器响应的副本，后续对这个
2017-07-23 13:32:00
2784
原创 vue 数据绑定实现的核心 Object.defineProperty()
1. vue追踪数据变化：把一个普通 JavaScript 对象传给 Vue 实例的 data 选项，Vue 将遍历此对象所有的属性，并使用 Object.defineProperty 把这些属性全部转为 getter/setter。Object.defineProperty 是仅 ES5 支持，且无法 shim 的特性，这也就是为什么 Vue 不支持 IE8 以及更低版本浏览器的原因
2017-07-23 13:15:15
3250
转载 JavaScript函数式编程（三）
事实上，如果只是为了学习编写函数式、副作用小的代码的话，看完第一篇文章就足够了。第二篇文章和这里的第三篇着重于的是一些函数式理论的实践，是的，这些很难（但并非不可能）应用到实际的生产中，因为很多轮子都已经造好了并且很好用了。比如现在在前端大规模使用的 Promise 这种异步调用规范，其实就是一种 Monad（等下会讲到）；现在日趋成熟的 Redux 作为一种 FLUX 的变种实现，核心理念也是状态机和函数式编程。
2017-07-23 12:51:44
579
转载 JavaScript函数式编程（二）
上一篇在这里：JavaScript函数式编程（一）上一篇文章里我们提到了纯函数的概念，所谓的纯函数就是，对于相同的输入，永远会得到相同的输出，而且没有任何可观察的副作用，也不依赖外部环境的状态。但是实际的编程中，特别是前端的编程范畴里，“不依赖外部环境”这个条件是根本不可能的，我们总是不可避免地接触到 DOM、AJAX 这些状态随时都在变化的东西。所以我们需要用更强大的技术来干这些
2017-07-23 12:50:24
377
转载 JavaScript函数式编程（一）
一、引言说到函数式编程，大家可能第一印象都是学院派的那些晦涩难懂的代码，充满了一大堆抽象的不知所云的符号，似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此，但是近年来随着技术的发展，函数式编程已经在实际生产中发挥巨大的作用了，越来越多的语言开始加入闭包，匿名函数等非常典型的函数式编程的特性，从某种程度上来讲，函数式编程正在逐步“同化”命令式编程。JavaScri
2017-07-23 12:48:15
431
原创 几个经典递归问题用js实现
Question1—Fibonacci数列第N项an：a1=1，a2=1，an+2=an+1+an（n≥1）。var fib = function (n){ if(n<=2){ return 1; } return fib(n-1) + fib(n-2); }console.log(fib(5));上面是递归实现。
2017-07-22 22:14:29
35788
1
转载 Angular 4 表单
转自：https://segmentfault.com/a/1190000009652980?utm_source=tuicool&utm_medium=referral#articleHeader20目录第一节 - 创建最简单的输入框第二节 - 添加简单的验证功能第三节 - 显示验证失败的错误信息第四节 - 创建表单第五节 - ngModelG
2017-07-21 15:30:52
483
转载 Angular 4 新特性给响应式编程带来的好处
为什么要做响应式编程？我给出的答案很简单：响应式编程可以让你把程序逻辑想的很清楚。为什么这么说呢？让我们先来看一个小例子，比如我们有这样一个需求，在生日的控件之前添加一个年龄的选择，用以辅助生日的输入。虽然很变态，其实直接输入赶脚比这种方式快啊，但真的有客户提出过这种需求，不管怎样我们来看一下好了。有年龄和单位选择的日期输入首先分析一下需求：年龄可以按岁、月、天为单位。
2017-07-21 14:24:39
2359
转载 前端构建工具gulpjs的使用介绍及技巧
gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件
2017-07-21 11:03:31
288
原创 项目中gulp shark-automation编译，jenkins测试服开发服上线
gulp编译过程：1.clean, 删掉scss生成css和ftl生成html时，产生的临时文件夹2.build-java，帮后端mvn compile(自己写的java，依赖的java库)。注明：招财是后端拉前端代码，没有这一步。渠道分销管理后台有这一步。3. sass-preprocess。Scss编译，预处理。 webpack-server，打包Js。4.usere
2017-07-21 10:36:55
401
转载 gulp-uglify《JS压缩》
本节实现JS压缩，在实现压缩前，先配置JS任务，设置源目录和输出目录。 1.找到gulp->config.js，对JS进行源目录(src->img)和输出目录(build->img)的配置: 2.gulp->tasks里新建JS任务,如下图: 3.同时在default任务序列里添加js任务：gulp.task('default', ['less'
2017-07-21 10:18:35
539
转载 flex布局
一、Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-w
2017-07-20 13:51:33
315
原创 angular-ui-select 支持搜索的 下拉选择框 的使用
github地址：https://github.com/angular-ui/ui-select默认支持所有唯一性字段的匹配。可以配置只有一种。通过channelList | filter: {description: $select.search}，或者通过自己对数据组装。
2017-07-15 15:11:26
7973
原创 定义asyncExportFile服务，通过异步下载导出文件
要解决的问题：导出文件超时。解决思路：异步下载方式进行导出。先生成下载任务，然后轮询文件名，生成文件名的时候，再执行下载。由于系统中需要执行导出的操作较多，因此将导出方法封装成了一个服务asyncExportFile，分别注入到各个需要执行下载任务的controller中。（1）执行下载任务的asyncExportFile服务：'use strict';/** * @ng
2017-07-14 00:43:43
2145
转载 angularjs input 表单校验指令整理
input[text]input[checkbox]input[radio]input[date]input[datetime-local]input[month]input[time]input[week]input[number]input[email]input[url]
2017-07-14 00:20:50
1617
原创 Jquey插件封装成指令
http://www.jq22.comhttp://www.17sucai.com/preview/41162/2015-12-18/hplus1/hplus1/index.html#找到想要使用的插件，下载下来，看其Index.html怎么用的。以时间控件为例，其Index.html如下：所以，把jquer_shiyan.js和shiyan.css分别
2017-07-14 00:18:02
359
原创 自己写的数字最大最小值numvalue-check指令
产品要求：输入框输入数据之后，失去焦点后就进行最大最小值校验，以及错误提示。但是angular自带指令max,min，在封装后，要点击确认按钮，form-submit之后才会提示错误。所以干脆自己写了一个。因为后面又说可以为空，所以就把不能为空这个注释掉了。备注：（1）调试时，在html中加上下面这个可以提示是否捕获到了定义的error。{{formValidator.transfer
2017-07-14 00:12:37
911
转载 Angular 4.x 修仙之路
转自：https://segmentfault.com/a/1190000008754631 Angular 4.x 快速入门Angular 4 基础教程涉及 Angular CLI 使用、创建组件、事件、自定义服务、 ngFor 指令、Input、Output 装饰器等Angular 4 快速入门涉及 Angular 简介、环境搭建、插件表
2017-07-13 23:08:44
1814
原创 angularjs 组内自定义require指令在时间输入框中引用时出现的问题及排查
问题一：【入驻日期】字段为【必填】，但前面没有出*。 加的required指令可以要求为必填，（指令使用要求：只有提交按钮是form-submit才可以在都通过验证的情况下提交。而且input输入框有form-control类，指令才可以为input元素添加CSS定制样式，然后最外面的上要有form-group类。如果是td，则必须有name属性，且td的name要每个都不一样。）
2017-07-13 14:28:30
579
转载 angularjs $watch
(1)$watch简介在digest执行时，如果watch观察的的value与上一次执行时不一样时，就会被触发。AngularJS内部的watch实现了页面随model的及时更新。$watch方法在用的时候主要是手动的监听一个对象，但对象发生变化时触发某个事件。
2017-07-12 20:05:00
1754
转载 git merge 和 git rebase 区别理解
Git merge是用来合并两个分支的。git merge b # 将b分支合并到当前分支同样 git rebase b，也是把 b分支合并到当前分支-----------------------------------他们的 原理 如下：假设你现在基于远程分支"origin"，创建一个叫"mywork"的分支。$ gi
2017-07-11 10:50:22
281
转载 JavaScript 详说事件机制之冒泡、捕获、传播、委托
DOM事件流（event flow ）存在三个阶段：事件捕获阶段、处于目标阶段、事件冒泡阶段。事件捕获（event capturing）：通俗的理解就是，当鼠标点击或者触发dom事件时，浏览器会从根节点开始由外到内进行事件传播，即点击了子元素，如果父元素通过事件捕获方式注册了对应的事件的话，会先触发父元素绑定的事件。事件冒泡（dubbed bubbling）：与事件捕获恰恰相反，事件
2017-07-11 10:34:35
356
转载 CSS中Box model分类
CSS中Box model是分为两种:: W3C标准 和 IE标准盒子模型。大多数浏览器采用W3C标准模型，而IE中则采用Microsoft自己的标准。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”，怪异模式主要表现在IE内核的浏览器。当不对doctype进行定义时，会触发怪异模式。在标准模式下，一个块的总宽度= width + margin(左右)
2017-06-21 13:48:12
695
原创 nginx安装配置启动，把前端的请求一部分转发到本地，ajax请求转发到服务器。
nginx安装配置 brew searchnginxbrewinstall nginx很慢，要等很久 输出:The default port has been set in/usr/local/etc/nginx/nginx.conf to 8080 so thatnginx can run without sudo.
2017-06-18 22:14:01
4397
转载 使用原生JS的AJAX读取json全过程
首先ajax（async JavaScript and xml）是用于前端与后端文件比如xml或者json之间的交互。他是一种异步加载技术，意味着你点击某个加载事件是再也不用刷新整个页面，而是发送局部请求，局部回应。由于AJAX不是完全前端，需要用到服务器，所以在做实验的时候必须把html文件和xml或json放到服务器部署的目录之中，在这里我使用的是TOMCAT 7X。首先编辑一个简单的
2017-06-18 20:17:54
16954
转载 20位活跃在Github上的国内技术大牛
20位活跃在Github上的国内技术大牛，2014年本文列举了20位在Github上非常活跃的国内大牛，看看其中是不是很多熟悉的面孔？1. lifesinger（玉伯）Github主页： https://github.com/lifesinger微博：@ 玉伯也叫射雕玉伯（王保平），淘宝前端类库 KISSY、前端模块化开发框架
2017-06-07 15:22:28
1018
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人