- 博客(77)
- 收藏
- 关注
转载 [03]算法排序
https://segmentfault.com/a/1190000011294349前言排序算法可能是你学编程第一个学习的算法,还记得冒泡吗?当然,排序和查找两类算法是面试的热门选项。如果你是一个会写快排的程序猿,面试官在比较你和一个连快排都不会写的人的时候,会优先选择你的。那么,前端需要会排序吗?答案是毋庸置疑的,必须会。现在的前端对计算机基础要求越来越高了,如果...
2018-03-08 17:21:00
167
转载 [02] 2017前端面试100题
http://blog.csdn.net/Deus_ex_machina/article/details/780775491.一些开放性题目1.自我介绍:除了基本个人信息以外,面试官更想听的是你与众不同的地方和你的优势。2.项目介绍3.如何看待前端开发?4.平时是如何学习前端开发的?5.未来三到五年的规划是怎样的?position的值...
2018-03-07 21:05:00
513
转载 [01]url请求到渲染
http状态码有哪些?分别表示什么意思?状态码告知从服务器返回的请求结果。2XX表明请求被正常处理了。200OK、204No Content(服务器接收的请求已经处理成功,但在返回的响应报文中不包含实体的主体部分)、206Partial Content(客户端进行了范围请求,对资源的某一部分请求);3XX重定向,301moved permanently(资源已分配新的uri)、302...
2018-03-07 20:40:00
198
转载 [06] JavaScript 类型
下面对知识点总结:1.类型分类a.原始类型:number, string, boolean, null, undefinedb.对象类型:除了原始类型都是(例如:object,array, function, new xxx[构造函数 class对象 Date, RegExp, Error])备注:NAN,非数字,与任何值都不等,包括NAN2.浮点数的计算差值任何...
2018-01-11 17:48:00
106
转载 [07]清除浮动
为什么清除CSS浮动这么难?因为浮动会使当前标签产生向上浮的效果,同时会影响到前后标签、父级标签的位置及 width height 属性。而且同样的代码,在各种浏览器中显示效果也有可能不相同,这样让清除浮动更难了。解决浮动引起的问题有多种方法,但有些方法在浏览器兼容性方面还有问题。我根据自己的经验总结8种清除浮动的方法(测试已通过 ie chrome firefox oper...
2018-01-10 13:56:00
71
转载 [05]Git查看、删除、重命名远程分支和tag
Git查看、删除、重命名远程分支和tag2015-06-15:加入姊妹篇;2013-11-06:加入重命名远程分支的内容;2013-01-09:加入删除远程tag的内容。姊妹篇:使用Git、Git GUI和TortoiseGit引用:https://blog.zengrong.net/post/1746.html#这篇文章记录我在使用git的过程中...
2018-01-09 14:40:00
94
转载 [05] call by sharing || 共享参数
转:https://segmentfault.com/a/1190000005177386众所周知,JavaScript中参数是按值传递的。与访问变量不同,基本类型和引用类型的参数在传递时都如同变量的复制。但是我们在使用引用类型的参数传递时,经常会发现在函数内改变引用类型参数(如对象)会在函数外反映出来,这种情况貌似与“按值传参”的思想不符?我本人在这个坑上也摔过很多次,最近遇...
2017-12-26 10:18:00
171
转载 [06] 盒模型 + auto 居中 + 垂直合并
1.盒模型盒子模型有两种,分别是 ie 盒子模型和标准 w3c 盒子模型。 标准(W3C)模型中:CSS中的宽(width) = 内容 (content)的宽CSS中的宽(width) = 内容(content)的宽+(border+padding)*2结论:IE盒模型是陈旧知识点,除了帮助理解css3box-sizing: border-box(等分宽度...
2017-12-21 15:54:00
99
转载 [05] css优先级
1.优先级计算规则(特殊性)在css中,有不同的方式编写css,如果想给同一个标签设置样式,选择器的写法有很多种,那么当多个样式都应用于同一个标签,标签优先选择哪个样式呢?按照以下规则:现有 0,0,0,0 四个位置第一个0位置: 表示内联样式(标签上的style属性)1,0,0,0第二个0位置: 表示id选择器 0,1,0,0第三个0位置: 表示类选择器,属性选择器...
2017-12-19 19:45:00
95
转载 [04] css 选择器
1.元素选择器常见的html标签元素h1 { color: red;}body { background: red;}2.分组选择器例如body和h2标签的字体颜色都是red,使用逗号将其隔开。body, h1 { color: red;}3.通配符选择器* { color: re...
2017-12-19 17:11:00
72
转载 [03] html 中引入与使用css
1. 使用style属性<a style="color: red;"> hello ,there use style attribute</a>2. link 方式<link rel="stylesheet" type="text/css" href="./custom.css" media ='all' />me...
2017-12-19 16:16:00
68
转载 [04] 前端构建工具区别
- node , 是javascript语言的环境和平台,- npm , bower 是一类,包管理,- webpack , browserify , 是一类,javascript预编译模块的方案,- requirejs , seajs , 是一类, 基于commonjs,amd,cmd,umd 之类的模块类包加载方案的框架,- grunt , gulp , 前端工具,合并、压缩、编译 ...
2017-12-15 11:14:00
99
转载 [04]测试框架杂谈
Front End Development & Unit Test Automation Trends!https://blog.testproject.io/2016/09/01/front-end-development-unit-test-automation-trends2/转载于:https://www.cnblogs.com/yeziTesting/p/771...
2017-10-23 12:58:00
78
转载 [03] react 测试
测试是开发周期中的一个重要组成部分。没有测试的代码被称为:遗留代码。对于我而言,第一次学习 React 和 JavaScript 的时候,感到很有压力。如果你也是刚开始学习 JS/React,并加入他们的社区,那么也可能会有相同的感觉。想到的会是:我应该用哪一个构建工具?哪一个测试框架比较好?我应该学习哪种流模式?我需要用到流吗?为了解决这些烦恼,我决定写...
2017-10-23 11:38:00
114
转载 [02] 前端测试工具集锦
https://qaseven.github.io/2016/05/24/front-end-tools/1.e2e teste2e或者端到端(end-to-end)或者UI测试是一种测试方法,它用来测试一个应用从头到尾的流程是否和设计时候所想的一样。简而言之,它从一个用户的角度出发,认为整个系统都是一个黑箱,只有UI会暴露给用户。具体链接看:http://sentsin.c...
2017-10-23 11:08:00
265
转载 [01]关于TDD、BDD和DDD的一些看法
在实际的项目中,我们可能随时面对各种不同的需求,它的各个方面的要素决定了我们所采用的开发模式。比如,它的复杂度如何?所有的需求是否足够清晰?开发人员对相关的业务是否足够了解?项目的工期是否合理?种种问题,不一而足。这也决定了我们可能面对不同的需求可能需要采用不同的开发模式。下面大概说几种。1. TDDTDD指的是Test Drive Development,很明显的意思...
2017-10-23 10:56:00
108
转载 [04]JS获取文件大小方法
</pre><prename="code"class="html"><inputid="file"type="file"><inputid="Button1"type="button"value="button"onclick="check()"><script>window.chec...
2017-10-19 10:36:00
213
转载 [03]使用阿里RAP搭建前端Mock Server
MockServer可以减少前端开发对后端的依赖,提高前端开发的效率,同时也利于团队的协作。什么是RAP?RAP是阿里团队出的一款WEB接口管理工具,帮助开发人员更高效的管理接口文档,同时通过分析接口结构自动生成Mock数据、校验真实接口的正确性,使接口文档成为开发流程中的强依赖。RAP官网:http://rapapi.org/org/index.do。这里引用官方的一张图,...
2017-10-12 15:16:00
128
转载 [1]区分event对象中的[clientX,offsetX,screenX,pageX]
前言在平时的开发中,非常讨厌的就是兼容性了,兼容性的问题总会让我们记忆混淆,所以这次来区分一下event对象中的常用获取鼠标位置。clientX clientYevent.clientXevent.clientYclient直译就是客户端,客户端的窗口就是指游览器的显示页面内容的窗口大小(不包含工具栏、导航栏等等)。event.clientX、even...
2017-10-12 10:54:00
121
转载 [02]a tag只为成button用时候设置href的办法
a tag为成button使用,把JavaScript动作处理时,有如下四种停止Event效果。<a href="#"><a href="javascript:;"><a href="javascript:void(0)"><a role="button" tabindex="0">按照如下顺序可...
2017-10-09 15:51:00
170
转载 [01] radio ,checkbox 表单文字对齐
http://www.cnblogs.com/wangsir015/p/5555818.html这几天在做表单时总会碰到复选框(checkbox)和单选框(radio)与文字不对齐的问题,要不是checkbox上浮了,要不是文字上浮。在前端开发过程中,单(复)选框和它们后面的提示文字在不进行任何设置的情况下,是无法对齐的,而且在Firefox和IE中相差甚大。即使设置了vertica...
2017-09-28 17:32:00
307
转载 [02]时区时间获取
做项目遇到的坑爹问题,需要根据时区获取时区中轴线的时间。为此搜了好久网上都没什么JS的代码描述到这一方面,最后自己翻了下高中地理才写了个函数出来。此图可以看出来,全球分为了0时区,东西1-11区,第12时区。下面就是我写的JS的根据时区输出时间的函数:<!DOCTYPE html><html><head> <...
2017-09-14 17:20:00
161
转载 【14】redux 之 redux-actions
redux-actions有两大法宝createAction和handleActions.createActionhttp://www.jianshu.com/p/6ba5cd795077原来创建action:const startAction = () => ({ type: START });使用redux-actions创建action:import ...
2017-09-01 11:05:00
91
转载 【02】webpack 之 入门
http://www.jianshu.com/p/42e11515c10f写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对w...
2017-08-25 14:59:00
98
转载 【13】react 之 redux(2)
转载:http://www.cnblogs.com/MuYunyun/p/6530715.html什么情况需要用redux?用户的使用方式复杂不同身份的用户有不同的使用方式(比如普通用户和管理员)多个用户之间可以协作与服务器大量交互,或者使用了WebSocketView要从多个来源获取数据简单说,如果你的UI层非常简单,没有很多互动,Redu...
2017-08-20 11:01:00
50
转载 【12】react 之 redux(1)
TodoList小demo效果展示项目地址(单向)数据流数据流是我们的行为与响应的抽象;使用数据流能帮我们明确了行为对应的响应,这和react的状态可预测的思想是不谋而合的。常见的数据流框架有Flux/reFlux/Redux。相比其它数据流框架,Redux轻量(压缩后只有2K),而且在一个react项目中,Redux维护了单一的状态树。下面我们来具体看看...
2017-08-20 10:56:00
102
转载 【11】react 之 flux
Flux 是 Facebook 使用的一套前端应用的架构模式。React 标榜自己是 MVC 里面 V 的部分,那么 Flux 就相当于添加 M 和 C 的部分。1.1. Flux介绍Flux并不是一项新的技术,而是一种架构模式,一个Flux应用由四个部分:View: 视图层(组件)Action(动作):视图层发出的消息(比如mouseClick){ ...
2017-08-13 14:41:00
116
转载 【10】react 之 react-router
1.1. 路由路由:URL与处理器的映射。浏览器当前的 URL 发生变化时,路由系统会做出一些响应,用来保证用户界面与 URL 的同步。1.2. Router安装npm i react-router -save1.3. Router使用路由器Router就是React的一个组件,所以使用方式跟React组件使用方式一样。import {Router ...
2017-08-13 13:03:00
110
转载 【09】react 之 表单组件
不太清楚有多少初学React的同学和博主当时一样,在看完React的生命周期、数据流之后觉得已经上手了,甩开文档啪啪啪的开始敲了起来。结果...居然被一个input标签给教做人了。故事是这样的:首先你创建了一个input标签var React = require('react'), ReactDOM = require('react-dom');...
2017-08-13 11:05:00
191
转载 【07】react 之 生命周期
阅读目录(Content)实例化getDefaultPropsgetInitialStatecomponentWillMountrendercomponentDidMount存在期componentWillReceivePropsshouldComponentUpdatecomponentWillUpdatecomponen...
2017-08-13 08:34:00
89
转载 【06】react 之 PropsType
React组件创建的时候,需要传入属性,我们可以使用使用PropTypes进行类型检查,您可以使用React.PropTypes在组件的道具上运行。React.PropTypes.array React.PropTypes.boolReact.PropTypes.funcReact.PropTypes.numberReact.PropTypes.o...
2017-08-12 20:59:00
366
转载 【05】react 之 组件state
1.1. 状态理解React的数据流:由父节点传递到子节点(由外到内传递),如果顶层组件某个prop改变了,React会向下传递,重新渲染所有使用过该属性的组件。除此之外React 组件内部还具有自己的状态,这些状态只能在组件内部修改。通过与用户的交互(点击),实现不同状态(显示、隐藏、数量增加...),然后渲染UI,让用户界面和数据保持一致。React中只需更新组件的state,...
2017-08-12 20:49:00
81
转载 【04】react 之 复合组件
1.1. 什么是组件?前端开发中组件也称为UI组件,组件即将一段或几段完成各自功能的代码段封装为一个或几个独立的部分。UI组件包含了这样一个或几个具有各自功能的代码段,最终完成了用户界面的表示。React鼓励你为每一个关注点创造出一个独立的组件,比如:<App> 代表整个应用<Header> 代表头部<DataGrid> ...
2017-08-12 16:31:00
184
转载 【03】react 之 创建component
React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件es5原生方式React.createClass定义的组件es6形式的extends React.Component定义的组件虽然有三种方式可以定义react的组件,那么这三种定义组件方式有什么不同呢?或者说为什么会出现对应的定义方式呢?下面就简单...
2017-08-12 16:01:00
166
转载 【02】react 之 jsx
React与ReactDOM是react中核心对象,React为核心功能,ReactDOM提供对DOM的操作,以前的老版本中只有React没有ReactDOM,新版本中分离出ReactDOM提供两种渲染方式:浏览器渲染(react-dom.js)和服务器渲染(react-dom-server.js)。所以程序使用react,首先先引入:var React = require(...
2017-08-12 15:17:00
94
转载 【01】react 之 hello world
React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设 Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。由于React的设计思想极其独特,属于革命性创新,性能出众,代码逻辑却非常简单。所以,越来越多的人开始关注和使用,认为它可能是将来Web开发的主流工...
2017-08-12 14:46:00
93
转载 [03]常用正则表达式
收集整理了15个常用的javaScript正则表达式,其中包括用户名、密码强度、整数、数字、电子邮件地址(Email)、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则。表单验证处理必备。1 用户名正则//用户名正则,4到16位(字母,数字,下划线,减号)var uPattern = /^[a-zA-Z0...
2017-07-28 15:29:00
144
转载 【22】Vue 之 Vue Devtools
vue安装:# 最新稳定版$ npm install vue# 全局安装 vue-cli$ npm install --global vue-cli# 创建一个基于 webpack 模板的新项目$ vue init webpack my-project# 安装依赖,走你$cd my-project$ npm install$ npm run ...
2017-07-19 15:42:00
81
转载 【21】vuex 与element iu表单校验
转:http://www.cnblogs.com/gsgs/p/6753682.htmlelement-ui的官网上写的自定义表单验证,方法都是写在单vue文件中的,不容易共享。怎么使用vuex将方法共享出来,各个组件都能用呢?如下是一个验证age的数据,rules:{ age:[{required:true,trigger:'blur',validator:check...
2017-07-19 14:43:00
114
转载 【01】iconfont的使用
我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路,这里讲解的默认是元素使用类名;step 1:百度iconfont,找到阿里巴巴矢量图标库官网,然后注册登...
2017-07-17 10:54:00
355
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人