自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

我是小奶音啊的博客

不会敲代码的程序员不是一个好的追星女孩

  • 博客(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

原创 前端图片HTTP请求的各种情况示例

前端图片HTTP请求的各种情况示例别的大神整理的,nice

2020-03-06 22:49:49 269

转载 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中事件是否支持冒泡

2020-03-04 19:49:56 475

原创 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

原创 JavaScript 闭包

a会被一直保留在fns中

2020-02-20 19:24:23 136

原创 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

前端技术分享-前端文件上传(大文件分片).pptx

公司要求每周都要分享,自己当时分享的前端文件上传,希望能给大家一点参考

2021-04-01

前端技术分享-Electron入门教程

公司前端分享Electron

2021-11-04

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除