js
lxy123456780
这个作者很懒,什么都没留下…
展开
-
npm发包流程
先在npm官网注册自己的账号 https://www.npmjs.com/开始编写自己的包先npm init创建一个package.json文件{ "name": "helloworldlxy", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "test": "echo \"Error: no test specified\" && exit 1" ..原创 2021-06-18 14:51:26 · 155 阅读 · 0 评论 -
nrm镜像管理工具
全局安装nrmnpm install nrm -g执行nrm -h看下是否正常执行如果报错 找到node_global/node_modules/nrm里的cli.js 将第17行代码const NRMRC = path.join(process.env.HOME, '.nrmrc');替换为const NRMRC = path.join(process.env[(process.platform == 'win32') ? 'USERPROFILE' : 'HOME'], '.nrmrc').原创 2021-06-18 14:36:51 · 145 阅读 · 0 评论 -
nvm管理多个node版本
windows电脑下载安装nvm-windowsgithub搜索nvm-windows下载,点击下载nvm-windows可以选择下载安装版还是解压版安装版按指令下一步安装即可,环境变量会自己配置解压版需要自己去配置环境变量新建NVM_HOME 值:E:\program\node\nvm(填自己的目录x:\xxx\nvm)新建NVM_SYMLINK, 值:E:\program\node\nodejs(这里目前没有这个目录,其实是node.js版本目录的快捷方式,暂时不用管,后面自动生成).原创 2021-06-18 14:28:36 · 221 阅读 · 0 评论 -
我遇到的面试题2021.5
this的指向都有哪些情况可以修改new的this的指向吗?js实现继承的方式都有哪些?你都封装过什么组件?如何实现的?类中的方法存在于什么上?为什么属性不在原型上?重排重绘的区别BFC的概念,如何实现BFC开发中遇到手机和电脑的兼容性开发中手机端的兼容性,手机端点击延迟是什么原因,如何解决?css如何实现三角形,扇形自己实现一个toast类自己实现一个手风琴效果的折叠面板点击加入购物车的抛物动画如何实现,疯狂点击,如何实现很多个东西加入购物车,且要做到性能优化如何实现图片懒加载.原创 2021-05-25 11:14:53 · 84 阅读 · 0 评论 -
前端基础面试题
calc, support, media各自的含义及用法@support主要是用于检测浏览器是否支持CSS的某个属性,其实就是条件判断,如果支持某个属性,你可以写一套样式,如果不支持某个属性,你也可以提供另外一套样式作为替补。calc() 函数用于动态计算长度值。 calc()函数支持 “+”, “-”, “*”, “/” 运算;@media 查询,你可以针对不同的媒体类型定义不同的样式。css水平、垂直居中的写法,请至少写出4种水平居中行内元素: text-align: center.原创 2021-04-14 08:28:21 · 108 阅读 · 0 评论 -
文件分块上传
文件上传 大于20M时分块上传创建一个FileHandler类 来进行文件的一些判断处理/* eslint-disable */import { getSTS } from "@/utils/api/global";import MD5 from "spark-md5";import {uploadChunks, uploadSFile} from '@/utils/api/upload.js'import Chunk from "@/utils/share/chunk";const Fi.原创 2021-04-12 14:46:52 · 469 阅读 · 0 评论 -
image-conversion+canvas图片拼接及压缩
图片拼接用的是canvas 图片压缩用的是image-conversion插件引入image-conversion插件cnpm i image-conversion -S导入固定拼接的图片import defaultHeadPng from ‘@/assets/img/normalPic.png’拼接图片 js// 生成符合条件的图片实例filesToInstances(files, callback){ const length = files.length; // 图片路径个数 l.原创 2021-04-12 14:23:05 · 564 阅读 · 1 评论 -
html2canvas页面截图
引入插件cnpm i html2canvas -S将要生成图片的元素 加上id名<div id="imageDom"></div>使用function clipPage(){ html2canvas(document.querySelector('#imageDom'), { backgroundColor: '#f8f8f8', allowTaint: false, // 允许画布被污染 useCORS: true // 图片允许跨域.原创 2021-04-12 13:43:07 · 216 阅读 · 0 评论 -
ES6中的生成器yield
yield是yield是ES6的新关键字,使生成器函数执行暂停,yield关键字后面的表达式的值返回给生成器的调用者。它可以被认为是一个基于生成器的版本的return关键字。yield关键字实际返回一个IteratorResult(迭代器)对象,它有两个属性,value和done,分别代表返回值和是否完成。yield无法单独工作,需要配合generator(生成器)的其他函数,如next,懒汉式操作,展现强大的主动控制特性。yield的异步使用// 模拟获取,用户数据,订单数据,商品数据.原创 2021-03-30 21:34:58 · 386 阅读 · 0 评论 -
js千分位逗号分隔的三种方法
toLocaleString方法 // 扩展性差 且如果本地语言不合适的话会不起作用 function format(v) { //这是用正则表达是检查是否是纯数字 if(/^[0-9]+$/.test(str)){ return (+v).toLocaleString() }else{ return '--'; } }正则表达式//这种方法虽然简单便捷,但是不容易懂function format(v) { if(/^[0-9]+$/.t.原创 2020-10-20 12:52:30 · 1800 阅读 · 0 评论 -
js实现图片本地压缩并上传
首先本地上传一张图片进行大小及格式验证获取图片base64编码设置压缩后的宽高并new 一个 Image,canvas绘制出改Image,并设置压缩后的宽高利用canvas对图片进行压缩获取到压缩后的base64编码,可以进行图片上传等操作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片压缩</title></he.原创 2020-07-09 17:16:05 · 643 阅读 · 0 评论 -
js获取当前时间 new Date 时间转换
1. 获取当前时间时间戳var now = new Date().getTime();// getTime()是获取时间戳2. 获取指定时间的时间戳 var time = new Date(2020,07,08).getTime(); //new Date( year, month, date, hrs, min, sec) 按给定的参数创建一日期对象3. new Date()的基本方法var myDate = new Date(); myDate.getYear(); //获取当前原创 2020-07-07 14:37:57 · 1898 阅读 · 0 评论 -
Vue中输入框只能输入整数和小数
在main.js中写一个指令 //限制只能输入正整数,不包含小数 Vue.directive('enterNumber', { inserted: function (el) { el.addEventListener("keypress",function(e){ e = e || window.event; let charcode = ty...原创 2019-04-10 10:47:22 · 3931 阅读 · 7 评论 -
for循环 for-of for-in
for-in 用于 数组和对象var arr = ['a','b','c','d'];for(var i in arr) { console.log(i); // 0 1 2 3}console.log('---------------');var obj = {a:'a', b:'b', c:'c'};for(var i in obj) { console.log(i); //...原创 2019-03-05 17:57:48 · 372 阅读 · 0 评论