- 博客(45)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 js 如何实现一个new操作符
要想实现new，要先知道new做了什么function Person(name, age){ this.name = name this.age = age}let gailun = new Person('gailun', 18)如上述代码，我们通过new创建了一个Person对象new做了哪些事情1、创建了一个空对象this2、给this添加__proto__ = Person.prototype3、向this身上添加属性，name age4、若..
2021-02-28 17:45:24
400
2
原创 vue 组件间通信汇总 ——父子组件通信 | 向后代传递数据 | 任意组件
1、常规父子组件通信 props 父 ——> 子 父通过自定义属性传递，子通过props接收 $emit 子 ——> 父 子通过this.$emit([event], value)传递， 子通过 @[event]='handleGetVal(value)' 接收2、父子组件通过实例通信 子组件拿到父$parent实例进而获取其data 父 ——> 子 父组件拿到子$children实例进而获取其data 子 ——&g...
2021-02-25 15:15:37
311
2
原创 vue 父组件与子组件生命周期函数的执行顺序
vue 生命周期及各阶段的状态加载渲染过程：父beforeCreated > 父created> 父beforeMount> 子beforeCreate> 子created> 子beforeMount> 子mounted> 父mounted子组件更新过程：父beforeUpdate> 子beforeUpdate> 子updated> 父updated父组件更新过程：父beforeUpdate&...
2021-02-25 13:39:51
305
原创 vue 生命周期及各阶段的状态
vue 生命周期及各阶段的状态 beforeCreate 创建组件实例之前 created 组件实例创建完成。未生成真实dom beforeMount 模板编译完成，尚未挂载（添加到页面） mounted 挂载之后，此时才能获取dom beforeUpdate 数据更新之前 updated ...
2021-02-25 13:13:18
442
原创 react 使用context方式向后代组件进行传值（react组件传值——context）
今天介绍一种在react种进行组件传值的方式——context需求有三个组件ABC，A为B父，B为C父。A中有一个数据username，要将它传给C组件。完整代码与效果首先看如下完整代码，我们再逐渐分析import React, { Component } from 'react'const MyContext = React.createContext()const {Provider} = MyContextexport default class A extends C
2021-02-24 18:05:24
535
原创 react实现路由懒加载 【lazy | Suspense | BrowserRouter】
react实现路由懒加载一般我们引入路由像import World from '../World' 这样引入而路由懒加载要使用lazy函数1、懒加载方式引入路由const World = lazy(() => import('../World'))2、使用Suspense只是像第一步那样还不够，系统会报错。首先明白一点：使用了懒加载之后加载路由的时机是点击对应的路由链接时开始发送请求引入路由组件。假如网速慢就要等待很长的时间，这时候需要显示正在加载中的文字或效果以提升.
2021-02-24 02:01:25
1409
1
原创 react初始化项目——如何初始化一个纯净、精简的react项目
react 默认创建出来的项目文件一大堆，默写文件我们从头到尾都不会用到，而且这些文件会干扰我们项目的开发，所以本文章将讲解怎样创建一个精简版的初始化项目1、创建项目在指定路径下执行如下命令创建react项目create-react-app demo2、删除部分文件刚创建完的项目结构如图所示可以选择性删除git和readme等文件清空public和src文件夹，即删除两者下的所有文件清理完的结构目录如下：3、添加index.html文件在public文.
2021-02-24 00:25:30
3097
原创 react BrowserRouter和HashRouter的区别
react中有两种路由模式，即BrowserRouter和HashRouterBrowserRouter 借用了H5的history APIHashRouter借用了url的hash值两者有何不同点呢？1、表现形式不同 hash地址栏带#2、兼容性不同。 browser由于h5的history API，不兼容IE9及以下 而hash使用的是url的哈希值兼容性好3、刷新对路由state参数的影响 browser没有影响，state...
2021-02-23 12:25:27
607
2
原创 react 向路由组件传递参数的三种方式
路由的基本使用let obj = {id:'001', name='gailun'}<Link to={`/home/${obj.id}/${obj.name}`}>{obj.name}</Link><Route path='home/:id/:name' component={Home}/>
2021-02-22 12:24:29
1964
5
原创 react 路由模糊匹配与严格匹配
我们一般使用react路由时，链接要与组件相匹配，如下使用<NavLink to='/home'>Home</NavLink><Route path='/home' component={Home}/>模糊匹配如下所示，当链接第一级路径能匹配上相应的组件，而链接后面再多几级路径也不会产生影响，依旧能正常匹配（当然链接路径少于组件路径时不能匹配，像to='/a/home/b'这样也无法匹配）<NavLink to='/home/a/b'>.
2021-02-22 11:27:49
1135
原创 react 路由导致的刷新页面样式丢失问题
如下是引入样式的代码<link rel='stylesheet' href='./css/bootstrap.css'>使用路由情况<NavLink to='/one/other'>other</NavLink><Route path='/one/other' component={Other}/>原因分析使用了类似多级路由的路由'/one/other'，请求样式时把前面的路径one也加入请求地址，而文件找不到，react默认会返
2021-02-22 11:00:31
1024
5
原创 清晰的git常用命令汇总
配置git config --global user.name xxxgit config --global user.email xxx@qq.comgit config --list提交git init 初始化仓库git status 查看文件状态git add 文件 追踪文件，将文件从工作区添加到暂存区git commit -m xxx 从暂存区添加到仓库git...
2021-02-21 22:26:24
116
原创 git如何使用命令git push就能将代码提交到远程仓库
git绝大多数人都了解过并且使用过但是很多人只会使用祖传的三步git add . git commit -m xxx git push origin master接下来我要说的并不是介绍其他命令，而是如何简化命令最后一步可能有人会抱怨为什么要打4个字母，能不能简化一下，没错，它确实能简化，且看如下演示：在第一次提交代码时带上 -u$ git push -u origin master那么以后提交代码直接使用git push就能提交代码啦！$ git push..
2021-02-21 20:04:10
1658
原创 promise.then 返回的新的promise状态与值是怎样决定的？
众所周知，一个promise调用then后会返回一个新的promise，那么这个新promise的状态与值如何？let promise2 = new Promise((resolve, reject) => { resolve(1)}).then( value => { console.log('success1',value) // return undefined //默认为undefined // return 1
2021-02-21 13:25:20
1837
2
原创 一个promise指定多个回调函数，它们都会被调用吗？
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！一个promise指定多个回调如下let p2 = new Promise((resolve, reject) => { resolve(1)})p2.then(value => { console.log('第一个', value)})p2.then(value => { console.log('第二个', value)})p2是一个成功的promis.
2021-02-21 13:08:30
574
原创 BFC的形成条件与能解决的问题
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！先解析一下BFC是什么BFC(block formatting context)块级格式化上下文定义：是web页面对盒模型采用不同的渲染模式，形成隔离的独立容器。BFC的形成条件1、根元素。html标签2、浮动元素float。除none3、定位元素position。absolute fixed4、display。inline-block table-cell table-captio...
2021-02-21 12:50:44
526
1
原创 css伪类选择器汇总
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！nth-child() 同级第n个且为某元素的元素nth-last-child() 同级倒数第n个且为某元素的元素first-child 同级第一且为某元素的元素last-child 同级最后且为某元素的元素only-child 同级下只有某元素的元素nth-of-type() 同级某元素的第n个nth-last-of...
2021-02-21 12:50:16
177
1
原创 js获取元素位置和大小的属性【offset | client | scroll】
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！以下所有属性都没有单位且都是只读的offsetdiv.offsetWidth/Height 自身可视区宽高(内容、padding、边框 、滚动条) div.offsetParent 为最近定位父元素，若没有则为body div.offsetLeft/Top 距离最近定位(相/绝)父元素边缘的距离，若没有则为相对于document的距离client...
2021-02-20 14:48:04
397
2
原创 网页图层创建的条件
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！网页图层创建的条件拥有3D变换的CSS属性使用加速视频解码的节点<canvas>节点拥有css加速属性的元素(will-change)...
2021-02-20 13:59:10
151
原创 http强缓存与协商缓存
前提知识浏览器加载资源时先看是否命中强缓存，若命中则不会发送http请求直接使用本地资源若未命中则发送http请求，看是否命中强缓存，若命中则不返回资源，使用本地资源，此时相应的状态码为304若未命中强缓存则返回资源，此时相应状态码为200强缓存：expire：GMT格式 （过期日期） http1.0cache-control： http1.1— max-age=时间戳 （保质期）expire和cache-control同时存在时，
2021-02-20 13:38:35
193
1
原创 前端性能优化总结
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~若有问题请留言或私信！1、使用CDN 和 缓存，强缓存和协商缓存（后端设置）2、减少http请求 1）代码压缩，图标使用iconfont 2）图片懒加载3、控制资源加载顺序 1）link放前面，提前加载，提前解析（异步加载解析） 2）script异步加载，使用async或defer4、加快解析速度 标签尽量避免深层嵌套，选择器避免过长5、减少回流 1）集中操作dom ...
2021-02-20 13:20:17
185
原创 html页面解析渲染过程详述
俺把俺的学习笔记都以文章的形式分享出来啦，点开主页查看更多文章哦~1、使用html解析器解析标签成token，并构建dom树2、遇到link标签创建新线程发送http异步请求获取css文件，页面继续解析3、若获取到css文件，使用css解析器解析css，页面继续解析4、遇到style标签，使用html解析器异步解析样式，页面继续解析（可能会出现闪屏）5、遇到script标签，若没有defer和async，阻塞页面解析，去发送请求获取js文件，获取后立即执行6、遇到defer或as.
2021-02-20 12:58:49
598
2
原创 ISO提出的OSI（Open System Interconnection）七层协议分层与各层的作用
应用层 为计算机用户提供接口和服务表示层 数据处理（编码解码，加密解密）会话层 管理通信会话传输层 管理端到端的通信连接网络层 路由选择数据链路层 管理相邻节点之间的数据通信物理层 数据通信的光点物理特性...
2021-02-20 12:47:44
242
原创 最全tcp协议与udp协议的区别
总所周知，tcp和udp都是传输层协议区别1、tcp面向连接 udp无连接2、tcp可靠 udp不可靠3、tcp面向字节流 udp面向报文4、tcp头部大 udp头部小5、tcp具有流量控制，拥塞控制 udp都没有6、tcp只支持点对点 udp支持一对一，一对多，多对一，多对多...
2021-02-20 12:39:54
900
原创 https的通信过程与加密原理概述
密钥：是一种参数，在明文转成密文或密文转成明文的算法中输入的参数。对称加密：又称私钥加密，即信息发送方和接收方使用同一密钥去加密和解密。 特点：算法公开，加密解密速度快，适合大量数据加密。 过程：明文+加密算法+私钥 => 密文 密文+解密算法+私钥 => 明文非对称加密：又称公钥加密。使用一对密钥，即公钥和私钥，一个用来加密一个用来解密。 缺点：加解密花费时间长，速度慢，适合少量数据加密。 过程：明...
2021-02-20 12:19:59
262
原创 在浏览器输入url后进行的过程
1、DNS解析，将域名解析为IP地址1）浏览器DNS缓存2）系统DNS缓存3）路由器DNS缓存4）运营商DNS缓存5）递归请求DNS服务器2、三次握手建立TCP连接3、发送请求报文：发送http协议的通信内容4、服务器接收处理并响应5、浏览器渲染页面6、四次挥手断开连接...
2021-02-20 12:01:09
140
原创 webpack如何处理type=‘text‘的input标签
自己写了一些css样式，经由webpack处理之后发现有一个输入框的效果消失了找到打包后的index.html文件，搜索input 发现type='text’消失了（其他的type是肯定不会删除的）而我的css样式使用了属性选择器，它把属性删了，理所应当的效果会消失。结论webpack会删除type='text’的input标签的type属性。所以使用webpack时，css及js文件中避免使用type='text’的属性选择器...
2021-02-11 16:49:27
333
1
原创 获取对象属性的三种方式【for in | Object.getOwnPropertyNames | Object.keys】
朋友们好 啊~先简单介绍一下两个方法1、Object.create(param1)以param1为原型创建一个空对象，即创建出来的对象的原型为param1详情参考 Object.create2、Object.defineProperty(obj, key, handler)通过handler对象操作obj对象上的key属性详情参考 Object.defineProperty创建一个对象let obj = Object.create({a:1})obj.b = 2Object.defin
2021-02-01 20:34:53
579
原创 算法：一个字符串只包含*和数字，把*放在开头【js实现】
问题描述假如有这样一个字符串'1*2*332**321*' 我们最终要把他变成这样*****12332321方法1如果用js的接口非常容易实现，如下代码：先转成数组，遍历数组。遇到 ‘*’，用数组的splice方法把它取出来，再用数组的unshift方法放到最前面function f1(str){ let arr = str.split("") for(let i=0;i<arr.length;i++){ if(arr[i] === '*').
2021-01-28 15:36:38
353
原创 css first-child伪类选择器详解
三种使用情况p:first-child 选中同级第一个并且为p的元素 p:first-child em 选中同级第一个并且为p的元素下的em元素 p em:first-child 选中所有p元素下，同级第一个且为em的元素first-child代码<style> p:first-child{ /* 同级第一个并且为p的元素 */ color: red; }</style><body> ...
2021-01-26 11:18:16
10477
2
原创 js（es6）实现二叉树的插入、前序遍历、中序遍历、后序遍历
基础1、在二叉树的遍历中，前中后是指父节点遍历的顺序2、三个遍历中，左子树永远比右子树先遍历前序遍历：根左右中序遍历：左根右后序遍历：左右中举例说明前序遍历：ABDC中序遍历：DBAC后序遍历：DBCAES6 代码实现节点类一个节点有左右指针和自身的value三个属性class Node{ constructor (data){ this.left = null this.right = null thi
2021-01-25 19:30:33
335
1
原创 实现向数据库中间插入数据
问题描述：假如现在有个学生表，表里有十条记录，现在要再添加一条记录a那么它会排在最后。现在想要实现一个功能就是能把这条记录a插入到数据的中间，如插入到序号为3和4的记录的中间。要实现这个功能要额外添加一个序号no字段，即使是使用的sqlite，mongodb这样本身有数据类型的id字段的数据库要需要添加一个no字段，原因有两点：1）本身的id字段不能重复，如果把记录a添加到3和4中间，要把记录a的id改为4,原先id大于等于4的都要加1,在这个过程中想要id不重复实现起来会比较复杂2）倘若还
2021-01-22 16:10:42
1682
3
原创 js(es6)实现单向链表——链表添加、删除、反转方法的实现
1、以下方法中，head指向的节点即头节点的下标（index）为0，即第一个有数据的节点的下标为1。2、以下方法中，未判断各种特殊情况，如下一个节点不存在的情况，因为如果下一个节点不存在，next为null，正好赋值给了尾节点的next，或正好中断了循环，完全符合逻辑，无需判断各种情况。3、以下方法未详细描述，可结合链表结构图理解代码
2021-01-16 20:09:14
823
原创 python (flask) 实现自定义装饰器
一、如下，实现一个名为admin_required的装饰器，将编写的代码语句把pass替换掉即可from functools import wrapsdef admin_required(): def decorator(f): @wraps(f) def decorated_function(*args, **kwargs): pass #在此处编辑 return f(*args, **kwargs)
2020-12-28 11:01:39
1174
原创 flask mail ConnectionRefusedError: [WinError 10061] 由于目标计算机积极拒绝，无法连接。
错误如上图所示。在windows环境下报这样的错误，在ubuntu下报另一个错误码。尝试了各种办法，检查了无数遍，搜遍了各大论坛，看过了各种答案，尝试了各种环境，更换了好几个邮箱，折磨了好几天就是解决不了。最后竟然是犯了个超低级错误，解决方案还是偶然间看到了一个没有赞的答案，幸亏有人和我犯了同样的错误。以下是我的错误代码，错误原因就是mail初始化过早，app的配置还没有完成就初始化了mail，应该将mail的初始化放在app配置下面！！！...
2020-12-07 21:17:22
3399
6
原创 如何更容易地记住圣杯布局与双飞翼布局
0、两种布局方式都是三列布局，且实现左右固定，中间自适应的效果。1、首先建立一个最基本的结构。“中”要在最前面。2、让三个盒子都左浮动。宽度：中100%，左右两个盒子给一定的宽度，如左300px，右200px。为了让盒子显示，给它们一个高度200px，以及分别设置背景色。然后看下效果：3、使它们在同一行。 让左盒子直接向上移动一行，贴着左边界。所以给左盒子设置margin-left: -100%（这里的100%就是父元素的宽度）。 效果如图，左盒子...
2020-08-01 10:20:53
221
原创 php做网址时的一些收获：php取消错误警告，php获取网站以及获取网站信息
最近在独立开发一个小网站，后端用的是php，由于php并没有怎么学过，一些简单的问题上网查查就解决了，但是还遇到一些不是很容易找到解决办法的问题，在此列取，以供以后参考，并分享。一、取消错误信息： 在php文件顶部添加：error_reporting(0); 有时我们不想要php的错误警告，比如在前端用ajax请求php以获取数据，为了保证数据的格式化，在php文件里就只打印相应的数据，不打印其他提示信息，因为其他提示信息不会打印在页面上，而是会返回到ajax的响应结果中...
2020-07-11 15:03:03
155
原创 使用注解方式即@WebServlet的 servlet和jsp页面交互的 相对路径 与 绝对路径 问题
在做jsp项目时遇到了路径问题，搜索出来的结果不详细不全面，于是自己做了实验并结合搜索结果得出了一些总结，以下结论亲测没问题，但有概率存在因疏漏而产生的错误一、四种请求：在sevlet与jsp页面的交互中无非存在四种请求 1、jsp 请求 servlet 2、servlet 重定向到jsp 3、servlet 重定向到 servlet 4、js...
2020-04-01 17:50:47
5310
1
原创 show_train_history() 版本错误 KeyError: 'acc', 'val_acc'，KeyError: 'accuracy'【python x 神经网络 x keras】
错误：KeyError: 'acc'，KeyError: 'val_acc'，或者是 KeyError: 'accuracy' ，KeyError: 'val_accuracy'解决方案：产生此问题的主要原因就是keras的版本不同(1)如果报错KeyError: 'acc'，KeyError: 'val_acc'，则将这两个参数改成 'accuracy'，'val_accur...
2020-03-30 15:06:21
3057
5
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人