睡到人间煮饭时-优快云博客

原创 js的继承

继承原型链继承1.让子类的原型指向父类的实例;2.子类的构造函数上子类的显示原型上new上父类的实例（参数）3.特点JS继承也不像其他语言中的继承一样(其他语言:子类继承父类,就是拷贝一份父类的属性和方法),js中他是把父类的实例放到子类的原型链上,子类实例想要去调用这些属性和方法的时候,实际上是基于__proto__原型链查找的形式去完成的子类实例可以直接修改父类上的方法(这样就会导致其他父类实例都会收到影响)父类中私有的属性和方法,在实现原型链继承之后都会变成子类公有的属性和方法//

2021-10-21 18:53:03 239

原创 promise和async+await

Promise ——主要用于把异步请求数据改成同步执行异步操作：操作之间没啥关系，可以进行多个操作。代码复杂一些同步操作：同时只能做一件事情。代码相对简单一些基本用法：var p= new Promise(function (resolve, reject) { //异步请求内容-事件，ajax,定时器 resolve("成功！"); // reject("失败！"); }) // promise用同步代替异步执行 p.the

2021-10-21 17:05:41 178

原创拖拽知识点

写拖拽案例用到的知识点页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;window.innerHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scrollWidth;网页正文全文高： document.body.

2021-10-08 18:57:36 180

原创原生js去除前后空格

原生js去除前后空格：trim：翻译过来的意思是修剪，切边的意思作用是去出字符串两端的空格，无论一串字符串两端有多少空格都会去掉，字符串中间的不会影响，除此之外，还可以去掉一些特殊的如：\t \n \v \f \r \x0085 \x00a0 ? \u2028 \u2029 。使用正则来解决，最好的办法 function trim(str) { return str.replace(/^\s+/, '').replace(/\s+$/, ''); }

2021-09-28 09:04:58 308

转载实例创建自己的npm包，发布npm包并使用

实例创建自己的npm包，发布npm包并使用前言npm 是 Node.js 官方提供的包管理工具，项目中我们经常用到npm包（”npm install xxx”），我们为什么需要npm，我的理解是npm是为了解决：代码复用；因为基于已有的成熟代码快速开发新的应用，可以极大地提高开发效率，“不要重复造轮子”；为什么要创建自己的npm包？平时项目积累的公共方法，可以封装起来，发布到自己的npm包，以便我们在项目中方便复用；创建简单npm包：文件结构目录：js-utils–src----base.j

2021-07-15 12:33:15 1359

转载常见网站的css样式重置

常见网站的css样式重置新浪html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }fieldset, img { border:none; }img{display: block;}address, caption, cite, code, dfn, th, var { font-style:normal; font-w

2021-07-12 17:24:22 181

原创 css样式重置

前端css样式重置html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd,

2021-07-12 16:48:26 87

原创 vue3封装全局loading

vue3使用js封装全局的loading第一步在components文件中新建myLoad.vue组件<template> <div class="loading" v-show="msg.show"> <div>{{msg.title}}</div> </div></template><script>export default { props: { .

2021-06-07 11:56:19 547

原创正则的表达式

正则一、校验数字的表达式1. 数字：^[0-9]*$2. n位的数字：^\d{n}$3. 至少n位的数字：^\d{n,}$4. m-n位的数字：^\d{m,n}$5. 零和非零开头的数字：^(0|[1-9][0-9]*)$ 6. 非零开头的最多带两位小数的数字：^([1-9][0-9]*)+(.[0-9]{1,2})?$7. 带1-2位小数的正数或负数：^(\-)?\d+(\.\d{1,2})?$8. 正数、负数、和小数：^(\-|\+)?\d+(\.\d+)?$9. 有两位小数.

2021-06-07 10:05:30 86

原创 ref的用法

vue中ref的使用：基本用法，获取dom元素 <div id="app"> <div ref="testDom">11111</div> <button @click="getTest">获取test节点</button> </div></template><script>export default { methods: { getTest() {

2021-05-31 11:19:04 1032 3

weixin_56812055的博客