- 博客(11)
- 收藏
- 关注
原创 vue公共组件封装
#####1.在确保电脑安装了node的条件下,可用node -v来检测是否电脑有安装node#####2.通过vue-create 【项目名】创建一个vue项目#####3.创建一个component里面的文件,在home页面去引用他,子组件封装<template> <div class="content"> <div class="head"> <img :src="person.imgUrl" alt="" />
2021-08-16 23:39:30
486
原创 小白之封装第一个组件到组件库的过程(超详细的经验)
故事前景:之前没有封装过公共组件到某个组件库的经验,此次是从零开始,我尽量写的详细一些,开始还抱着一些担忧,后来发现这个就像我们平时写业务一样,不是很难,难的是封装的组件做到让别人挑剔不起来。好了,话不多说,咱们开始今天的话题。开始之前有些什么:有一个老大搭建好的组件库项目,是用的storybook去搭建的,下面我把老大搭建的框架用到的开发依赖跟生产依赖截图出来![在这里插入图片描述](https://img-blog.csdnimg.cn/06b9126d1c7945ce8b92b08a87a56
2021-08-03 16:18:41
630
原创 实现小于12px字体大小效果
实现小于12px字体大小效果1.不能是行内元素2.字体大小翻倍再利用transform:scale(0.5)缩小,动画不能用3.设置对齐方向核心代码段如下display: inline-block;transform: scale(0.5);-webkit-transform: scale(0.5);transform-origin: left;...
2021-03-18 10:31:59
123
原创 js内存泄漏的几种常见情况
内存泄漏内存泄漏是指不再用到的内存,没有及时释放。既不能使用,又不能回收。导致内存泄漏的几种常见情况1.意外形成全局变量解决方法:加上‘use strict’启用严格模式来避免这类问题, 严格模式会阻止你创建意外的全局变量.2.闭包解决方法:在函数外部定义事件处理函数,解除闭包。或在闭包中,删除没用的属性以减少对内存的消耗。或在外部函数中删除对DOM的引用3. 清除页面dom元素时,dom元素绑定的事件未解绑解决办法:手工移除事件。4.循环引用functio..
2020-10-22 15:44:50
1001
2
转载 ES6、ES7、ES8、ES9、ES10新特性一览
ES6、ES7、ES8、ES9、ES10新特性一览ES全称ECMAScript,ECMAScript是ECMA制定的标准化脚本语言。目前JavaScript使用的ECMAScript版本为ECMA-417。关于ECMA的最新资讯可以浏览ECMA news查看。ECMA规范最终由TC39敲定。TC39由包括浏览器厂商在内的各方组成,他们开会推动JavaScript提案沿着一条严格的发展道路前进。 从提案到入选ECMA规范主要有以下几个阶段:Stage 0: strawman——最初想法的提交.
2020-10-15 19:44:11
451
转载 yarn的安装和使用
yarn的安装和使用yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点:速度超快。 Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用率,因此安装速度更快。 超级安全。 在执行代码之前,Yarn 会通过算法校验每个安装包的完整性。 超级可靠。 使用详细、简洁的锁文件格式和明确的安装算法,Yarn 能够保证在不同系统上无差异的工作。 yarn的安装:下载node.js,使用npm安装n
2020-10-14 17:10:30
150
转载 JavaScript 中 call()、apply()、bind() 的用法
JavaScript 中 call()、apply()、bind() 的用法分类编程技术其实是一个很简单的东西,认真看十分钟就从一脸懵B 到完全 理解!先看明白下面:例 1obj.objAge; // 17obj.myFun() // 小张年龄 undefined例 2shows() // 盲僧 比较一下这两者 this 的差别,第一个打印里面的 this 指向 obj,第二个全局声明的 shows() 函数 this 是 window ;1,cal.
2020-08-11 17:23:41
106
原创 js取最小最大值--Math.min()、Math.max()
js取最小最大值--Math.min()、math.max()【注】有一些ES3之前的资料没有更新前,是两个参数来调用,现在可以是一个一个数组,两个参数也没有错一、Math.min() 返回一组表达式中最小者eg: var n = Math.min( 2 , 30 ,1 , 200-10 , 300*22 , 20-30);alert(n);//打印出n为 -10 ;二、Math.max() 返回一组表达式中的最大者eg:var n = Math.max(...
2020-08-10 21:09:32
3179
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人