- 博客(24)
- 收藏
- 关注
RSS订阅原创 vuex使用----对比----redux使用
随着项目的日益增大，维护状态，成为了一件必须且比较繁琐的事情。出现了很多优秀了状态管理工具，数据管理，组织state让我们一起来看下，vue中使用vuex和react中使用redux有什么区别。vuex参考链接：https://vuex.vuejs.org/zh/要想使用vuex，在你的项目目录下执行如下命令。第一步：下载依赖包vuex npm install -...
2019-09-22 11:32:15
311
原创 带你了解------发布订阅者模式的步步进化，层层递进的实现
发布订阅者模式进化论基础版本第一步进化—仅订阅需要信息第二步进化—通用型发布订阅第三步进化—解耦发布者和订阅者关系第四步进化—命名空间（防止代码越来越复杂，形成的全局冲突）PS：发布订阅者模式可以先订阅，也可以先发布发布订阅者模式的基础版只要你绑定过DOM事件，你就已经是一个接触过发布-订阅模式的开发者。接下来一起来看看进化后的模式，如何带来更大的便利。// 最简单的发布订阅...
2019-09-21 12:08:43
315
原创 前端需要的这些你都学会了吗？
必备之学习/** * 前端学习 * 1、javascript * 2、ES6 * 3、设计模式 * 4、算法 * 5、html、css、html5、css3 * 6、前端安全 * 7、http、https、ajax、git * 8、vue、vuex、weex、react、redux、taro、uniapp、miniprogram、electron * 9、架构 * 10、n...
2019-09-20 20:33:54
189
原创 分享一一一京东taro实现购物车...........
taro成熟了嘛？坑还多吗？逻辑实现：a、点击全选，实现全选b、单选c、单选全部选择完时，全选自动勾选d、全选后，取消一个单选的，则全选自动取消e、自动计算订单金额此坑踩了良久啊！直接上代码，作为参考把！import Taro, { Component } from '@tarojs/taro';import { connect } from '@tarojs/redux'...
2019-09-19 17:40:43
1409
原创 带你了解js中得函数
函数得隐藏属性1、argumentsarguments在函数重载和高阶函数中会反复用到。函数重载：函数名相同，函数的参数列表不同(包括参数个数和参数类型)，根据参数的不同去执行不同的操作。 举例： function overload(a){ console.log('一个参数') } f...
2019-09-16 17:01:03
94
原创 运行环境检测
运行环境检测1、能力检测，并不是浏览器检测2、怪癖检测：浏览器的特殊行为3、用户代理检测：通过检测用户代理的字符串检测客户端4、识别window5、手机识别完整代码：var client = function(){ //呈现引擎 var engine = { ie:0, gecko:0, webkit:0, ...
2019-09-11 19:21:53
1024
原创 一步步完成vuex+plugins的分层配置[随着组件拆分，后期继续。。。]
vue+webpack+vuex+sass+postcss的项目配置1、基础步骤不在一步步展示首先下载项目依赖：vuex **npm install --save vuex**2、项目目录结构如下：3、新建store文件夹，并新建actions.js getters.js mutations.js state.js type.js index.js文件。4、构...
2019-09-06 15:49:27
879
原创 实现多个页面之间通信的常用方式
websocket协议localstoragehtml5浏览器的新特性1、websocket 全双工(full-duplex)通信自然可以实现多个标签页之间的通信，相信网上通过websocket实现聊天室的教程也不少（用来实现双向通信，客户端和服务端实时通信）//初始化一个node项目：node init，一路确认就可以,文件夹会自动创建一个package.json文件监听/...
2019-09-03 14:42:28
3629
原创 js数组之常用操作方法
想要理解一点东西，就必须用自己的语言和思想把一个东西表达出来才行。下面我们一起来看看数组常用的操作方法都有哪些，怎么去使用。1、Array.forEach()将数组中的每个元素执行传进提供的回调函数，此方法没有返回值，直接改变原数组，注意和map方法区分 let arr = [1, 2, 3, 4, 5] num.forEach(x => x*2) // arr ...
2019-09-03 14:10:23
117
原创 js之常用设计模式详解
一、单例模式定义保证一个类仅有一个实例，并提供一个访问它的全局访问点核心确保只有一个实例，并提供全局访问实现假设要设置一个管理员，多次调用也仅设置一次，我们可以使用闭包缓存一个内部变量来实现这个单例function SetManager(name) { this.manager = name;}SetManager.prototype.getName = f...
2019-09-02 16:51:43
179
原创 使用react-saga来管理store中的effects
API接口的阻塞和非阻塞/** * 同步call（阻塞，必须完成一个，才能继续下一个yield） * 异步fork（无阻塞） * * * 监听未来的action take * */阻塞 / 非阻塞名称 阻塞takeEvery 否takeLatest 否takeLeading 否throttle 否take 是take(channel) 有时 (请查看 A...
2019-08-30 11:49:21
949
原创 react、taro事件处理之间区别
1、taro创建自定义组件中，事件处理函数的方法与this：class Toggle extends React.Component { constructor(props) { super(props); this.state = {isToggleOn: true}; } onClick = (e) => { e.stopPropagation(...
2019-08-29 16:44:24
1197
原创 Class之语法注意事项
1、静态方法2、实例属性的新写法3、静态属性4、私有方法和私有属性5、new.target 属性类的由来，JavaScript 语言中，生成实例对象的传统方法是通过构造函数。下面是一个例子。 function Point(x, y) { this.x = x; this.y = y; } Point.prototype.toString...
2019-08-29 16:19:44
575
原创 BOM对象得详细解析
1、BOM核心对象是window标识一个浏览器的实例，也是js访问浏览器窗口的一个接口！有事ES规定的一个Global对象。全局变量不能通过deleted删除。直接在window上定义属性可以删除。 var age = 18; window.color = "red"; //在IE < 9 时抛出错误，其他浏览器返回false deleted window....
2019-08-29 14:39:57
265
原创 nodejs模块及其作用
1、nodejs 模块及其作用assert 为应用程序的单元测试添加断言处理buffer 用于二进制数据的存储与转换url 用于实现URL字符串的解析与格式化events 用于为事件处理提供一个基础类fs 用于操作文件及文件系统path 用于处理文件...
2019-08-27 09:38:37
1007
原创 java之IntellijIdea 2018.2工具使用
安装以及破解java工具IntellijIdea准备工作下载安装包 以及 替换文件 idea64.exe.vmoptions、idea.exe.vmoptions和ActivationCode文件，并安装idea！GitHub地址：https://github.com/flyku/javaIntellijIdea.git第一步：安装 Intellijidea第二步：破解 1、打开安装...
2019-08-27 09:33:38
414
1
原创 理解闭包
关于javascript闭包中的this对象我们知道，this对象是运行时基于函数的执行环境绑定的： 在全局函数中， this等于window，而当函数被作为某个对象的方法调用时， this等于那个对象。《 Javascript高级程序设计》在下面的例子中， 理解闭包中的this对象。复制代码```***var name = "The Window";var object = ...
2019-08-25 14:23:08
83
原创 深刻理解React和Redux的区别
学会用自己的思想来理解React和Redux不能光听别人描述名词，理解起来是很困难的。从需求出发，看看使用React需要什么：1. React有props和state: props意味着父级分发下来的属性，state意味着组件内部可以自行管理的状态，并且整个React没有数据向上回溯的能力，也就是说数据只能单向向下分发，或者自行内部消化。理解这个是理解React和Redux的前提。2....
2019-08-25 14:06:58
1190
原创 js常用语句解析
1、if语句if (condition){statement1} else {statement2}2、do…while语句：后测试循环语句。（循环体内的代码至少会被执行一次）do {statement} while (expression);3、while语句：前测试循环语句。（有可能循环体内的代码永远不会被执行）while (expression) {statement...
2019-08-25 13:58:29
208
原创 js操作符
操作符：操作对象时， 相应的操作符都会调用对象的valueOf() 和toString() 方法；1、 一元操作符： 只能操作一个值的操作符。递增和递减操作符： var age = 29; ++age 相当于：age = age + 1; --age 相当于：age = age - 1; PS:执行前置递增或递减操作时，变量的值都是在语句被求值之前改变的。 var age = 29...
2019-08-25 13:55:19
157
原创 ES5基本数据类型解析
一、js简介js组成部分（1995.2-1997.5（第一版ECMAscript））1、核心 ECMAscript2、DOM 文档对象模型 Document Object Model3、BOM 浏览器对象模型 Browser Object Model二、html中使用jsscript元素的六个属性1、async 可选 表示应该立即下载脚本，只对外部脚本文件有限...
2019-08-23 17:25:59
1375
原创 js设计模式五大类总结
// 第一大类、创建型设计模式==一类处理对象创建的设计模式{ // a、简单工厂模式（又称：静态工厂方法） function creatObj(name, time, type) { var o = {}; o.name = name; o.time = time; o.type = type; o...
2019-08-21 17:19:45
304
原创 react
react学习注意事项1,组件名称必须首字母大写，为了和dom元素区分2，警告:组件的返回值只能有一个根元素。这也是我们要用一个来包裹所有元素的原因3， ReactDOM.render只更新需要更新，不会全部刷新domfunction Welcome(props) { return <h1>Hello, {props.name}</h1>; } ...
2019-08-20 11:00:03
62
原创 js三座大山
#1、原型与原型链，#2、作用域及闭包，#3、异步和单线程，原型与原型链说到原型，就不得不提一下构造函数，首先我们看下面一个简单的例子：function Dog(name,age){ this.name = name; this.age = age;}let dog1 = new Dog("哈士奇",3);let dog2 = new Dog("泰迪",2);...
2019-08-20 10:55:14
1638
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人