![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js中的一些重要属性
梦一场江南烟雨
听闻远方有你,动身跋涉千里,我吹过你吹过的风,这算不算相拥
zhoukai.blog.csdn.net
展开
-
失败重试之延时调用
关于某项任务执行失败后重新延时调用的代码。原创 2022-11-02 18:02:00 · 133 阅读 · 0 评论 -
用js实现判断触摸滑动方向
用js实现判断触摸滑动方向原创 2022-06-16 10:13:10 · 838 阅读 · 0 评论 -
自定义指令封装,在el-table中实现上拉加载
关注一下,断点更新哦,以下是vue3写法如上代码写好后,在main.js文件中进行引入使用的时候如下html代码js代码原创 2022-06-06 19:09:59 · 656 阅读 · 1 评论 -
css+js实现一个跳动的loading动画效果
css+js实现一个跳动的loading动画效果原创 2022-05-20 01:16:43 · 968 阅读 · 0 评论 -
用CSS+JS实现一个文字冒水泡的效果
用CSS+JS实现一个文字冒水泡的效果原创 2022-05-20 01:09:45 · 546 阅读 · 0 评论 -
封装一个获取url中的参数的比较好的函数
此次封装,我们实现了以下几点要求(1) 指定参数名称,返回该参数的值 或者 空字符串(2) 不指定参数名称,返回全部的参数对象 或者 {}(3) 如果存在多个同名参数,则返回数组(4) 不支持URLSearchParams方法function getUrlParam(url, key) { let result = {} url.replace(/\??(\w+)=(\w+)&?/g, (str, keyname, val) => { if (result[keyna原创 2022-02-23 16:33:36 · 222 阅读 · 0 评论 -
性能优化之创建文档碎片:document.createDocumentFragment
什么是文档碎片?,文档碎片可以干嘛?文档碎片就类似于一个小型的dom,插入到dom中时速度会更快在浏览器中,我们一旦把节点添加到document.body(或者其他节点)中,页面就会更新并反映出这个变化,对于少量的更 新,一条条循环插入也会运行很好但是,如果当我们要向document中添加大量数据时(比如10w条),如果像上面的代码一样,逐条添加节点,这个过程就可能会 十分缓慢。 为了解决这个问题,我们可以引入createDocumentFragment()方法,它的作用是创建一个文档碎片,把要插入的原创 2022-02-18 17:49:20 · 507 阅读 · 0 评论 -
关于vue中render函数的使用
可能大家都知道vue有个render函数,但是至于怎么去使用,很多人可能都还不会,所以很多项目里面几乎都没有用过render函数render函数跟template有什么区别?他们都是类编译器render函数就是template的下一步,当编好template后,vue就会通过render函数去调用createElement,createElement会根据模板来创建一个真实的dom接下来我就叫大家怎么使用render函数:例如:建立一个子组件button.vue:<script>原创 2021-11-04 12:18:40 · 781 阅读 · 0 评论 -
用JS实现图片格式的转换
html代码: <div class="wrap"> <div class="wrap_info"> <div class="btn select_img"> 选择图片<input type="file" id="inputimg" /> </div> <div class="image_name"></原创 2021-11-04 11:50:20 · 3327 阅读 · 4 评论 -
开发自己的npm模块包并进行发布、使用
首先你得注册一个npm的账号至于怎么注册npm账号就不用我多说了吧点击这里到npm进行注册:https://www.npmjs.com/signup创建项目例如创建一个格式化数组的项目:formatarray在formatarray文件夹下打开命令行窗口,然后执行以下命令:npm init输入npm init后按回车键,然后根据提示一步一步操作package name输入你想要定义的包名,例如我的包名就叫formatarray,如果不输入它会默认以你的文件夹名字为包名到descripti原创 2021-10-27 18:01:59 · 711 阅读 · 0 评论 -
vue通过自定义指令使input输入框自动获取焦点
在部分开发场景中我们需要input输入框自动获取焦点我们可以通过以下代码实现使用自定义指令 v-focus<template><el-input v-focus v-model="scope.row.comment" placeholder="请输入内容" @input="onInput"></el-input></template>在script中注册自定义指令// 使用directives注册v-focus指令directives: {原创 2021-09-24 10:03:57 · 2070 阅读 · 2 评论 -
姓名正则校验(包含少数民族)
姓名正则校验(包含少数民族)/^[A-Za-z0-9\u4e00-\u9fa5\.·]{1,10}$/原创 2019-10-14 14:41:42 · 6220 阅读 · 2 评论 -
让输入框输入的时候只能输入整数
说什么废话,直接上代码html代码 <el-form-item label="数量" prop="count"> <el-input type="number" step="1" min="0" max="999999999999" v-model="count" @input.native="onInput" placeholder="请输入数量">原创 2021-06-22 17:40:07 · 514 阅读 · 1 评论 -
vue父子组件、兄弟组件之间的传值通信
一般来说在vue项目里面的父、子组件间的传值很容易理解,父传子无非就是在子组件里面用props来显示的声明父组件传递的属性,例如:子组件:<!--这是子组件 child.vue --><template> <div class="not-found"> {{ message }} </div></template><script> props: ['message'], export default {原创 2021-05-31 17:57:48 · 1166 阅读 · 4 评论 -
如何使用命令行删除安装的所有node_modules
首先要全局安装一个工具npm install rimraf -g其次是在项目里运行以下命令rimraf node_modules搞定原创 2021-05-31 17:34:11 · 1010 阅读 · 0 评论 -
原生js实现仿美团外卖向上滑动时的懒加载缓慢上移效果
本文主要分享的是仿美团外卖上滑的时候出现的懒加载以及缓慢上移效果主要用到的有css3的transform: translateY()以及dom的一个api接口getBoundingClientRect()html代码如下<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-widt原创 2021-03-08 14:51:25 · 579 阅读 · 2 评论 -
类与继承
// 使用es5定义一个类function Person() {// 构造函数里面添加属性this.name = ‘小哥’this.age = 18this.weight = ‘65kg’// 构造函数里面添加实例方法this.work = function() {console.log(this.name + ‘正在工作,别打让他!’)// alert(this.name + ‘正在工作,别打让他!’)}}// 通过原型链给类扩展新属性Person.prototype.sex =原创 2021-01-06 11:12:52 · 99 阅读 · 1 评论 -
函数防抖和函数节流及其使用场景
函数防抖(debounce)所谓函数防抖其实就是防止在过于频繁的操作下执行某个事件为防止频繁调用,我们通常会在触发动作过N毫秒后,才会去执行该动作,如果在这N毫秒内又触发此动作则将重新计算执行时间接下来就用闭包来实现一个防抖函数吧:// 防抖函数function debounce(fun, waitTime) { let timer = null return function() { clearTimeout(timer) timer = setTimeout(() => {原创 2020-12-31 12:07:05 · 1210 阅读 · 1 评论 -
对js中arguments的理解
export default function (target) { for (let i = 1, j = arguments.length; i < j; i++) { let source = arguments[i] || {} for (let prop in source) { if (source.hasOwnPr...原创 2020-03-06 11:58:31 · 279 阅读 · 0 评论