![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
123没有肆
这个作者很懒,什么都没留下…
展开
-
ESLint默认配置及修改
通过上述方法,可以很灵活的控制 ESLint 规则的开启和错误级别。对于某些不适用于当前项目的规则,关闭它们会使得 ESLint 检查更加符合预期。这会在这一行关闭 no-console 规则。使用 /* eslint-enable */ 来重新开启规则。另外,在代码中可以使用注释 /* eslint-disable */ 来临时关闭某条规则。如果不想开启 ESLint 推荐的某些规则,可以在 rules 字段中进行覆盖。ESLint 提供了一组默认的推荐规则配置,这些规则都开启了。原创 2023-05-31 20:00:00 · 1196 阅读 · 0 评论 -
前端使用web-worker创建线程,创建多少个合适?
比如一个基础的网站,有一些定时异步任务需要执行,只开启 1 个 web worker 效果可能不佳,这个时候可以开启 2-3 个 web worker 来执行这些异步任务,资源消耗不高但可以带来明显性能提升。如果是 IO 密集型任务,则数量不宜太多,否则可能造成过多的线程上下文切换,影响性能。比如一个图像编辑网站,当用户执行高消耗操作如图片滤镜或特效时可以临时增加 2-3 个 web worker,操作结束后再关闭这些额外的 web worker。总之,对IO密集型任务,质优于量。原创 2023-05-30 20:00:00 · 2092 阅读 · 0 评论 -
如何封装一个js文件?
这个 DOM 库使用模块模式封装了一些常用的 DOM 操纵方法,并暴露了一个 dom 的命名空间对象给外部使用。:使用闭包或模块模式封装代码,不将变量暴露在全局作用域。:使用对象字面量创建命名空间,防止函数与变量名称冲突。:不仅可以避免变量污染全局作用域,还可以模拟类。:这可以防止浏览器加载缓存的脚本文件。:这是一种暗示这些成员是私有的约定。这能避免许多 JS 潜在的问题。:在 JS 文件的首行添加。原创 2023-05-19 15:59:11 · 1115 阅读 · 0 评论 -
web-worker使用ajax进行接口调用
所以总的来说,虽然 web worker 无法直接使用 XHR,但有很多方式来进行 AJAX 请求。Fetch API 可能是最简单的选择。原创 2023-04-28 17:16:21 · 714 阅读 · 0 评论 -
Vue2学习笔记
自定义指令主要是为了重用涉及普通元素的底层 DOM 访问的逻辑。一个自定义指令由一个包含类似组件生命周期钩子的对象来定义。钩子函数会接收到指令所绑定元素作为其参数。将一个自定义指令全局注册到应用层级}) // 使 v-focus 在所有组件中都可用 app . directive('focus' , {// 在绑定元素的 attribute 前 // 或事件监听器应用前调用 created(el , binding , vnode , prevVnode) {原创 2023-02-08 14:14:55 · 703 阅读 · 0 评论 -
flexbox 优雅布局
【代码】flexbox 优雅布局。原创 2023-02-01 14:04:12 · 113 阅读 · 0 评论 -
前端常见的公共方法
// 数组去重export function uniqueArr(arr) { return Array.from(new Set(arr))}// 获取字节长度export function byteLength(str) { let s = str.length for (var i = str.length - 1; i >= 0; i--) { const code = str.charCodeAt(i) if (code &g原创 2021-11-25 14:25:59 · 394 阅读 · 0 评论 -
正则表达式
正则表达式正则表达式修饰符i:大小写不敏感g:全局匹配m:多行匹配正则表达式模式:括号用于查找一定范围内的字符串:表达式描述[abc]查找方括号之间的任何字符[0-9]查找任何从0到9的数字(x , y)查找由,分隔的任何选项元字符:拥有特殊含义的字符元字符描述\d查找数字\s查找空白字符\b匹配单词边界\uxxxx查找以十六进制数xxxx规定的Unicode 字符定义量词:量词描原创 2021-10-22 17:10:05 · 184 阅读 · 0 评论 -
js字符串/数组方法汇总
js字符串方法汇总//slice(start,end) //substring(start,end) //substr(start,length) var str = "1234567890"; var res = str.slice(4, 6); //前闭后开,从前往后,索引为0开始---//56 var res = str.slice(-8, -6); //前闭后开,从后往前,索引为1开始---//34 var res = str原创 2021-10-15 17:12:20 · 285 阅读 · 0 评论 -
微信小程序保存网络图片至本地
小程序保存网络图片时发现保存的是以.bin为后缀的文件,无法正常识别,参考网上的例子重新弄了一下,在此记录// 保存图片(主要针对授权的几种不同情况判断) saveCard() { let that = this wx.getSetting({ success: (res) => { if (res.authSetting['scope.writePhotosAlbum']) { that.saveImg() } else if原创 2021-09-22 15:31:07 · 1403 阅读 · 0 评论 -
CSS文本超出2行就隐藏并且显示省略号
超出一行隐藏:overflow:hidden; //超出的文本隐藏text-overflow:ellipsis; //溢出用省略号显示white-space:nowrap; //溢出不换行但是第三条属性,只能显示一行,不能用在这里,那么如果显示多行呢?超出两行隐藏:css3解决了这个问题,解决方法如下:display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。-webkit-box-orient:vertical; //从上到下垂直排列子元素(设置伸缩盒子的子元素原创 2021-08-20 10:31:29 · 7865 阅读 · 0 评论 -
js数组与字符串的相互转换方法
js数组与字符串的相互转换方法1、数组转字符串需要将数组元素用某个字符连接成字符串,示例代码如下:var a, b;a = new Array(0,1,2,3,4);b = a.join("-"); //"0-1-2-3-4"2、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串,并以数组形式返回,示例代码如下:var s = "abc,abcd,aaa";ss = s.split(",");// 在每个逗号(,)处进行分解 ["abc", "abcd", "aaa"原创 2021-04-19 17:19:34 · 377 阅读 · 1 评论 -
input禁止输入空格
input禁止输入空格<!DOCTYPE html><html> <div class="modal-body form"> <div class="form-group"> <label class="col-sm-2 control-label" >资产编号<span class="required"> * </s原创 2021-03-11 14:24:15 · 3883 阅读 · 0 评论 -
element-ui 上传图片后清空图片列表
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> <s原创 2021-03-10 17:09:47 · 1886 阅读 · 0 评论 -
js异步操作-uniapp为例+console的一些用法
Promise 是抽象的异步处理对象构造方法:let promies = new Promise((resolve, reject) => { resolve(); //异步处理 });Promise 有三个状态:Fulfilled: has-resolved, 表示成功解决,这时会调用 onFulfilled.Rejected: has-rejected, 表示解决失败,此时会调用 onRejected.Pending: unresolve,表示待解决,既不是resolve也不是原创 2021-03-03 11:43:14 · 1466 阅读 · 0 评论 -
js使用定时函数执行异步调用
要求:需要在页面加载的时候先执行函数doSomething,再执行其他函数方法一:使用回调函数mounted() { this.doSomething(this.callback); },methods: { callback(result){ console.log('接收到的结果为'+result); }, doSomething(callback){ console.log('执行结束'); setTimeout(function(){原创 2020-12-22 17:27:35 · 1466 阅读 · 0 评论 -
微信小程序开发--uniapp
uniapp介绍什么是uniappuniapp是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。截止2020年8月份,uniapp已经支持一套代码打包到 Android、IOS、H5、微信小程序、支付宝小程序、百度小程序、字节跳动小程序、QQ小程序、快应用、360小程序 10个平台。移动端跨平台技术发展史随着互联网的逐渐发展,互联网公司越来越多,原生的移动端存在无法原创 2020-10-10 09:44:05 · 5364 阅读 · 1 评论 -
HTML基础
HTML文件代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>文档的标题</title></head><body>标题使用标签h来定义<h1>标题一</h1><h2>标题二</h2>段落使用标签p来定义<p>段落一</p><p>段落二&l原创 2020-08-12 16:50:41 · 238 阅读 · 0 评论