- 博客(16)
- 收藏
- 关注
RSS订阅原创 js 实用方法
简写条件判断语句如果仅在判断条件为 true 时才执行函数，则可以使用 && 简写。// 普通写法if (condition) { doSomething();}// 简写condition && doSomething();将数字转换为字符串const str = '404';console.log(+str) // 404;数组中过滤所有虚值const myArray = [1, undefined, NaN, 2,
2022-04-12 09:59:58
189
原创 CSS重置的现代替代方案
GitHub - necolas/normalize.css: A modern alternative to CSS resetsA modern alternative to CSS resets. Contribute to necolas/normalize.css development by creating an account on GitHub.https://github.com/necolas/normalize.css/#readmenpm install --save nor
2022-02-15 09:43:31
331
原创 vue 楼层跳跃
<template> <div> <div class="div"> <ul class="navgator"> <li class="navgatorLi" :class="{ isActive: index === navgatorIndex }" @click="handleLeft(index)" v-for="(item, .
2022-01-26 14:43:59
270
原创 vue-cli3 去除console
npm install terser-webpack-plugin -Dvue.config.jsmodule.export = { configureWebpack: (config)=>{ if(process.env.NODE_ENV === 'production'){ config.optimization.minimizer[0].options.terserOptions.compress.drop_console = true } }}.
2022-01-20 19:07:48
826
原创 解决请求中loading不显示的问题(element-ui+vue)
vuex中代码import Vue from 'vue'import Vuex from 'vuex'import { Loading } from 'element-ui'Vue.use(Vuex)Vue.use(Loading)export default new Vuex.Store({ state: { // 请求计数 apiCount: 0, // loading实例 loadingInstance: nu.
2022-01-19 15:39:30
3666
1
原创 css 更改input框placeholder 颜色
更改element-ui中的样式.el-input width 300px /deep/ input background #212121 &::-webkit-input-placeholder /* placeholder颜色 */ color #fff /* placeholder字体大小 */ font-size 12px /* p
2022-01-19 15:34:55
548
原创 svg 图片压缩
需要借助node 中的一个npm包svgo 使用命令行安装 npm install -g svgo在控制台输入： svgo E:\a.svg -o E:\b.svg第一个路径是需要压缩文件路径；-o OUTPUT 第二个是压缩后存放地址；压缩成功的提示压缩前压缩后多文件压缩 svgo -f D:\WisdomStar\frontend-wx\static -o D:\static配置项Options: -h, --help :...
2021-11-14 19:31:36
2565
原创 for await of使用
function fn (time) { return new Promise((resolve, reject) => { setTimeout(() => { resolve(`${time}毫秒后我执行！！！`) }, time) })}fn(3000).then(res => console.log(res))fn(1000).then(res => console.log(res))fn(2000).then(res =>.
2021-09-14 15:06:36
844
原创 ElementUi中Dialog点击遮罩层 不关闭实现
修改element.js引用代码，在引用组件前修改默认属性.import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);//配置 dialog组件 组件点击遮罩层不关闭ElementUI.Dialog.props.closeOnClickModal.default = false;Vue.prototype.axios = axios结果.
2021-08-28 15:06:38
1255
原创 Js 获取事件对象 阻止默认事件 绑定事件 以及ie兼容
var EventUtil = { addHandler: function (el, type, handler) { if (el.addEventListener) { el.addEventListener(type, handler, false); } else if (el.attachEvent) { el.attachEvent('on' + type, handler); } else
2021-07-26 08:46:53
112
原创 递归深拷贝
递归深拷贝function deepClone(obj) { let result = Array.isArray(obj) ? [] : {}; // if (typeof obj != 'object') { // // 这里不能直接返回obj,不然就是浅拷贝的性质 // return result = obj // } if (obj && typeof result == "object") { for (let key in obj) { if (obj
2021-07-21 10:12:42
99
原创 小程序 判断当前环境 请求封装,方法封装
小程序判断当前环境let http_urp;switch (version) { case "develop": //开发预览版 baseUrl = "https://dev......"; break; case 'trial': //体验版 baseUrl = "https://test......"; break; // break; case 'release': //正式版 baseUrl = "https://www......";
2021-07-17 14:06:05
369
原创 js楼层跳跃
js楼层跳跃css * { margin: 0px; padding: 0px; list-style: none; } body, html { height: 100%; } ul { height: 100%; } ul li { height: 100%; } ol { position: fixed; top: 100p
2021-07-13 19:20:41
152
原创 keep-alive + 动态组件 使用
keep-alivekeep-alive是 Vue的内置组件 它自身不会渲染成一个 DOM 元素同样属于内置组件的有 transition componentkeep-alive的作用包裹组件时候 不会销毁他们 而是会缓存不活动的组件实例 保留离开组件的状态 例: 当离开组件或者切换路由的时候 我们在当前页面滚动到一定位置 再次回到当前页面时 滚动位置保持不动 同理input等输入的值也是一样 不会清空 keep-alive的属性keep-alive被包裹的组件 是会被缓存的 但
2021-07-12 21:08:56
603
原创 小程序的全选 反选
效果全选wxml <!-- 全选反选 --> <view style="display:flex"> <checkbox value="全选" checked="{{seleAll}}" bind:tap="checkall"></checkbox> <text>全选</text> <view> <checkbox value="反选" checked="{{Inver
2021-07-10 10:45:27
364
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人