- 博客(22)
- 收藏
- 关注
RSS订阅原创 vue3音乐网站
这是初步的搭建文档（http://103.47.82.145:999/guide/music-player.html），一个用vue3 anyScript egg.js + 网易云开源接口写的小破网站。目前只能简单的点歌听歌，主要就是想做一个纯粹的听歌小项目。
2023-03-15 14:22:43
213
原创 万行代码查找插件
有感而发 除去css也就还有7000多行吧， 改逻辑方法。。。 套他猴，隔着几百行改下，隔着几千行改下，脑壳痛 这个插件 ctrl alt k 标记一个标记或者取消 ctrl alt j上一个 l 下一个 万行代码必备插件啊 ...
2022-01-05 17:09:51
537
原创 判断数据类型是否为true,false
简单给自己记录一下 let isNull = null; let isUndefined = undefined; let isNumber = 1; let isString ='1'; let isEmptyString = ''; let isEmptyObject = {}; let isObject = { value : 1}; let isEmptyArray = []; let isArray = [1]; 即 isNull //f isUndefined //f isNumber //t
2021-12-02 11:34:49
1119
原创 字符数字不能正常换行
出现滚动条 或直接超出去 使用css white-space: normal; word-break: break-all;
2021-11-26 09:47:02
272
原创 vue组件传值
依赖注入 需要有关系的界面， 向下传递， 相比于props， 可以多级传递， 即爷孙（不仅，多级，大于等于1级） 顶级页面 provide() { return { data ： 1， }; }, 子级页面 inject: ['getZoom'], 2.无联系组件，eventbus 创建eventBus.js import Vue from 'vue' export const EventBus = new Vue() 怎么使用， 假如A组件向B组件发消息 <!-- A.vue --> .
2021-10-18 16:45:03
156
原创 table滚动加载
组件时element,需要对el-table-wrap的内容进行滚动加载，可使用改组件 使用方法，load是回调函数，触底可触发该函数 :
2021-10-18 11:01:02
352
原创 this.$nextTick
前言，vue执行dom的更新是异步的 this.$nextTick 在数据更新时，dom渲染完后，执行callback <p ref='ref_p'>{{msg}}</p> <button @click='msgFn/> data:{ msg:'我是旧的消息' } msgFn(){ this.msg = '我是新的消息' console.log(this.msg) //我是旧的消息 因为vue执行dom的更新是异步的，他会放在一个时间循环,避免在一个时间段
2021-08-20 15:15:19
153
原创 Js变量赋值谨慎使用null
一般而言，在我们给一个变量赋值为null，如 let data = null; 是想告诉下面的人，这个data没有初始值，以后准备用来存一个对象，也只能存一个对象(这句话看起来很废话,但很重要)。 举个例子。例如我在一个Vue项目中定义了一个变量。 data = null; 然后我要存一或多个{key:value}; let obj = { key1:value1, key2,value2, ... } this.data = obj; 那只存一个呢？ let obj = { key1:valu
2021-08-06 16:08:35
2461
原创 自定义eslint，并传参
接上篇文章，我说client.ts不报错，好像是有误的，因为只检测js文件，没检测ts文件。坐我边上的大佬说可以开检测ts的。 然后说传参，在eslintrc.js rules里面传了一个对象，包含files,哪些文件不检测，检测哪些模块 meta: { docs: { description: "not allow import some modules", category: "Fill me in", recom
2021-07-20 11:26:16
413
原创 自定义eslint
背景：项目里面规定只有client.ts可以引入node模块与electron模块，其余文件引用报错 这就要求我们去创建一个自己的eslint规则了，这里设计到AST树等知识，可以参考https://m.sohu.com/a/330228148_463970 首先创建一个eslint（自认为）项目 npm i -g yo npm i -g generator-eslint // 创建一个plugin yo eslint:plugin // 创建一个规则 yo eslint:rule 完后是这样的，现在可以
2021-07-16 18:17:49
478
原创 npm login失败
报错：npm ERR! code E500 npm ERR! 500 Internal Server Error - PUT https://registry.npm.taobao.org/ 解决方法: //查看源 npm config get registry 换成npm的，不要taobao的镜像 npm config set registry https://registry.npmjs.org //淘宝源 npm config set registry https://registry.npm.tao
2021-07-15 17:03:20
1008
原创 this指向问题
个人觉得是：上级调用的对象 let user = { name:'zhouxin', fn:function(){ console.log(this) //user调用的fn,所以指向user console.log(this.name) //zhouxin } } user.fn() function getUser(){ let name = 'zhouxin'; console.log(this) //window console.log(this.n
2021-07-13 16:18:48
144
原创 vue3的计算属性传参
Vue2 场景大概是我写了一个贼鸡儿基础的upload组件，然后这个给showList是上传到服务器并且返回了各种上传文件信息的数组列表，如果上传的是图片，我就让他回显图片，不是图片格式我就让他显示默认图片 template <template> <div v-for="(item,i) in showList" :key="i" class="item"> <img :src="item.url" alt="请上传" class="img" v-
2021-07-13 15:57:10
5667
3
原创 关于ssl对称性加密、非对称加密等的浅显解释
主要依赖三种加密算法散列函数hash、非对称加密、对称加密 1.散列函数验证信息完整性 2.非对称加密 有公钥和私钥，公钥是公开的，私钥的私密的 公钥和私钥都可以加密和解密，不过必须是对应的公私钥 3.对称加密使用的密钥只有一个，发送和接受方都用这个密钥进行加密和解密 加密过程数据发送方将原始数据和加密密钥一起经过特殊加密处理，生成密文进行传输 解密过程接收方接收到数据后，则要使用加密使用的密钥以...
2021-07-13 15:33:58
409
原创 计算机网络常见协议
TCP/IP概念层模型分布层次从上到下分别位 应用层httpdns 网络层TCPUDP tcp可以确定是否送达 udp不可以，因为三次握手 传输层IP 链路层ARPRARP HTTP协议生成针对web服务器的请求报文 DNS服务将域名解析为IP地址先从浏览器找，没用到操作系统找，没有到host文件夹找，在没有请求运营商 TCP将HTTP请求报文分割成报文段，将每个报文段可靠的传输给对方，能确认是否送达，依据三次握手 UDP传输报文，不能确认是否送达 IP搜索对...
2021-07-13 15:21:25
185
原创 宝塔配置服务器 微信小程序(https)
主要是nginx的问题，假如我一个站点启动一个前端项目以及两个后台项目作为服务使用,那怎样让他找到相对应的呢？ 这尼玛真是搞了我好久，首先，你要确保你配置的nginx不是这个，看目录 不然你配到天荒地老也没用，这是掉了N根头发的血的教训啊。 应该配宝塔创建站点的配置文件 顺带提一句小程序的事，配置ssl网上都有，不多废话，但是你发现你https访问不了跟nginx无关，是你没备案的问题(怎么备案百度) 首先，我在这个站点启动了...
2021-07-13 15:15:40
2878
原创 React 引入文件到Src外报错问题
如题，一个组件项目，但引入的组件在src外从而报错，我的项目的解决方案是 把node_module里面的react-scripts/config/webpack.config.js关于ModuleScopePlugin的几行代码注释掉
2021-07-13 15:00:34
1096
1
原创 React this.setstate没及时更新问题
简单来说就是只更新了虚拟Dom，没更新页面 解决方案 1.回调函数 this.setState({ val:this.state.val+1 },()=>{ console.log(this.state.val) }); 2.把this.setState放在this.setTimeout里面 letself=this; setTimeout(function(){ se...
2021-07-13 14:58:04
1778
原创 React npm start启动webpack报错问题
报错信息 ``` There might be a problem with the project dependency tree. It is likely not a bug in Create React App, but something you need to fix locally. The rea ct-scripts package provided by Create React App requires a dependency: "webpack": "4.42.0" .
2021-07-13 14:50:49
826
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人