- 博客(29)
- 收藏
- 关注
原创 Redux
Redux1.应用场景 1.解决不断变化的是state数据 2.处理react中数据单向流动导致的非父级之间繁琐的交互 3.通过执行事件统一存储实现公共环境事件针对处理2.设计思想(类似于订阅发布模式)操作事件同意存储–》store 状态树保存(state tree)组件派发(dispatch)行为(action)给store组件内部订阅store中的状态(s
2018-01-14 20:19:40
437
原创 Mongodb
mongodbdb 查看当前数据库db.user.insert({}); 向当前数据库中的user集合中插入一个文档db.user.find() 查看当前数据库中user集合的全部文档mongoose使用1.引入var mongoose=require('mongoose');2.连接数据库var UserSchema=new mongoose.Schema(
2018-01-14 20:18:06
360
原创 express
express1.创建方式(1)导入express模块var express=require('express');(2) 调用方法,返回appvar app=express();(3)端口监听 最后执行app.listen(55555);//异步2.定义方式 根据不同的客户端请求,返回不同的响应3.app上的方法(app本质:请求监听函数)getapp
2018-01-14 20:16:30
1761
1
原创 Angular(route)
Angular(route)angular-resource创建操作服务注意:1.模块间的依赖放在字符串中var app=angular.module('appModule',['ngResource']);2.使用angular-resource提供的服务app.factory('Users',['$resource ',function ($resource) {
2018-01-14 20:15:11
388
原创 NODE(流,跨域)
NODE(流,跨域)流特点 继承了事件 (on)流读取文件是异步的写法1》readStream(文件流的读取)特点 不关心文件整体多大,只关心每次读到的文件读取文件必须存在默认读取编码null(buffer格式的)highWaterMark (取值范围0-65536-》64*1024b)事件1.on(1)开始rs.on(‘data’,function()
2018-01-14 20:13:30
297
原创 NODE(buffer、fs、path)
NODE(buffer、fs、path)Node特点: 可以让js跑在浏览器之外可以操作读写同步异步 同步:代码依次执行异步:同步代码执行后再执行(定时器,callback)–》效率高学习要求: 自己写接口,前后端分离,写网站(ejs jade) 阻塞和非阻塞 请求–》内核业务处理–》毁掉后针对请求处理Buffer1.定义及特点 (1)定义:缓存区
2018-01-14 20:12:00
441
原创 D3入门
D3.js适用情况 选择 D3:如果希望开发脑海中任意想象到的图表。 选择 Highcharts、Echarts 等:如果希望开发几种固定种类的、十分大众化的图表。一.引入方式(1)下载安装包D3.zip(2)引用网址(有网的情况下使用)script src="http://d3js.org/d3.v3.min.js" charset="utf-8">scr
2018-01-14 20:04:04
2414
原创 NODE(global、模块化、博客搭建)
NODE(global、模块化、博客搭建)NodeGlobal服务器端没有window对象,后台最大的是globalglobal属性: 在文件中运行 this不是globalprocess 进程对象 nextTick 下一队列(当前队列的底部)process.pid 当前进程idprocess.kill() 杀死进程process.cwd() 当前工作目录(可更改
2018-01-14 19:47:01
1720
原创 Angular(服务、存储机制)
Angular(服务、存储机制)服务1.provider最大的服务,可以配置特点 (1)moren provider 会被自动实例化(2)在控制器中使用会调用$get(3)后续操作写在$get之后 div ng-controller="twoCtrl">div>script>var app=angular.module('appModule',[]); app.con
2018-01-14 19:43:27
695
原创 Angular(指令及交互)
Angular(指令及交互)1.特点 1.不依赖控制器2.指令默认不会产生作用域,可以声明创建作用域,一般不声明3.angular可以包装成指令对象:angular.element=$(this)2.指令分类 装饰性负责添加功能组件式替换成一个完整的组件有template的一般是组件3.指令格式属性 A Attributediv drag>div>元素 E
2018-01-14 19:40:07
349
原创 Interview(WJCR)
div居中清除浮动的方法 父元素加个高overflow:hidden面向对象特点 (1)继承 (2)封装 (3)多态 重写重载 js中没有严格意义上的重写重载,这里的重载指的是传入不同的参数实现不同的功能,重写指的是子类可以重写父类的方法 设计模式 (1)单例模式:最简单的模块化开发(2)工厂模式```var obj={}obj.nam
2018-01-13 19:51:43
357
原创 webpack、gulp、babel
babel(插件集合转换es6)安装新建.babelrc配置文件文件(json格式 “presets”: [“es2015”]) [“es2015”]插件集合安装预设 npm install babel-preset-es2015 es6格式转文件 babel 1.es6.js -o 1.es5.jsgulp作用:定义执行任务 tasksrc-工作方式 1.通
2018-01-12 20:37:22
455
原创 Vue基础
Vue 渐进式框架1.特点 关注于视层适用于移动端项目渐进式框架2.渐进式 声明式渲染(无需关心如何实现)组件系统客户端路由(veu-router)大规模状态管理(vuex)构建工具(vue-cli)3.核心点 664.安装 初始化package.json (npm init -y) 1.记住安装过的内容 2.不会导致内容安装到上层目录 5.常用指令
2018-01-12 20:34:48
298
原创 Angular
Angular(内置命令、过滤器、数组、模块化开发)angular的下载安装npm install angularangular的内置命令(ng-开头)ng-app:启动angular项目环境html lang="en" ng-app="appModule">ng-model实现双向数据绑定 不会产生作用域ng-repeat 重复循环会产生单独作用域,域
2018-01-12 20:24:52
1896
3
原创 Interview(YDKJ)
通用的数组去重的方法(处理复杂类型,js是弱类型)不定高元素垂直居中元素和伪类有什么差别,伪类和伪元素有什么区别?选择器中的+和~有什么差别用less或者sass写个混合函数Interator、generator、async await之间的区别写一个收集用户访问量的express中间件git合并分支上特定文件的代码js手写:整数数组求它的连续子集各项和的固定值k这样的连续子集的个
2018-01-10 20:56:57
631
原创 Interview(BLB)
1面react系列react获取真实DOM是在哪一个阶段?卸载组件在哪个周期?redux的触发流程,什么情况下触发dispatch,action?组件和redux用什么方法连接(connect)? 工作流程: 1.用户发出action store.dispatch(action) 2.Store调用Reducer,传入 当前State和接收的
2018-01-09 00:16:13
321
原创 ES6
ES6声明方式1.var(原始方式) - 可以重复声明 - 不能定义常量 var PI=3.14 - 不支持块级作用域 if(true){var a=10}2.let 3.const解构let arr=[1,2,3]let [a,b,c]=arr;console.log(a,b,c)解构的时候 ,等号两边的结构类似,右边还必须是一个真
2018-01-07 23:04:16
232
原创 Markdown
1,如何让3个div等分分布?如何让中间盒子固定,两边盒子自适应等分布局? 2,说一下vue的双向数据绑定 3,vue中父子组件如何通信?以及子组件如何操作父组件里的方法?兄弟组件间如何通信 4,有没有遇到数据更新页面没有及时更新的情况及如何处理? (1)使用Object.assign()或_.extend()方法添加属性,但是添加到对象上的属性不会触发更新,使用Object.as
2018-01-07 23:01:22
632
原创 Interview(RR)
1.filter的使用2.数组去重实现思路3.外边距可以设置百分比吗?百分比是相对于谁的?4.css实现三角形,梯形5.border-raduis的参数以及怎么实现不规则圆角6.背景图怎么设置位置?background-position有几个值?分别代表什么意思?如何让背景图居中?7.行内元素可以设置宽高吗?图片是什么元素?图片可以设置宽高吗?图片的display的值是什么?8.同时设
2018-01-03 21:07:42
305
原创 Interview(NL)
笔试题HTML1.阐述下对浏览器内核的理解,以及浏览器的工作原理,常见的浏览器内核2.盒子模型你是怎么理解的?3.清楚浮动的方法4.CSS选择器有哪些?各种选择器优先级大小顺序5.列举几个使用过的HTML5新特性6.描述下cookies、sessionStorage、localStorage区别CSS1.列举position的值有哪些,并给出当前值的定位原点2.列举CSS3新增的伪
2018-01-02 20:19:42
223
原创 Interview(XCJ)
面试题1.box-sizing属性有几个值,分别代表什么?2.举例说明几个css可以继承与不可以继承的属性?3.position的值,relative和absolute分别是相对于谁定位的?4.null和undefined的区别5.ajax请求的时候,get和post区别有哪些?6.使用ajax如何控制请求的异步与同步7.举例写几个jQuery关于dom阶段的操作命令8.简述本
2017-12-22 23:40:58
519
原创 Interview3
一面1.跨域2.redux的使用3.props改变子组件会更新吗4.子组件能改变从父级传进去的props的值吗?(原因说清楚)5.描述一下react的dom diff算法,原来dom diff的复杂度是什么?怎么优化?6.ES6中的class用原生的方式重新写(原型链继承)class A(){ constructor(){ this.a=1 } tes
2017-12-19 15:25:00
192
原创 Git
简介分布式版本控制系统1.提交操作初始化仓库 git init添加文件(存放在暂存区)git add提交文件(将暂存区的内容提交到分支)git commit -m'wrote a commit message'查看结果(告诉文件有被修改过)git status查看变化(查看修改内容)git diff2.版本回退操
2017-12-16 14:22:23
292
原创 Interview2
1.如何优化前端开发 减少http请求是次数;js、css代码压缩前端模板js数据,减少HTML标签导致的带宽浪费前端用变量存储ajax请求结果,不用每次操作变量都清求,减少请求次数用innerHTML代替DOM操作,减少DOM操作次数优化JavaScript性能用setTimeOut来避免页面失去响应用hash-table来优化查找通过classname来设置样式少用全局变量
2017-12-11 15:10:08
401
原创 Node之跨域
ajaxlet wd=event.target.valuelet xhr=new XMLHttpRequest();xhr.open('GET',`https://www.baidu.com`,false) //请求方式,请求地址,是否异步xhr.onreadystatechange=function(){ if(xhr.readState==4&&/2\d{2}/.test(xhr
2017-12-04 15:49:35
388
原创 Node之存储
localStorage(本地存储)特点 1.是H5提供的不兼容低版本浏览器2.存储内容大小为5MB3.不受安全卫士,浏览器等清除的影响4.永久存储到本地,不手动删除会一直存在,关掉浏览器也会存在5.严格的本地存储,与服务器无关6.存储获取的结果是字符串localStorage的使用设置 localStorage.setItem([key],[value])获取 loc
2017-12-04 10:46:34
1207
原创 Node之cookie&session
#### cookie- 特点 - 1.兼容所有浏览器 - 2.存放的内容少,4kb,浏览器会限制一个站点最多可以存放20个cookie - 3.不安全,重要信息最好不要存放在cookie上 - 4.cookie容易被安全卫士等软件清除 - 5.有过期时间 - 6.不是严格的本地存储,获取cookie时,保证服务器和客户端保持连接,读取cookie也要经过H
2017-12-04 09:27:36
349
原创 React入门
下载安装yarn add react-dom 下载需要使用的文件yarn start 启动基础一.JSX1.定义:JavaScript+XML(不是JS原生引擎支持的,在浏览器中执行需要先转换成ES5代码)2.利用dom diff深度遍历实现数据对比刷新二.component1.作用:将页面划分为多个组件,更好的实现代码复用和维护2.命名要求 首字母大写(用以区分组件还是元素,二者使用
2017-11-29 22:41:55
246
原创 面经1
(凯金卓越) 2017-11-251.CSS实现盒子上下左右居中body{ margin:0; padding:0; width:100%; height:100%;}div{ position:absolute; top:50%; left:50%; width:200px; height:200p
2017-11-26 13:06:29
271
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人