- 博客(24)
- 收藏
- 关注
原创 引入antd时出现报错信息为cannot font module './locale'
引入antd时出现报错信息为 cannot font module './locale’标题为什么出现此类问题呢?新版本里local文件的路径已经改了,但是antd使用的时候没锁定moment的版本号。moment插件更新之后的问题,安装一下老版本就好了解决方法?npm i moment@2.24安装2.24的版本就行...
2020-05-04 08:38:49
192
原创 js对象取值的时候 . 与 [ ] 的区别
一般对象的取值有两种方式,但是有什么区别呢?接下来举个例子var obj = {a:1,b:2,c:3}for(var key in obj){ console.log(obj.key)//会打印输出3个undefined,取不出值 console.log(obj[key])//会打印出1,2,3}它们两种取值方式,一般情况下都是可以的,但是通过上述例子可知,当是一个变量的时...
2020-04-24 21:31:23
929
原创 redux中间件之redux-thunk
为什么使用中间件?在redux的actionCreators里面只能做一些同步的操作,reducer只能是个纯函数,也没办法进行操作,但是后续如果需要做一些异步请求,就没办法实现了。此时就需要安装一些redux的中间件,来帮助我们实现异步操作,例如redux-thunk, redux-saga, redux-promiseredux的中间件?它是在actionCreators创建的acti...
2020-04-22 17:36:01
174
原创 vue-router
vue-routervue中会使用官方提供的vue-router插件来使用单页面,原理就是通过检测地址栏变化后将对应的路由组件进行切换(卸载和安装)简单路由实现1.若在vue-cli脚手架中没有安装vue-router,则可以通过以下命令的一种进行安装cnpm install vue-router -Syarn add vue-router -Snpm install vue-rout...
2020-03-29 22:48:13
137
原创 vue-cli脚手架
vue-cli使用现在使用前端工程化开发项目是主流的趋势,也就是说,我们需要使用一些工具来搭建vue的开发环境。一般情况下我们都会选择webpack进行项目的构建,在这里我们直接使用vue官方提供的,基于wenpack的脚手架工具进行项目开发。注意:要求node.js版本是8+安装方法全局安装vue-clinpm install -g @vue/cli 或者yarn global a...
2020-03-26 21:36:43
115
原创 vue中的自定义指令
自定义指令可以使我们对普通的DOM进行底层的操作1.自定义指令的注册例如:你想要在页面加载时,表单元素获取焦点,也就是说,只要你在打开这个页面后还没电吉国任何内容,这个输入框就已经处于聚焦状态//注册一个全局自定义指令Vue.directive('focus',{ inserted:function(){//当元素被插入到DOM中时 el.focus()//聚焦元素 }})...
2020-03-25 23:06:16
154
原创 vue中的生命周期
每一个组件或者实例从创建到销毁的一系列过程叫做组件的生命周期vue在整个生命周期里面提供了一些函数,可以在内部实现一些业务逻辑, 并且这些函数会在一些特定的场合下去执行,(在生命周期的某一个时刻进行触发)组件或者实例的生命周期钩子函数大致可以分为三个阶段:初始化,运行中,销毁初始化阶段:beforeCreate created beforeMount mounted运行...
2020-03-24 21:43:24
121
原创 vue中的虚拟dom
什么是虚拟dom?Virual DOM 使用js对象记录一个dom节点的副本,当dom发生更改的时候,先用虚拟dom进行diff算法的比较,算出最小差异,然后再修改真实DOMvue中虚拟dom的具体实现1.在内存中先生成一颗虚拟dom树2.将内存中的虚拟DOM树创建为真实的dom树3.如果真实dom树中的数据发生改变4.会将之前的虚拟dom树结合新的数据生成新的虚拟dom树5.将新...
2020-03-23 22:46:28
226
原创 vue中的计算属性computed和监听器watch
计算属性computed当你有一些数据需要随着其它数据变动而变动时,就可以采用computedcomputed计算属性在写法上事写成一个函数的形式,但是在调勇上面不能加括号!因为它是计算属性,不是一种方法。下面是computed的用法 ,比如要监听num值的2倍的效果,这个变量的改变,而在msg这个变量改变的时候不会进行num的相关操作<div id="app"> ...
2020-03-19 22:08:54
216
原创 vue双向数据绑定原理
vue是一个前端js框架vue是渐进式javascript框架,渐进式的意思就是,需要用到什么功能的时候,在生态圈里面下载什么功能模块MVVM模式M:modelv:viewvM:ViewModel为什么model曾数据变化的时候,vm就可以知道数据发生变化了呢?vue的双向数据绑定原理vue在创建vm的时候,会将数据配置在实例中,然后通过Object.defineProperty方...
2020-03-18 18:25:58
122
原创 EXPRESS
标题nodejs库,不用基础做起,工作简单化,点击进入官网,类似的还有koa特点二次封装,非侵入式,增强型搭建web服务let express=require('express')let server=express()let server.listen(端口,地址,回调)静态资源托管server.use(express.static('./www'));接口响应server....
2020-03-17 22:31:13
91
原创 node + mongodb客户端
安装+引入npm install mongodb -Svar mysql = require('mongodb');实例化并连接let mongoCt = mongodb.MongoClient;mongoCt.connect('协议://地址:端口',回调(err,client)) //err 错误 client链接后的客户端连接库和集合let db = client.db('库...
2020-03-16 22:31:31
114
原创 mongodb的安装及使用
mongodb的介绍非关系型数据库,又叫nosql,缓存型,使用场景多是解决大规模数据集合多重数据种类下载安装帮助下载之后的注意事项下载完文件之后,只需一路傻瓜式的进行安装即可,安装完之后,找到安装的目录,在里面新建一个名为data的空文件夹,在这个文件夹里再建一个名为db的文件夹2.服务端启动:在黑窗口找到安装目录>mongodb --dbpath 路径 (回车)例如我...
2020-03-13 22:25:41
96
原创 token的思想及使用方式
token思想在服务端不需要存储用户的登陆记录,全部将信息发送给客户端自己存储(cookie或者localstroage)1.客户端输入用户名和密码进行请求登录2.服务端接受到请求,都数据库进行验证用户名和密码3.验证成功之后,服务端返回给客户端一个加了密的token4.客户端收到token之后将其存到cookie或者localstroage中5.客户端每次向服务端发起请求的时候需要...
2020-03-12 20:54:08
305
原创 session
session思想1.客户端输入用户名和密码请求登录2.服务端收到请求,去数据库进行验证用户名和密码3.验证成功之后,服务端种一个cookie或发一个字符到客户端,同时服务器保留一份session4.客户端接收到响应以后可以把收到的字符存到cookie5.客户端每次向服务端请求资源的cookie会自动携带6.服务端收到请求,然后去验证cookie和session,如果验证成功,就像客户...
2020-03-11 22:15:23
97
原创 包管理器 yarn 和 bower
yarn,bower和npm一样都是包管理器用来帮助我们安装模块(包),自动安装依赖,管理包(增、删、更新、项目所有包)yarn官网安装在官网下载完会有一个.msi的后缀文件,双击,一路点击下一步即可安装去官网安装注意:尽量不要使用npm i yarn -g 去安装yarn,去下载压缩包,保证注册表和环境变量的硬写入,后期通过yarn安装全局包时方便。使用初始化一个新项目yar...
2020-03-10 20:57:41
263
原创 详解 npm
了解npm+ 什么是npm? =>是node的生态系统的一部分 =>是包管理器,专门管理相关的一些插件+ npm的安装,检测和卸载? => + 安装: 当你安装 node 的时候, 就会伴生安装的一个 “软件”(工具) + 检测: 打开命令行, 输入指令 `$ npm --version` 或者 `$ npm -v`, 出现版本号就...
2020-03-10 12:27:02
133
原创 node.js的静态资源托管
//静态资源托管//1.导入模块let http = require('http')let fs = require('fs')//2.创建服务let app = http.createServer((req,res)=>{ //排除/favicon.ico的请求,地址前的小图标 if(req.url.indexOf('/favicon...
2020-03-09 20:43:32
615
原创 jQuery全选反选按钮的实现
jQuery实现全选反选css样式 <style> * { margin: 0; padding: 0; } .box { width: 200px; border: 10px solid #333; margin: 50px auto; ...
2020-03-07 14:03:26
1081
原创 数组方法集合
改变原数组的方法push,pop,shift,unshift,sort,reverse,splicevar arr = [];arr.push(10);在数组的最后一位添加数据10,添加个数多少都可以,返回长度arr.push(4,3,2,'nihao');arr.pop()//传参没用,把最后一位进行剪切arr.shift()//在数组前面剪切,传参没用,返回剪切的元素arr.u...
2020-03-06 16:18:14
148
原创 本地json数据的模拟
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Comp...
2020-03-05 22:38:56
685
原创 jQuery的筛选器以及特殊选择器大全
jQuery的优点无所不能的选择器无处不在的隐式迭代无与伦比的链式编程jQuery 的特殊选择器1. :first 获取第一个 2. :last 获取最后一个 3. :eq(数字) 获取索引为 n 的那一个 4. :odd 获取索引为 奇数 的那些 5. :even 获取索引为 偶数 的那些jQuery 的筛选器 1.fi...
2020-03-03 22:24:55
275
原创 详解css的预编译语言sass
sass是css的预编译语言,比css更高更快更强将sass语言写在后缀为 .sass 或者 .scss 的文件里面。.sass文件 和 .scss 文件的区别 在.scss文件里面和写css语法基本一致 在.sass文件里面就没有大括号和分号,全部依靠缩进来维持关系 这两个文件被编译成css文件以后是一样的sass工具编译 .sass 和 ...
2020-02-28 12:57:02
592
原创 js闭包
了解闭包:闭包最简单的描述就是ECMAScript允许使用内部函数–即函数定义和函数表达式位于另一个函数的函数体内。要很好的了解闭包,首先了解函数,函数分为三个阶段,函数定义阶段,函数调用阶段,函数的调用。函数定义阶段: 1.在内存中开辟一个存储空间 2.把函数体内的代码当作字符串一摸一样的放在这个存储空间中, 碰到的所有变量都不进行解析 3.把这个空间地址赋...
2020-02-23 14:29:45
219
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人