m0_49039848-优快云博客

原创 gulp es转es5

安装插件npm install --save-dev gulp-babel @babel/core @babel/preset-envpackage.json{ "name": "gulpes6", "version": "1.0.0", "description": "", "main": "gulpfile.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1"

2021-01-17 21:46:07 171

原创 Iconfont多色图标使用和单色图标实现渐变色

iconfont多色图标使用引入iconfont提供的Symbol的js文件<script src="//at.alicdn.com/t/font_2300423_06dtj5dw7lyw.js">使用Symbol<svg class="icon" aria-hidden="true"> <use xlink:href="#Symbol名字"></use> </svg>/*可以添加类名来统一Symbol样式*/.

2020-12-30 11:47:57 1934

原创 ajax请求导致status为canceled的原因

ajax请求导致status为canceled的原因*解决方式：（二选一）*使用form action方式提交请求；使用button或者submit按钮提交，切记按钮在form表单之外，或者阻止表单默认提交机制。

2020-11-04 17:19:46 263

原创函数传参修改和奇怪的赋值OvO

函数传参修改和奇怪的赋值OvOlet num = 10; let setNum = num => { console.log(num);//undefined num = 1;//相当于undefined=1, undefined=1并不会报错！！！ console.log(num);//1 }; setNum(); console.log(num);//10奇怪的赋值OvOconsole.log({}=1)//1 console.log(und

2020-10-23 12:07:31 139

原创 layui select 相关

layui select 相关<div class="layui-form" lay-filter="test"> <select name="courseType" id="courseType" lay-filter="courseType"></select></div>动态生成option let _html = ' '; for (const item of data) { //data-xxx为自定属性 _

2020-10-21 12:24:00 240

原创 html 的 id 内不允许出现空格

html 的 id 内不允许出现空格id出现空格的元素，css和js通过id 都获取不到该元素

2020-10-16 09:36:24 796

原创 npx webpack报错在根目录下找不到./src目录

报错如下D:\toy-react>npx webpackassets by status 0 bytes [cached] 1 assetERROR in mainModule not found: Error: Can't resolve './src' in 'D:\toy-react'webpack 5.1.0 compiled with 1 error in 269 mswebpack.config.jsmodule.export={ entry:{

2020-10-15 22:22:47 1127

原创 layui上传文件踩坑记录

layui上传文件踩坑记录获取layui上传文件名的两种方法声明周期：choose->before->done||error不设置auto：false，写在choose中的obj.preview在before之后才调用（很恶心!!!）由于要获取文件名，和文件一起发送给后台由于choose和before中的obj都是一样的，所以下面写在choose中的代码可以写在before中//=》1.设置为一个按钮let englishName; //=》用来存储文件名var upl

2020-10-12 16:27:49 2345 1

原创 vue-cli环境

vue-cli环境生产环境和开发环境配置URL在项目根目录创建.env.development（开发）和.env.production（生产）文件除了 VUE_APP_* 变量之外，在你的应用代码中始终可用的还有两个特殊的变量：NODE_ENV - 会是 “development”、“production” 或 “test” 中的一个。具体的值取决于应用运行的模式。BASE_URL - 会和 vue.config.js 中的 publicPath 选项相符，即你的应用会部署到的基础路径。

2020-09-14 13:48:49 93

原创 vue代理

vue代理在vue.config.js中添加以下代码 devServer: { proxy: { '/api': { // 此处的写法，目的是为了将 /api 替换成 https://www.baidu.com/ target: 'https://www.baidu.com', // 允许跨域 changeOrigin: true, //ws -> websocket // ws: true, path

2020-09-14 13:44:08 110

原创 PC端页面在手机端完整显示

PC端页面在手机端完整显示 <meta name="viewport" content="width=device-width, initial-scale=0, maximum-scale=0, user-scalable=yes,shrink-to-fit=no">@media screen and (max-width: 1200px) { /*.xxx为最大盒子，或在页面中100%显示的盒子*/

2020-09-14 09:48:42 2220

原创 JS禁用鼠标滚动

在网上找了一圈，愣是没找到不报错的禁用滚动。于是自己写了一个以下的 document.querySelector("#big-box")为页面中最外层盒子经测试绑定在body，html或者window上滚动会一直报这个错误[Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive. See （由于目标被视为被动，无法在被动事件监听器中阻止缺省事

2020-09-12 17:28:32 1527 1

原创 better-scroll在PC端vue项目内鼠标滚动和自定义滚动条

2020-09-12 12:30:42 1495

m0_49039848的博客