chenzhuo997的博客

原创 Vue响应式内容丢失处理

若vue监听不到响应式可以这么赋值就把属性变成响应式属性了。1.解构赋值 this.a = { …2.可以使用object.assign重新赋值此变量。

原创 前端项目提示node版本问题解决

出现这个问题的时候，设置。

原创 github push提示Username for ‘https://github.com‘

github

原创 windows装机经验

纯记录使用

原创 gitlab flake8错误

git clone server certificate verification failed. CAfile: /etc/ssl/certs/ca-certificates.crt CRLfile1.export GIT_SSL_NO_VERIFY=1or2.git config --global http.sslverify false如果在linux终端不可以，在vscode终端运行则可以成功flake8

原创 有关vue路由跳转传值传不过去

如果用的是query传值，参数只有path就行了，加Name传不过去。

转载 new做了什么，this又是什么

使用关键字new创建新实例对象经过了以下几步：创建一个新对象 将新对象的_proto_指向构造函数的prototype对象 将构造函数的作用域赋值给新对象 （也就是this指向新对象） 执行构造函数中的代码（为这个新对象添加属性） 返回新的对象this的理解https://blog.csdn.net/qq_41696819/article/details/81735382...

原创 截取url中的参数，并且获取各个参数值

　var paramRequest = new Object();　　if (url.indexOf("?") != -1) {　　　 varstr=url.substr(1); //去除“？”，保留之后的所有字符　　　　var strs=str.split("&");//切割字符串，把每个参数及参数值分成数组　　　　for(var i=0;i<strs.length;i++){　　　　　　paramRequest[strs[i].split("=")[0]]=strs[i...

原创 TCP和UDP的区别

UDP TCP 是否连接 无连接 面向连接 是否可靠 不可靠传输，不使用流量控制和拥塞控制 可靠传输，使用流量控制和拥塞控制 连接对象个数 支持一对一，一对多，多对一和多对多交互通信 只能是一对一通信 传输方式 面向报文 面向字节流 首部开销 首部开销小，仅8字节 首部最小20字节，最大60字节 适用场景 适用于实时应用（IP电话、...

转载 有关CA证书之后的HTTPS

CA概述：Certificate Authority的缩写，通常翻译成认证权威或者认证中心，主要用途是为用户发放数字证书。CA认证的流程和公安局派出所颁发身份证的流程一样认证中心（CA）的功能有：证书发放、证书更新、证书撤销和证书验证。CA证书作用：身份认证，实现数据的不可否认性。证书请求文件:CSR是Cerificate Signing Request的英文缩写，即证书请求文件，也就是证书申请者在申请数字证书时由CSP(加密服务提供者)在生成私钥的同时也生成证书请求文件，证书申请者只要把CSR

原创 关于mongodb的面试题

mongodb是二进制存储数据的数据库，比JSON多了Date类型和二进制数组。 集合就是一组 MongoDB 文档。一个集合内的多个文档可以有多个不同的字段。利用分片技术可以添加更多的机器来应对数据量增加以及读写操作的要求。使用mongodb的优势：架构简单 没有复杂的连接 深度查询能力,MongoDB支持动态查询。 容易调试 容易扩展 不需要转化/映射应用对象到数据库对象 使用内部内存作为存储工作区,以便更快的存取数据。mongodb的操作：db.collect

原创 小程序的面试题

小程序的生命周期：onLoad() 页面加载时触发，只会调用一次，可获取当前页面路径中的参数。 onShow() 页面显示/切入前台时触发，一般用来发送数据请求； onReady() 页面初次渲染完成时触发, 只会调用一次，代表页面已可和视图层进行交互。 onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台等。 onUnload() 页面卸载时触发，如redirectTo或navigateBack到其他页面时。 onPullDownRefresh() 下

原创 Vue.js的基础

生命周期函数就是vue实例在某一个时间点会自动执行的函数1.beforeCreate：既然beforeCreate被自动之行，那么beforeCreate就是一个生命周期函数2.created：这也是一个生命周期函数，因为他完全符合生命周期函数的定义3.beforeMount:模板挂载到页面的一瞬间,beforeMount会被执行4.mounted:在beforeMount dom并没有渲染到页面上，在mounted dom已经被渲染到页面上了,这个时候可以做个实验5.beforeDes

原创 Vue生命周期函数几个

created : 实例已经创建完成之后调⽤,在这⼀步,实例已经完成数据观测, 属性和⽅法的运 算, watch/event 事件回调. 然⽽, 挂载阶段还没有开始, $el 属性⽬前还不可⻅mounted : el 被新创建的 vm.$el 替换，并挂载到实例上去之后调⽤该钩⼦。如果 root 实例挂载了⼀个⽂档内元素，当 mounted 被调⽤时 vm.$el 也在⽂档内。activated : keep-alive 组件激活时调⽤在 beforeCreate 钩⼦函数调⽤的时候，是获取不到

原创 有关三次挥手，四次挥手的面试回答

ACK:确认号 Ack=Seq(上一段报文的Seq)+1;三次挥手的开始：1.由客户端向服务端发送一段TCP报文，其中有一个SYN代表客户要求与服务器进行新连接，序列号Seq=X;2.服务端接受到第一段TCP报文，返回自身加工后的TCP报文，标志位为SYN（同意创建新连接）和ACK（确认发送过来的Seq是正确的可以的），表示“确认客户端的报文Seq序号有效，服务器能正常接收客户端发送的数据，并同意创建新连接”（即告诉客户端，服务器收到了你的数据）；此时Seq=y,Ack=x+1;3.客户端接

转载 有关NODE的博客项目知识点

node.js的动态路由var express = require(‘express’);var app = new express();app.get(’/’,function (req,res) {res.send(“hello express”);})app.get(’/news’,function (req,res) {res.send(“hello news”);})//动态路由 http://localhost:8001/newscontent/1243app.get(’/n

原创 常用的SHELL命令

1、 ls: 类似于dos下的dir命令ls最常用的参数有三个： -a -l -F。ls –aLinux上的文件以.开头的文件被系统视为隐藏文件，仅用ls命令是看不到他们的，而用ls -a除了显示一般文件名外，连隐藏文件也会显示出来。ls –l该参数显示更详细的文件信息。ls –F使用这个参数表示在文件的后面多添加表示文件类型的符号，例如*表示可执行，/表示目录，@表示连结文件，这都是因为使用了-F这个参数。但是现在基本上所有的Linux发行版本的ls都已经内建了-F参数，也就是说，不用输入这

原创 Vue影院项目总结

-1.使用Mint UI实现移动端的界面框架内容ex:import { Swipe, SwipeItem } from 'mint-ui'; 轮播图Indicator - 加载提示框 ex：< ul v-infinite-scroll="自定义方法（）"infinite-scroll-distance="0">判断到底部0.LESS 和 SCSS 有什么区别？Less也是一种动态样式语言. 对CSS赋予了动态语言的特性，如变量，继承，运算， 函数. Less 既可以在客户..

原创 有关vue-router路由守卫

导航被触发。 在失活的组件里调用beforeRouteLeave守卫。 调用全局的beforeEach守卫。 在重用的组件里调用beforeRouteUpdate守卫 (2.2+)。 在路由配置里调用beforeEnter。 解析异步路由组件。 在被激活的组件里调用beforeRouteEnter。 调用全局的beforeResolve守卫 (2.5+)。（为版本号） 导航被确认。 调用全局的afterEach钩子。 触发 DOM 更新。 调用beforeRo...

原创 有关于执行顺序的问题

https://www.cnblogs.com/dajuyiding/p/11355677.html第一次执行：执行同步代码第二次执行：执行宏任务后，检测到微任务队列中不为空、一次性执行完所有微任务第三次执行：当微任务队列中为空时，执行宏任务，执行setTimeout callback，打印日志。...

原创 小程序学习中遇到的一些问题

解构赋值，实际上是对复杂类型进行引用的时候复制了一份变量的引用let{tabs}=this.data实际上等于let tabs=this.data.tabs解构赋值允许指定默认值。let [foo = true] = [];foo // truelet [x, y = 'b'] = ['a']; // x='a', y='b'let [x, y = 'b'] = ['a', undefined]; // x='a', y='b'注意，ES6 内部使用严格相等运算符（===..

原创 Arrays.sort(arr, (a, b) -＞ a - b)是对数组进行排序

Arrays.sort()Arrays.sort(arr,Comparator<>)对数组中相邻的两个数进行比较一轮完了接着二轮 是一个冒泡排序(a, b) -> a - b 相当于function(a,b){return a-b;}相当于Comparator<>源码中写作(a, b) => a - bArrays.sort(arr, (a, b) -> a - b)是对数组进行冒泡排序如果 a - b>0 则b 在前 a...

原创 JS的快排实现

function jsQuickSort(array) { if (array.length <= 1) { return array; } const pivotIndex = Math.floor(array.length / 2); const pivot = array.splice(pivotIndex, 1)[0]; //从数组中取出我们的"基准"元素 const left = [], right = []; array..

原创 关于进位运算

class Solution { public int add(int a, int b) { while(b!=0){ int sum=a^b; //不进位加法 int carry=(a&b)<<1; //进位 a=sum; b=carry; } return a; }}由一个不用加法的加法题目引出 int sum=a^b; //不进位加法//亦或 本题中D...

原创 关于js中map方法和 ，map对象

Map 中的 key 是有序的。因此，当迭代的时候，一个 Map 对象以插入的顺序返回键值。 ex:let c of map.keys()(map.has(c)判断有无这个valueif(map.get(c) === 1)取值方法方法：map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。map() 方法按照原始数组元素顺序依次处理元素。...

原创 关于约瑟夫环的问题

class Solution {public: int lastRemaining(int n, int m) { int pos = 0; // 最终活下来那个人的初始位置 for(int i = 2; i <= n; i++){ pos = (pos + m) % i; // 每次循环右移 } return pos; }};f(n,m)={​0 [f(n−1,m)+m]%n​...

原创 flex有关

flex-shrink 这个属性在超出时用来计算溢出的超出属性，然后在原来的元素中减去。https://www.runoob.com/cssref/css3-pr-flex-shrink.html

原创 关于swiper插件版本更新

版本不一致导致，如果是新版swiper，css地址是import 'swiper/swiper-bundle.css';具体参考最新https://swiperjs.com/get-started/

原创 vue学习中遇到的问题

有时候v-for不能使用报错[vue-language-server] Elements in iteration expect to have 'v-bind:key' directives.Renders the element or template block multiple times based on the source data此时需要设置一个'v-bind:key' 在后面加一个:key此处的引号为波浪键下的引号...

原创 用正则表达式筛选

name = 'aaa bbb ccc';uw=name.replace(/\b\w+\b/g, function(word){ return word.substring(0,1).toUpperCase()+word.substring(1);} );

原创 数组去重牛客网

Array.prototype.uniq = function () { var resArr = []; var flag = true; for(var i=0;i<this.length;i++){ if(resArr.indexOf(this[i]) == -1){ if(this[i] != this[i]){ //排除 NaN if(flag){//此处flag用来检测是不是上面的NaN...

原创 牛客网根据包名创造空间

根据包名，在指定空间中创建对象输入：namespace({a: {test: 1, b: 2}}, 'a.b.c.d')输出：{a: {test: 1, b: {c: {d: {}}}}}function namespace(oNamespace, sPackage) { var package = sPackage.split('.'); var newName = oNamespace; // 保留对原始对象的引用 for(var i=0;i&l...

原创 牛客网面试错题

for in循环是遍历对象上的每一个可枚举属性,包括原型链上面的可枚举属性,obeject.keys()只是遍历自身的可枚举属性,不可以遍历原型链上的可枚举属性,object.assign()对象的拷贝,用于将所有可枚举属性的值从一个或多个源对象复制到目标对象,将他返回到目标对象Infinity + 1 !== Infinity xInfinity 是一个数字样式文件的加载会阻塞脚本的执行iframe 会阻塞主页面的 load 事件页面文档完全加载并解析完毕之后会触发 DOMContent.

原创 JS基础有关 = =

原创 关于前端bue.config.js跨域问题

不需要配置具体理解参考https://www.cnblogs.com/bobo1/p/12588079.htmldevServer: {proxy: {// detail: https://cli.vuejs.org/config/#devserver-proxy‘/api’: {target: http://10.24.4.214:8098/api,changeOrigin: true,pathRewrite: {‘^/api’ : ‘’}}}}　　/api表示需要去匹配请求时

原创 关于 Solve Error: MissingSchemaError: Schema hasn‘t been registered for model

关于Solve Error: MissingSchemaError: Schema hasn’t been registered for model解决方法：const Goods = require(‘…/…/model/admin/Goods’); 先引入这个集合,这样肯定不会报错的queryOptions.populate = { path: ‘goods’, model: Goods }...

原创 node.js部署到阿里云中的一些小问题

node.js部署到阿里云中的一些小问题参考：https://blog.csdn.net/u013263917/article/details/79037770?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-2.channel_param&depth_1-utm_source=distribute.pc_relevant.none-task-blog-BlogCommendFrom

原创 前端知识点总结（一）

HTML文档结构由<html>,<head>,和<body>这三大元素组成此元素可告知浏览器其自身是一个 HTML 文档。<html> 与 </html> 标签限定了文档的开始点和结束点，在它们之间是文档的头部和主体。文档的头部由 定<head>定义，而主体由 <body>标签定义。<head&g...