- 博客(33)
- 收藏
- 关注
原创 开始撸lodash源码
Lodash :一个一致性、模块化、高性能的JavaScript 实用工具库。近期开始撸lodash源码,有所收获会发布到该博客附带lodash的GitHub链接以及中文文档地址
2020-06-05 11:32:21
398
原创 支付宝小程序禁止分享与收藏
my.hideShareMenu(); 禁止分享my.hideAllFavoriteMenu(); 禁止收藏配带官网链接禁止分享禁止收藏
2019-10-30 17:04:22
1661
原创 react获取HTML结构,并正常渲染标签
React 正常显示 Html 代码: dangerouslySetInnerHTML在工作中、项目中,有时候我们会遇到后端发来的数据为html结构,我们需要把他们正常渲染出来。我们有两种方法:使用原生方法:innerHTML:会写入内容并覆盖原内容- 我们可以使用它来获取和写入某个元素标签的内容 // 结构 <div class="box"> <div ...
2019-09-17 11:39:19
2586
转载 VSCode 编辑器使用
VSCode简介VSCode 是什么Visual Studio Code(简称 VSCode )是一个轻量但非常强大的代码编辑器,开源免费,适用于 Windows、macOS 和 Linux 系统。它内置了对 JavaScript ,TypeScript 和 Node.js 的支持,并为其他语言(如 C ++,C#,Java,Python,PHP,Go 等)提供了丰富扩展插件。VSCode ...
2019-09-07 22:54:13
499
原创 React 生命周期中 对setState的调用
React 组件的生命周期函数是 react 的基础知识,如果有不熟悉的可以看官方文档 或我的另一篇博客挂载或卸载过程涉及到三个函数:componentWillMount - 组件即将挂载、componentDidMount - 组件挂载完成、componentWillUnmount - 组件即将卸载。这些函数都只会在组件初始化或者卸载时运行一次。组件更新时涉及到四个函数:...
2019-08-09 15:12:20
3952
2
原创 git 的安装和常用命令
git简介管理项目文件,以及可提供多人协同工作。git是分布式版本控制系统,同一个git仓库,可以分布到不同的机器上。最早,肯定只有一台机器有一个原始版本库,此后,别的机器可以“克隆”这个原始版本库,而且每台机器的版本库其实都是一样的,并没有主次之分。安装gitMac有两种安装git的方法。安装homebrew,然后通过homebrew安装git,具体方法请参考homebrew的文档:...
2019-08-03 18:48:37
163
原创 React中数据获取为什么要在componentDidMount里面调用?
constructor()constructor是作组件state初绐化工作,并不是设计来作加载数据的。constructor()中获取数据的话,如果时间太长,或者出错,组件就渲染不出来,整个页面都没法渲染了。componentWillMount()如果使用SSR(服务端渲染),componentWillMount会执行2次,一次在服务端,一次在客户端。而componentDid...
2019-07-11 09:40:26
608
1
原创 搭建vue开发环境的步骤
有的小伙伴最开始搭建vue之后,再次搭建就发觉有点忘了。这次总结一下流程搭建vue的开发环境之前,一定一定要先下载node.js,vue的运行是要依赖于node的npm的管理工具来实现,node可以在官网或者中文网里面下载,网址:http://nodejs.cn;2. 下载好node之后,打开docs管理工具,先看看node安装成功了没有,输入 node -v ,回车,会输出node的版本号...
2019-07-03 09:51:09
1100
1
原创 页面导入样式时,使用link和@import有什么区别
(1)link属于XHTML标签,除了加载CSS外,还能用于定义RSS, 定义rel连接属性等作用;而@import是CSS提供的,只能用于加载CSS;(2)页面被加载的时,link会同时被加载,而@import引用的CSS会等到页面被加载完再加载;(3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题;(4)link支持使用js控制DOM...
2019-07-02 08:57:06
182
原创 反向代理 proxy 配置
"proxy": { "/api": { "target": "http://h5.jumei.com", //路径 "changeOrigin": true //替换 "pathRewite": { // 重定向,路径重写 "^/api" : "/" //^首匹配 } } }...
2019-06-22 15:53:20
1168
转载 css-reset重置浏览器默认设置
最常用html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, stron...
2019-06-21 21:53:21
467
原创 redux,react-redux使用基础流程,redux使用基础
react-reduxreduxredux也是一个架构思维, 在这个架构思维中 React 充当是 视图 V先来看图:Store 数据的管理者和数据的存储者actionCreators 动作的创建者和发送者,发送动作给 reducersreact Components 组件( 用来充当视图层 ),进行用户交互reducers 数据的修改者,返回一个新的 ...
2019-06-21 21:22:35
248
原创 Mobx-状态管理工具
Mobx自己管理,自己总结,知识梳理startMobx是一个功能强大,上手非常容易的状态管理工具。redux的作者也曾经向大家推荐过它,在不少情况下可以使用Mobx来替代掉redux。Mobx流程图这张图来自于官网,把这张图理解清楚了,对于mobx的理解就算入门。官网有明确的核心概念使用方法,并配有egghead的视频教程。要特别注意当使用 mobx-react 时可以定义一个新的...
2019-06-21 15:51:50
1059
转载 js中宏任务 && 微任务
话不多说,首先先看一段代码setTimeout(function(){ console.log('1') }); new Promise(function(resolve){ console.log('2'); resolve(); }).then(function(){ console.log('3')...
2019-06-20 08:58:28
1162
原创 react-flux,flux前端框架
Flux在2013年,Facebook让React亮相的同时推出了Flux框架,React的初衷实际上是用来替代jQuery的,Flux实际上就可以用来替代Backbone.js,Ember.js等一系列MVC架构的前端JS框架。其实Flux在React里的应用就类似于Vue中的Vuex的作用,但是在Vue中,Vue是完整的mvvm框架,而Vuex只是一个全局的插件。契机:React只是一个...
2019-06-19 22:40:57
486
原创 react的生命周期
组件的生命周期React中组件有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化、运行中、销毁、错误处理(16.3之后)初始化在组件初始化阶段会执行constructorstatic getDerivedStateFromProps()componentWillMount() / UNSAFE_componentWillM...
2019-06-17 21:19:06
236
原创 js中的常用开发规范
Js规范语言规范声明变量必须加上 let 关键字.不要再使用 var优先使用箭头函数使用模板字符串取代连接字符串 ${a}+ ${b} ‘a’+‘b’使用分号如果仅依靠语句间的隐式分隔,有时会很麻烦,使用分号更能清楚哪里是语句的起止,而且有些情况下,漏掉分号会出 BUGvar a = 1 ;块内函数声明不要在块内声明一个函数如果确实需要,使...
2019-06-15 16:41:32
365
原创 移动端禁止网页缩放
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
2019-06-15 16:27:58
732
原创 react组件中数据的挂载方式
组件的数据挂载方式React中数据分为两个部分属性状态个人经验: 频繁变化的就写成状态属性(props)props是正常从外部传入的,组件内部也可以通过一些方式来初始化的设置,属性不能被组件自己更改,但是可以通过父组件主动重新渲染的方式来传入新的 props属性是描述性质、特点的,组件自己不能随意更改。两种设置方式:1. 外部传入2. 内部初始化设置总的来说,在使用一个组...
2019-06-13 21:38:32
1859
1
原创 前端的工程化和自动化
前端的工程化和自动化grunt gulp browserify webpack当今主流 webpack vue react angular当前市面 2 个版本webpack 3.0webpack 4.0webpack 41. webpack 基础认识官网地址官网: https://webpack.js.org/中文: https://www.webpack...
2019-06-11 22:15:13
564
原创 vue的过滤器---filter
过滤器:vue 1.x内部提供提供了 10 个过滤器, 这10个过滤器是针对 数字 纸币符号 日期 大小写 小数位数等的格式化什么叫过滤器?格式化数据的一个工具举例: 1. 12.22225 ---> 12.2 2. Tue May 28 2019 10:15:08 GMT+0800 (China Standard Time) -- > 2019/05/...
2019-06-10 09:01:01
132
原创 导航守卫又称为路由守卫
路由进阶部分 – 导航守卫( 路由守卫 )作用: — 类似 【保安】守卫路由进举例: 携带数据进出举例: 事情完成才能出导航守卫一共有三种形式全局导航守卫用的时候写在主文件中(main.js),全局的全局前置守卫 router.beforeEach(fn)fn中有三个参数//to:去往的目标点//from:当前的木标点//nex...
2019-06-10 08:52:27
498
原创 vue的生命周期
什么是生命周期?当前组件在创建到销毁经历的一系列过程,称之为生命周期生命周期的分为几个阶段?每个阶段有哪些钩子函数生命周期分为3个阶段,这三个阶段分别是: 初始化 、 运行中 、 销毁初始化阶段:有4个钩子函数 , 触发条件是自动的beforeCreate组件即将创建,进行组件事件和生命周期的初始化项目中一般不使用( 兵哥 )有的开发者也会在这里进行数据请求...
2019-06-10 08:49:35
147
原创 Vue.js开发的标准工具——CLI
首先一个问题 cli是什么?cli是vue提供的一个快速(自动化) 构建项目的一个脚手架 ,类似于 express-generatorcli的版本目前最新 3.x老版本是 2.xcli的底层的自动化工具是: webpackcli的安装:我们可以使用- npm/ - cnpm/ - yarn 三种方式这里推荐使用yarn的包管理工具$ yarn add @...
2019-05-30 21:56:51
317
原创 vue的自定义指令
自定义指令指令是用来操作DOM指令的使用形式: 属性自定义指令方式有两种:全局注册指令Vue.directive( 指令的名称, 指令的配置项 )局部注册指令directives: {‘指令名称’: 指令的配置项}指令的配置项提供了5个钩子函数钩子函数中的参数console.log( ‘el’,el ) // el 指令绑定的元素consol...
2019-05-29 22:01:55
171
原创 vue组件
组件Vue.js通过Vue.extend() 方法来扩展 组件的 使用 Vue.extend()Vue.extend( options ) 里面的options参数和 Vue(options) 的options参数几乎是一致的new Vue出来的 ViewModel( 视图模型 ) 也是一个组件,我们称之为 ‘根实例组件’ ,叫 ‘Root’ 组件Vue中...
2019-05-28 19:59:36
110
原创 前端数据请求:axios vs fetch
首先我们知道数据请求的类型有: get , post,head, put,delete,option,...等等数据请求在前端开发中的使用有两种形式使用原生javascript提供的数据请求:ajax( 四部曲,一般需要我们结合Promise去封装,使用不是很便利,但是效率很高 ) //四部曲: //1.创建ajax对象 var request = ...
2019-05-24 21:24:14
337
原创 mongoose操作数据库
mongoose是什么?Mongoose库是在node环境中操作MongoDB数据库的一种便捷的封装,一种对象模型工具,Mongoose将数据库中的数据转换为JavaScript对象以供你在应用中使用。安装mongoose通过:npm install mongoose 或 cnpm 都可。连接数据库使用mongoose连接数据库的前提条件是:1、mongo数据库已经运行。2、已经安...
2019-05-21 21:44:56
754
转载 Javascript 面向对象编程(一):封装
转载:本文转载至阮一峰的网络日志:大家可以直接去看看原文;Javascript是一种基于对象(object-based)的语言你遇到的所有东西几乎都是对象。但是,它又不是一种真正的面向对象编程(OOP)语言,因为它的语法中没有class(类)。一、 生成实例对象的原始模式假定我们把猫看成一个对象,它有"名字"和"颜色"两个属性。var Cat = { name : '', ...
2019-05-20 22:20:51
136
原创 MongoDB下载与安装
下载安装包:MongoDB官网地址:https://www.mongodb.com/MongoDB下载地址:https://www.mongodb.com/download-center#community选择适合自己系统的版本进行下载:根据系统下载 32 位或 64 位的 .msi 文件,下载后双击该文件,按操作提示安装即可。下一步看到上面的界面表示已经安装完成。安装完成后效...
2019-05-20 21:56:39
521
原创 前端异步流程工具之一:Promise原理
首先javascript语言是一门“单线程”的语言Promise是es6新增的一种异步编程的一种解决方案,它可以用来取Callback(回调函数)和event;Promise的用法:在new一个Promise函数的时候,Promise必须接受一个函数对象作为参数;在函数对象里又有两个参数,一个表示成功,一个表示失败 const P1 = new Promise (function( res...
2019-05-15 21:16:17
197
原创 模块/包 与Common.js
Node.js使用了Common.js规范Node.js中Common.js规范有三种使用类型:内置模块 path url fs precess 等等内置模块注重的是模块的使用。使用步骤;先引入模块,然后用一个变量保存这个模块var path = require( "path" );使用这个模块上的 api (方法);~例: path.join(); ...
2019-05-14 22:00:08
198
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人