- 博客(99)
- 资源 (2)
- 收藏
- 关注
原创 域名解析 以及 部署阿里云
1、域名解析在阿里云找到域名控制台,点击解析绑定公网IP地址域名可以访问,但是这时候网站还没有和域名绑定,显示80端口默认的页面2、nginx配置使用ftp连接阿里云屏蔽默认80端口的页面因为直接访问域名的话会默认使用80端口,80端口会显示下面这个页面修改nginx.conf代码,注释掉80端口对应的代码修改代码先从从服务器在本地修改完然后在上传到服务器 ,还有一种可以使用vim的方法可以直接修改服务器代码,下面会讲到。注意:修改完配置文件是要重启nginx的,使用nginx
2020-08-07 22:52:59
798
原创 react-redux的源码分析
react-redux的源码分析这里简单带着大家看一下react-redux的源码:但是第一因为这个教程不是讲源码为主的教程(穿插讲解部分源码),所以源码只会阅读核心的部分;另外我经常会说,整个社区在hooks出现后大量的库转向了hooks,所以在源码中会出现大量的hooks代码;因为某些hooks的作用在这里也不方便解释(可以学习完hooks之后再详细阅读);首先,我们简单看一下Provider的源码:使用了一个useMemo来返回一个contextValue的对象;这里使用useMe
2020-08-01 17:48:34
348
原创 vue中的.passive修饰符的作用以及应用场景
passive这个修饰符会执行默认方法。你们可能会问,明明默认执行为什么会设置这样一个修饰符。这就要说一下这个修饰符的本意了。浏览器只有等内核线程执行到事件监听器对应的JavaScript代码时,才能知道内部是否会调用preventDefault函数来阻止事件的默认行为,所以浏览器本身是没有办法对这种场景进行优化的。这种场景下,用户的手势事件无法快速产生,会导致页面无法快速执行滑动逻辑,从而让用户感觉到页面卡顿。通俗点说就是每次事件产生,浏览器都会去查询一下是否有preventDefault阻止该次事
2020-07-03 20:44:34
2254
原创 vue递归组件的理解
vue的官网递归组件的解释https://cn.vuejs.org/v2/guide/components-edge-cases.html#%E9%80%92%E5%BD%92%E7%BB%84%E4%BB%B6但是解释的例子不是很明确,下面我补充了一个例子,可以详细的理解递归组件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vi
2020-07-03 16:20:10
434
原创 前端团队协作开发git流程
开始1、git软件下载下载地址https://git-scm.com/downloads选择对应的操作系统进行下载,安装的过程中选择默认值,一直点击下一步即可。安装完成后,点击鼠标右键会多出两个选项,代表安装成功,点击Git Bash Here可以进去git命令行工具。输入git --version即可查看当前git版本2、git的工作流程git主要分为三个部分:git仓库:主要存放提交记录暂存区:临时存放被修改文件工作目录:被git管理的项目目录开发者使用git时,需要先将工
2020-07-02 11:06:20
1388
原创 vue实现购物车全选 批量删除价格计算等功能
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="./vue.js"></scrip
2020-07-01 08:51:35
2027
原创 websocket实现聊天室功能
客户端index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #ms
2020-06-28 16:38:52
350
原创 h5大前端常用网站以及npm模块整理
全球大前端技术大会https://gmtc.infoq.cn/2019/beijing/node.js基础总结https://lurongtao.gitee.io/felixbooks-gp19-node.js/basics/01-Node.js%E5%9F%BA%E7%A1%80.html案例代码https://gitee.com/lurongtao/gp19-coursesexpress官网https://www.expressjs.com.cn/这个翻译的版本比较好http://ca
2020-06-26 08:51:44
5443
原创 node.js express框架的使用
npm init -y安装 npm i express -S创建server.jsmuter是上传图片的
2020-06-25 17:25:44
251
原创 nodejs常用内置模块、路由、静态资源服务
node常用内置模块这里介绍几个常用的内置模块:url, querystring, http, events, fs, stream, readline, crypto, zlib1、url1.1 parseurl.parse(urlString[, parseQueryString[, slashesDenoteHost]])const url = require('url')const urlString = 'https://www.baidu.com:443/ad/index.html?
2020-06-24 22:25:04
628
原创 JavaScript实现对象或者数组的深拷贝(深复制或者深克隆)
//深克隆function deepClone(obj){ var cloneObj //当obj是一个简单值时 if(obj && typeof obj!=='object'){ cloneObj=obj console.log("plain value") } //当obj是对象或者数组的时候 else if(obj && typeof obj==='object'){ co
2020-06-22 20:29:18
297
原创 JavaScript实现2[abc]2[e]3[df]转换为abcabceedfdfdf
第一种方法var str="2[abc]2[e]3[df]";str=str.match(/\d+\[[a-zA-Z]+?\]/g).reduce(function(value,item){ var arr=item.match(/(\d+)\[([a-zA-Z]+?)\]/).slice(1); return value+arr[1].repeat(Number(arr[0]));},"");console.log(str);第二种方法var str="2[abc]2[e]
2020-06-10 08:25:45
328
原创 javascript常用正则验证
正则验证密码 (包括数字大小写字母)8-16位/^(?=\D+[0-9])(?=.*[a-z])(?=.*[A-Z])[a-zA-Z0-9]{8,16}$/
2020-06-06 20:43:53
728
原创 js实现计算某段代码的运行时间
1、使用数组的方法 var obj = { list: [], ids: 0, start: function () { this.ids++; var _time = new Date().getTime(); this.list.push({ id: this.ids, time: _time }); return this.ids; }, end: function (id) {
2020-05-23 22:58:30
1249
原创 reactnative项目创建(node版本切换)
1、搭建项目安装expo-clinpm install -g expo-cli创建项目expo init projectName
2020-05-22 08:35:17
809
原创 typescript学习文档
看到别的大神整理的https://lurongtao.github.io/felixbooks-typescript/
2020-04-29 12:06:53
359
原创 react 超清晰文档整理
关于ReactReact的起源和发展React 起源于 Facebook 的内部项目,因为该公司对市场上所有 JavaScript MVC 框架,都不满意,就决定自己写一套,用来架设Instagram 的网站。做出来以后,发现这套东西很好用,就在2013年5月开源了。React与传统MVC的关系轻量级的视图层库!A JavaScript library for building user ...
2020-04-23 18:11:26
591
原创 ant-design官网打不开 , 需要用镜像地址打开
如果网络不好的时候ant-design 的官网很难打开的 ,用下面的镜像地址就可以打开啦ant-design 官网镜像地址:http://ant-design.gitee.io/index-cnant-design-pro镜像地址:http://ant-design-pro.gitee.io/index-cnantd-mobile镜像地址:https://antd-mobile.git......
2020-04-22 18:58:07
15251
2
原创 react移动端常用工具和常用配置整理
移动端组件antant官网地址https://ant-design.gitee.io/docs/react/introduce-cn后续继续补充…
2020-04-21 16:55:29
635
原创 vscode如何快捷键一键生成vue模板
一、点击File—>Preferences---->User Snippets二、然后会出现一个输入框,输入vue然后回车三、会出现一个vue.json的文件四、然后在该文件内配置如下代码,也可以按照自己的需求配置vue.json 文件{ // Place your snippets for vue here. Each snippet is defined und...
2020-04-18 18:16:37
20070
3
原创 Vue CLI3 开发vue移动端常用工具和常用webpack配置整理,vue服务端渲染
移动端组件库mint-ui 官网:https://mint-ui.github.io/#!/zh-cn第三方插件better-scroll
2020-04-17 22:38:56
359
原创 vue react移动端解决1像素边框的适配问题
@mixin border_1px($color) { position: relative; @media (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5) { &::before { content: " "; position: absolute; ...
2020-04-10 23:16:58
448
原创 npm报错:A complete log of this run can be fund in: C\Users\administrator\AppData\Roaming\npm-cache_log
报错信息: A complete log of this run can be fund in: C\Users\administrator\AppData\Roaming\npm-cache_logs\2020-04-10T13_12_31_614Z-debug.log用npm install安装依赖,试了很多次都报错,包括使用cnpm yarn都不可以解决办法:1.将node_modu...
2020-04-10 22:06:24
1548
原创 vuex从入门到出门
一般在大型的项目中,通常会用到vuex来管理,那么vuex到底是什么呢?一、什么是vuex官方文档解释:Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单来说,一般在大型的项目中,如果有多个组件之间传值,频繁的调用使用组件传值会使数据变得不好管理。为此vue提供了一个可以统一管理的...
2020-04-06 23:12:58
139
原创 vue组件之间数据传递的几种方式
一、props emit缺点:如果组件嵌套层次多的话,数据传递比较繁琐provide inject (依赖注入)缺点:不支持响应式this.$root this.$parent this.$refsevent-bus 事件总线不支持响应式...
2020-04-06 22:29:04
507
原创 node.js使用文档+webpack+MongoDB搭建服务器
起步什么是node.js定义:基于chrome v8引擎的javascript 运行环境特点:事件驱动,非阻塞式I/O的模型,轻量和高效,单线程、单进程nodejs能做什么?可以解析js代码(没有浏览器安全级别的限制)提供很多系统级别的API:文件的读写进程的管理网络的通信。。。v8谷歌开源的一个高性能 JavaScript 引擎采用 C++ 编写Google Chro...
2020-03-17 21:29:43
4106
原创 当使用flex时 设置一行不超出需要设置宽度为0
flex:1; width:0px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
2020-03-10 19:28:45
649
原创 gulpInst.start.apply(gulpInst, toRun)报错
解决方法执行npm i -g gulp-cligulpInst.start.apply(gulpInst, toRun);^TypeError: Cannot read property ‘apply’ of undefined
2020-03-09 21:28:10
1580
3
转载 JavaScript常见的请求头和响应头
1 请求(客户端->服务端[request])GET(请求的方式) /newcoder/hello.html(请求的目标资源) HTTP/1.1(请求采用的协议和版本号)Accept: /(客户端能接收的资源类型)Accept-Language: en-us(客户端接收的语言类型)Connection: Keep-Alive(维护客户端和服务端的连接关系)Host: localh...
2020-03-06 20:49:06
1059
原创 JavaScript ES5继承
前言es6的继承class Box{ constructor(){ } play(){ } } class Ball extends Box{ constructor(){ super(); ...
2020-02-24 20:12:37
150
原创 JavaScript ES5的类和原型
ES5的类和原型在es5中,如果函数作为构造函数使用,也就是要通过new实例化,就需要将函数的首字母大写实例化的对象 --------> proto 原型链类(构造函数)---------> prototype 原型首先来看一下写在对象上的属性方法和写在原型上的属性方法有什么区别?1、写在对象上的方法:b对象有play方法,c对象没有play方法,所以无法调用play...
2020-02-20 23:18:03
198
原创 JavaScript 回调和递归
一、回调函数在一个函数中执行另外一个函数,并且这个另外的函数必须以参数方式传入的,这个另外的函数就是回调函数function fn(fn1){ fn1(); }fn(function(){ console.log("aa");})回调函数的特点:函数中不关心回调函数做了什么,也不关心回调函数是谁,只需要在需要执行的时候执行它回调函数中this的指向将会重...
2020-02-20 21:33:28
231
原创 setter和getter访问器属性
前言刚开始学习对象时,对象有2个部分,第一个是属性,第二个是方法属性对应的是一个值,方法对应的是一个函数,也就是一个执行步骤set和get能够实现对象的属性特种和对象的方法特征,可以存储值,也可以执行多条语句 set get 访问器属性,也叫setter/getter 如果只写set方法,不写get方法,这个属性是一个只写属性,不可读 如果只写get方法,不写set方...
2020-02-19 23:44:48
766
原创 js中的this指向
js this指向1-----全局中this指向windowconsole.log(this);//window function abc(){ console.log(this);//window}2-----对象中的this对象中属性的this,指的是外层的this,因为这时候对象还没有创建完成对象中的方法是在对象执行完成以后才调用的.所以this就是当前对象...
2020-02-19 21:17:51
545
原创 4. call apply bind函数的执行
call 和apply都可以执行函数在window上添加如果使用call或者apply,第一个参数时null就意味着将函数中this重定向到window
2020-02-19 01:09:49
170
原创 3.对象的方法
freeze()冻结对象冻结的对象不能删除,重新设置属性,也不能重新设置属性的描述对象obj自身可以删除,不可以删除属性可以用做复制,并且复制后的属性是可以删除可修改的首先判断对象有没有原型属性a,如果有,还需要看原型属性a是否冻结,如果冻结,则不能增加对象属性(包括设置不可修改属性)2----Object.is等同于三个等号false new创造一个数值型对象Obj...
2020-02-18 23:17:06
162
原创 2.对象的属性(描述对象)定义和获取
1–对象的定义1–简单的2–属性描述对象当定义set和get时,不能定义value和writable属性get必须有返回,set必须有参数2----对象的获取for in可以遍历所有的可枚举属性浅紫色是不可枚举属性1----将可枚举属性设置为不可枚举属性当不需要遍历abc时,把abc设置为不可枚举属性object assign只能复制对象的可枚举属性2----将...
2020-02-17 22:06:25
551
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅