![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
y_w_x_k
好好学习,天天向上
展开
-
js公共方法
js公共方法原创 2022-11-24 16:58:08 · 673 阅读 · 0 评论 -
uni-app开发微信小程序踩坑
uni-app 微信小程序 踩坑原创 2022-07-29 16:04:11 · 335 阅读 · 0 评论 -
React学习笔记
1.配置路由代理的两种方式a:在package.json中直接添加代理,请求到本地端口://package.json"proxy" : "http://localhost:5000"//请求axios.get("http://localhost:3000/movies")原创 2022-01-23 15:23:42 · 291 阅读 · 0 评论 -
echarts使用细节
1.横向柱状图xAxis: { type : 'value', },yAxis: { type : 'category', data: ['敦刻尔克', '流浪地球', '后天'],},原创 2021-12-01 09:58:01 · 777 阅读 · 0 评论 -
webpack 打包ts代码
webpack.config.jsconst path=require("path")const HtmlWebpackPlugin=require("html-webpack-plugin")const { CleanWebpackPlugin } = require("clean-webpack-plugin")module.exports={ entry : "./src/index.ts", output : { path : path.resolv.原创 2021-11-21 00:16:27 · 593 阅读 · 0 评论 -
TypeScript笔记
1.联合类型let a: "male" | "female"a="male"let b:number | stringb=123b="aaa"原创 2021-11-15 23:03:42 · 541 阅读 · 0 评论 -
vue响应式原理
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.原创 2021-11-14 20:31:32 · 553 阅读 · 0 评论 -
Mock配置及使用
npm install mockjs //引入mockjsimport Mock from 'mockjs'//使用mockjs模拟数据const url = { tableDataOne: 'http://v.juhe.cn/toutiao/index', tableDataTwo: 'http://20181024Mock.com/mode1/tableDataTwo', tableDataThi: 'http://20181024Mock.com/mode1/tab.原创 2021-11-08 16:57:25 · 383 阅读 · 0 评论 -
Promise写法大全
new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve("aaa") //reject("errrrr") },1000)}).then(res=>{ return new Promise((resolve,reject)=>{ setTimeout(()=>{ resolve(res+"bbbb") },.原创 2021-10-22 11:01:30 · 394 阅读 · 0 评论 -
JS知识点
1.箭头函数的this是最近作用域所属的对象原创 2021-10-18 01:01:43 · 75 阅读 · 0 评论 -
webpack 生产/开发环境配置文件分离
npm install webpack-merge -Dbuild目录下:base.config.jsconst path=require("path")const { VueLoaderPlugin } = require("vue-loader")const HtmlWebpackPlugin=require("html-webpack-plugin")module.exports={ entry : './src/main.js', output : {原创 2021-10-15 11:21:07 · 72 阅读 · 0 评论 -
webpack指令
1.--save-dev 开发时依赖原创 2021-10-12 21:35:33 · 53 阅读 · 0 评论 -
JS常用方法
1.数组中插入元素--splicesplice方法,数组中删除若干个元素参数1,删除的开始位置参数2,删除个数参数3,添加元素值app.arr.splice(2,0,"F")2.向数组尾部添加元素--pushapp.arr.push(88,99)3.删除数组最后一个元素--popapp.arr.pop()4.删除数组第一个元素--shiftapp.arr.shift()5.在数组最前面添加元素--unshiftapp.arr.unshift(.原创 2021-10-06 11:25:54 · 60 阅读 · 0 评论 -
vue学习笔记
1.v-once,只渲染一次<h1 v-once>{{message}}</h1>2.v-html,按照html格式渲染<h2 v-html="url"> {{ url }} </h2>url : '<a href="http://www.baidu.com">百度一下</a>'3.v-pre,不解析mustacche语法 <h1 v-pre>{{ message +' '+ name}}<原创 2021-09-28 22:19:12 · 305 阅读 · 0 评论 -
webpack 优化
webpack.config.js设置:entry : ['./src/js/index.js','./src/index.html'],入口文件inde:x.js监听非入口js文件:if(module.hot){ module.hot.accept("./print.js",function(){ echo() })}if(module.hot){ module.hot.accept("./test.js",function(){原创 2021-09-24 14:53:50 · 245 阅读 · 0 评论 -
webpack生产环境基本配置
webpack.config.js:const { resolve }=require("path")//提取css代码为单独文件const MiniCssExtractPlugin=require("mini-css-extract-plugin")const HttpWebpackPlugin=require("html-webpack-plugin")//决定使用browserslist的开发环境配置process.env.NODE_ENV="development"//复用原创 2021-09-24 11:17:28 · 129 阅读 · 0 评论 -
webpack5基本配置详解
webpack.config.js语法:图片、文件路径写法:{ test : /\.(jpg|png|gif)$/, generator : { filename : 'img/[hash][ext]' } },热更新配置:devServer:{ static : { directory :原创 2021-09-23 22:33:04 · 377 阅读 · 0 评论 -
javascript Promise 底层实现
class Promise{ constructor(executor){ this.PromiseState="pending" this.PromiseResult=null this.callbacks=[] let self=this //resolve function resolve(data){ //判断状态 if(self.Promis.原创 2021-09-17 17:21:49 · 158 阅读 · 0 评论 -
项目整体设计相关
CSS布局:引用flexible.js,页面超过750px,字体限定为75px;@media screen and (min-width:750px){ html{ font-size:75px; } }原创 2021-09-14 16:58:19 · 59 阅读 · 0 评论 -
el-cascader级联选择器选择任意一个选项详细解决方案
el官方提供了props.checkStrictly = true属性可以取消父子节点强关联来达到选择任意选项的目的;但是存在两个缺陷:1.只能点击radio的圈圈进行选择2.选择完了之后级联选择器不会关闭经过搜索网上的资料,整合了下面的方案来解决上面两个问题。首先选择器:<el-cascader :key="cascaderKey" v-model="fCategoryId" :options="option" :props="optio原创 2021-09-11 11:23:09 · 4181 阅读 · 3 评论 -
javascript借助多线程处理业务
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <div id="btn">click1</div> <input type="text" id="num"></body><.原创 2021-08-25 22:31:54 · 130 阅读 · 0 评论 -
关于javascript的原型链
//B的显式原型出现在A的原型链上,则A instanceof B //以下console.log结果均为true //Object的显式原型出现在Function.prototype的原型链上, console.log(Object.prototype === Function.prototype.__proto__) //true //由于 console.log(Function.prototype===Function.__proto__); /.原创 2021-08-20 00:20:13 · 46 阅读 · 0 评论 -
uniapp的报错ncaught Error: Module build failed (from ./node_modules/@dcloudio/webpack-uni-pages-loader/
我的问题原因就是pages.json文件里面多了一个逗号,把它去掉就ok了原创 2021-06-04 17:07:08 · 23425 阅读 · 0 评论 -
推荐一个好用的js日期函数库
下载地址:https://codechina.csdn.net/mirrors/jacwright/date.format?utm_source=csdn_github_accelerator原创 2021-06-03 09:32:24 · 154 阅读 · 0 评论 -
dataV组件容器宽高发生变化后,组件不会自适应解决方法
项目中需要大屏幕数据展示,于是使用了dataV组件,但是使用是发现拖动浏览器边框,dataV组件显示异常,如图:于是查了官网,官网的解释如下:于是按照官网的意思编写代码:<dv-active-ring-chart ref="pie2" :config="config" :key="key" class="datav-item" /> return { pieOutline: '', key : 1, }methods: { .原创 2020-10-15 20:02:06 · 17097 阅读 · 6 评论 -
vue-element-admin动态路由无限循环的解决方法
vue-element-admin是一个非常好用的开源的后台管理框架,最近在用它做一个公司用的管理平台,但是公司的项目比较小,没有权限这个功能,就把if (hasRoles) {next()}这段给删除了,于是在路由守卫,也就是permission.js里面碰到了无限循环的问题。为什么会出现无限循环呢?先看下代码主要是这个next({ ...to,replace : true}),只要next()里面写了内容,那么,一定会重新执行router.beforEach方法,这个时候如果hasRo.原创 2020-07-01 16:14:43 · 4697 阅读 · 4 评论 -
多个el-upload组件上传文件,同时提交文本字段
最近碰到个需求如下:表单里既有普通文本字段,又有上传文件,且是多个不同字段(不是一个字段多个文件);当时后端只给了一个接口:思路是先var formdata=new formdata(),再formdata.append('xx',xxx);再axios.post('url',formdata);实际写的时候碰到了一些问题,很多axios都会在使用前进行封装一下,加上拦截器,我用vue-element-admin作为后台模板,里面的axios也设置了拦截器,拦截器里面会对传输的参数进原创 2020-06-12 16:23:40 · 15944 阅读 · 8 评论 -
javascript笔记
1.创建每一个基本类型(boolean,string,number),后台都会相应的创建一个引用类型,使得基本类型能通过一些方法操作这些数据,例如:var str='baidu';var str2=str.substring(2);,我们又称这些基本类型为基本包装类型;基本包装类型可以调用内置的方法,而不能创建自己的属性与方法,基本包装类型即是一种对象,又不完全是对象;2.str.slice(...原创 2019-11-08 08:49:55 · 116 阅读 · 0 评论