- 博客(149)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 比较好的网站推荐
假数据生成神器faker.js生成随机数据，拦截 Ajax 请求Mock.js多媒体处理工具 FFmpegvue国际化插件vue-i18n导出PDF文件插件JSPDF生成pdf在线预览插件pdf.jshtml截图插件html2canvas最好的移动端滚动插件better-scrollvue移动端轮播图插件vue-awesome–swipervue无缝滚动插件vue-seamless-scroll优化打包速度webpack插件happyPackJavaScript自动化软件Auto-js移动端级联插件pick
2023-05-02 20:37:47
281
原创 文字描边text-stroke
使用-webkit前缀的文字描边text-stroke -webkit-text-stroke: 2px #ccc; color:transparent...
2023-12-23 22:22:00
367
原创 求从1开始的前n个奇数和
// 求从1开始的前n个奇数和function total(n){ // const result = 0; // for(let i = 0;i<n;i++){ // result+=2*i+1 // } // return result; return n*n;} ...
2023-12-23 22:00:00
426
原创 谷歌浏览器chrome字号12px限制
问题:chrome浏览器页面限制字号,最小为12px 解决方法:使用transform的scale,但注意只有块元素或行-块元素,才能使transform生效. ...
2023-12-23 21:54:00
424
原创 零宽字符隐藏字符
零宽度空格符 (zero-width space) U+200B : 用于较长单词的换行分隔 零宽度非断空格符 (zero width no-break space) U+FEFF : 用于阻止特定位置的换行分隔 零宽度连字符 (zero-width joiner) U+200D : 用于阿拉伯文与印度语系等文字中，使不会发生连字的字符间产生连字效...
2023-12-23 21:43:00
411
原创 比较语义版本号
语义版本规范X.Y.Z[-P] 12.3.15.7.81.5.6-alpha.17.2.3-beta 使用迭代器iterator ...
2023-12-23 21:33:00
340
原创 失活页面的计时器问题
问题描述:页面设置了定时器,切换其他页面,过一段时间过来,定时器动画出现定位错误,重叠等问题 原因:chrome浏览器会对长时间处于静止状态的标签页的定时器进行节流,会把定时器间隔调整为不低于1s,有的浏览器会改为十几分钟.再E...
2023-12-23 21:03:00
341
原创 手写call
//手写callFunction.prototype.myCall = function(ctx,...args){ ctx = ctx ===null || ctx ===undefined?globalThis:Object(ctx) const key = Symbol(); Object.defineProperty(ctx,ke...
2023-12-22 17:27:00
318
原创 js数组分组
const arr = [{ name: 'a', age: 18, sex: '男' },{ name: 'b', age: 25, sex: '女' },{ name: 'd', age: 18, sex: '男' },{ name: 'c', age: 34, sex: '女' }]// 1.按单一属性分组{ "18":[{},{}],...
2023-12-13 17:07:00
351
原创 封装promise函数
const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class MyPromise { // 内部属性 #state = PENDING; #result = undefined; #handlers = [...
2023-12-13 16:38:00
330
原创 js分时函数
示例:点击按钮,往页面插入100000个div元素 const btn = document.querySelector('#add'); const datas = new Array(100000).fill(0).map((_, i) =&...
2023-12-13 15:06:00
329
原创 sass中的数学函数
适用场景：环绕布局图标：遥控器，手表，闹钟 @use 'sass:math';$r:145px;.item:nth-child(1){ $deg:45deg; $x:$r*math.sin($deg); $y:$r*math.cos($de...
2023-10-30 22:54:00
139
原创 箭头函数
"箭头函数" 是 JavaScript 中的一个概念，主要在 ES6（ECMAScript 2015）及以后的版本中使用。箭头函数提供了更简洁的语法来定义函数，并且与普通函数相比，它们还有一些不同的行为和特性。 ...
2023-10-29 22:09:00
62
原创 pnpm命令不能正常使用
为了解决这个问题，需要更改Power Shell的执行策略。可以通过运行以下命令来查看当前的执行策略： Get-ExecutionPolicy Restri...
2023-10-29 21:44:00
179
原创 js深拷贝
function deepClone(obj){ //初始化为[]或{} let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ //判断是否为自身属性 ...
2023-04-04 11:39:00
47
原创 高量级任务执行优化
// 辅助函数function _task(task,callback){ // 兼容性良好的写法 let starts = Date.now(); requestAnimationFrame(()=>{ if( Date.now() - starts<16.6){ task(); callbac...
2023-04-03 21:37:00
67
原创 promise并发请求
function getRequest(urls,maxNum){ return new Promise((resolve)={ if(urls.length===0){ resolve([]); return } const results = []; ...
2023-04-02 17:36:00
106
原创 验证回文串
回文串:正读反读一样,忽略掉大小写和非字母数字 function isPalindrome(s){ let start = 0; let end = s.length -1; while(end>=start){ const ...
2023-04-02 17:17:00
30
原创 微软算法题-按键映射
拼音九键所有的字母组合 function keyboardMap(digits){ var map = [,,'abc','def','ghi','jkl','mno','pqrs','tuv','wxyz']; var result = [];...
2023-04-02 16:52:00
33
原创 Promise顶级面试题
Promise.resolve().then(()=>{ console.log(0); return Promise.resolve(4)}).then(res=>{ console.log(res)});Promise.resolve().then(()=>{ console.log(...
2023-04-02 16:10:00
44
原创 判断数据是否发生变化
vue中判断数据是否变化的工具函数 export function hasChange(x,y){ if(x===y){ // 排除-0,+0 return x ===0 &&1/x!==1/y; }else{ ...
2023-04-02 15:31:00
71
原创 Symbol.iterator的应用
让下面的代码成立 var [a,b] = {a:1,b:2} Object.prototype[Symbol.iterator] = function(){ return Object.values(this)[Symbol....
2023-04-02 15:22:00
31
原创 数字格式化
var aa = "100232323";方法1正则表达式aa.replace(/(?=\B(\d{3})+$)/g,",")// '100,232,323'方法2:toLocalStringBigInt(aa).toLocaleString()// '100,232,323'
2023-04-02 14:43:00
24
原创 一键 Copy的功能
import { Message } from 'ant-design-vue';const vCopy = { // /* bind 钩子函数，第一次绑定时调用，可以在这里做初始化设置 el: 作用的 dom 对象 value: 传给指令的值，也就是我们要 copy 的值 */ bind(el, { value }) {...
2023-04-01 16:10:00
49
原创 图片懒加载
const LazyLoad = { // install方法 install(Vue,options){ // 代替图片的loading图 let defaultSrc = options.default; Vue.directive('lazy',{ bind(el,bind...
2023-04-01 16:09:00
25
原创 表单防止重复提交
/ 1.设置v-throttle自定义指令Vue.directive('throttle', { bind: (el, binding) => { let throttleTime = binding.value; // 节流时间 if (!throttleTime) { // 用户若不设置节流时间，则默认2s thrott...
2023-04-01 16:08:00
43
原创 常见的Webpack面试题
一、谈谈你对Webpack的理解 1.1 背景Webpack 的目标是实现前端项目的模块化，从而更高效地管理和维护项目中的每一个资源。在早期的前端项目中，我们通过文件划分的形式来实现模块化，也就是将每个功能及其相关状态数据各自单独放到不同的 JS 文件中。约定每...
2023-03-27 23:47:00
82
原创 BroadcastChannel和postMessage区别
相同点: 都可在不同页面之间,进行信息通讯 不同点: BroadcastChannel只可用于同源的不同页面;postmes...
2023-03-27 18:06:00
147
原创 vue-router完整的导航解析流程
完整的导航解析流程 1 导航被触发。2 在失活的组件里调用 beforeRouteLeave 守卫。3 调用全局的 beforeEach 守卫。4 在重用的组件里调用 beforeRouteUpdate 守卫(2.2+)。5 在路由配置里调用 before...
2023-03-26 12:10:00
85
原创 node直接运行ts文件
先安装ts-node npm i @types/node --save-devnpm i ts-node -g 运行ts文件 ...
2023-03-22 20:09:00
263
1
原创 设计稿750页面开发
js !function (win, lib) { var timer, doc = win.document, docElem = doc.documentElement, vpMeta = doc.q...
2023-03-22 09:32:00
23
原创 anywhere使用说明
anywhere使用说明 anywhere --help // print help information anywhere // 8000 as default port, current folder as root anywhere 8888 ...
2023-02-27 17:36:00
331
兼容IE的jquery滚动条插件.rar
2019-11-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人