js
y_w_x_k
好好学习,天天向上
展开
-
js公共方法
js公共方法原创 2022-11-24 16:58:08 · 673 阅读 · 0 评论 -
Vue3学习笔记
1.setup,ref,reactive<template> <div> <h1>{{name}}</h1> <h1>{{price}}</h1> <h1>{{info.player}}</h1> <h1>{{info.director}}</h1> <h1>{{info.a.b.c}}</h1> <h原创 2022-02-07 22:11:54 · 520 阅读 · 0 评论 -
Nginx代理外网到本地Vue开发环境
1.先将本地ip设为公网ip,并用网线连接上网,做成固定ip;2.nginx配置文件server { listen 8088; server_name 122.228.187.214;//公网地址 //把nginx根目录设置成vue项目目录 root "F:/phpstudy_pro/WWW/AfterBidManageSystem/代码/sys-admin/admin-pro"; location原创 2022-01-25 14:10:27 · 2703 阅读 · 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 评论 -
项目使用工具
1.地图坐标转化其他地图坐标点在百度地图展示位置偏差较大--js开发百度地图服务类-Convertor_生命不息,奋斗不止-CSDN博客原创 2022-01-18 11:23:42 · 145 阅读 · 0 评论 -
echarts使用细节
1.横向柱状图xAxis: { type : 'value', },yAxis: { type : 'category', data: ['敦刻尔克', '流浪地球', '后天'],},原创 2021-12-01 09:58:01 · 777 阅读 · 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 评论 -
vscode自定义组件模板
"demo": { "prefix": "vd", "body": [ "<template>", " <div class=\"$1\">", " ", " </div>", "</template>", " ", "<script>".原创 2021-11-11 22:29:10 · 374 阅读 · 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 评论 -
vue.config.js配置
1.配置全局scssmodule.exports={ css: { loaderOptions: { sass: { prependData: ` @import "@/assets/css/const.scss"; ` } } }, chainWebpack: config => {原创 2021-10-29 14:11:38 · 419 阅读 · 1 评论 -
axios详解
test原创 2021-10-27 16:45:17 · 74 阅读 · 0 评论 -
vue项目报错汇总
1.报错:Module build failed (from ./node_modules/sass-loader/dist/cjs.js):解决:sass-loader版本过高,降低sass-loader版本即可,例子:7.1.1->7.1.0原创 2021-10-26 09:12:12 · 334 阅读 · 0 评论 -
vuex详解
1.组件内可以直接修改State数据,但是这样子改的话,devtools无法记录是哪个组件修改的State数据,对后期的调试非常不友好;因此需要通过actions,mutations对vuex做修改;2.可以在组件内直接通过mutations对state数据进行修改,如果是异步的话无法通过跟踪mutation获取devtools记录,所以异步的话需要actions,再mutations来修改state内数据;...原创 2021-10-22 15:38:08 · 97 阅读 · 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 优化
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 评论 -
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 评论 -
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 评论 -
vue-element-admin 登录页火狐记住密码input框黑色
找到这行代码 box-shadow: 0 0 0px 1000px $bg inset !important;换成: transition: background-color 5000s ease-in-out 0s;就OK了原创 2021-07-06 21:50:07 · 319 阅读 · 0 评论 -
vue 与 Elementui 开发注意点
el-upload第一次没有上传文件提交触发效验后提示文件未上传,上传图片后再点击提交还是提示图片未上传解决方法:复制form表单,清空校验字段,再赋值给form表单 let tempForm=JSON.parse(JSON.stringify(this.form2))this.$refs.form2.resetFields()this.form2=tempForm...原创 2021-07-02 19:46:06 · 100 阅读 · 0 评论