- 博客(22)
- 收藏
- 关注
原创 vue3音乐网站
这是初步的搭建文档(http://103.47.82.145:999/guide/music-player.html),一个用vue3 anyScript egg.js + 网易云开源接口写的小破网站。目前只能简单的点歌听歌,主要就是想做一个纯粹的听歌小项目。
2023-03-15 14:22:43
132
原创 万行代码查找插件
有感而发除去css也就还有7000多行吧, 改逻辑方法。。。套他猴,隔着几百行改下,隔着几千行改下,脑壳痛这个插件 ctrl alt k 标记一个标记或者取消ctrl alt j上一个 l 下一个万行代码必备插件啊...
2022-01-05 17:09:51
468
原创 判断数据类型是否为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 //fisUndefined //fisNumber //t
2021-12-02 11:34:49
1008
原创 vue组件传值
依赖注入 需要有关系的界面, 向下传递, 相比于props, 可以多级传递, 即爷孙(不仅,多级,大于等于1级)顶级页面provide() { return { data : 1, }; },子级页面inject: ['getZoom'],2.无联系组件,eventbus创建eventBus.jsimport Vue from 'vue'export const EventBus = new Vue()怎么使用, 假如A组件向B组件发消息<!-- A.vue -->.
2021-10-18 16:45:03
91
原创 table滚动加载
组件时element,需要对el-table-wrap的内容进行滚动加载,可使用改组件使用方法,load是回调函数,触底可触发该函数:
2021-10-18 11:01:02
245
原创 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
75
原创 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
2235
原创 自定义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
296
原创 自定义eslint
背景:项目里面规定只有client.ts可以引入node模块与electron模块,其余文件引用报错这就要求我们去创建一个自己的eslint规则了,这里设计到AST树等知识,可以参考https://m.sohu.com/a/330228148_463970首先创建一个eslint(自认为)项目npm i -g yonpm i -g generator-eslint// 创建一个pluginyo eslint:plugin// 创建一个规则yo eslint:rule完后是这样的,现在可以
2021-07-16 18:17:49
356
原创 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
777
原创 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
56
原创 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
5355
3
原创 关于ssl对称性加密、非对称加密等的浅显解释
主要依赖三种加密算法散列函数hash、非对称加密、对称加密1.散列函数验证信息完整性2.非对称加密有公钥和私钥,公钥是公开的,私钥的私密的公钥和私钥都可以加密和解密,不过必须是对应的公私钥3.对称加密使用的密钥只有一个,发送和接受方都用这个密钥进行加密和解密加密过程数据发送方将原始数据和加密密钥一起经过特殊加密处理,生成密文进行传输解密过程接收方接收到数据后,则要使用加密使用的密钥以...
2021-07-13 15:33:58
277
原创 计算机网络常见协议
TCP/IP概念层模型分布层次从上到下分别位应用层httpdns网络层TCPUDP tcp可以确定是否送达 udp不可以,因为三次握手传输层IP链路层ARPRARPHTTP协议生成针对web服务器的请求报文DNS服务将域名解析为IP地址先从浏览器找,没用到操作系统找,没有到host文件夹找,在没有请求运营商TCP将HTTP请求报文分割成报文段,将每个报文段可靠的传输给对方,能确认是否送达,依据三次握手UDP传输报文,不能确认是否送达IP搜索对...
2021-07-13 15:21:25
91
原创 宝塔配置服务器 微信小程序(https)
主要是nginx的问题,假如我一个站点启动一个前端项目以及两个后台项目作为服务使用,那怎样让他找到相对应的呢?这尼玛真是搞了我好久,首先,你要确保你配置的nginx不是这个,看目录不然你配到天荒地老也没用,这是掉了N根头发的血的教训啊。应该配宝塔创建站点的配置文件顺带提一句小程序的事,配置ssl网上都有,不多废话,但是你发现你https访问不了跟nginx无关,是你没备案的问题(怎么备案百度)首先,我在这个站点启动了...
2021-07-13 15:15:40
2291
原创 React 引入文件到Src外报错问题
如题,一个组件项目,但引入的组件在src外从而报错,我的项目的解决方案是把node_module里面的react-scripts/config/webpack.config.js关于ModuleScopePlugin的几行代码注释掉
2021-07-13 15:00:34
931
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
1617
原创 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
662
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人