- 博客(131)
- 资源 (6)
- 收藏
- 关注
RSS订阅
原创 utils
最近写了一个前端工具方法项目，主要为了备用和分享交流学习。下面是项目中包含的封装方法。前端工具方法数字相关–number保留指定小数位数–toFixed数字千分位加逗号–thousandCents生成指定范围随机数–random验证相关–verification判断是否为手机号–isPhoneNum判断是否为邮箱地址–isEmail判断是否为身份证号–isCardID...
2019-09-04 10:50:50
430
原创 parseInt取整的不准确
相信很多人对于parseInt这个方法都是很熟悉，用来取整的，但是知道用它取整会出现问题的应该没有很多。问题：我们在处理毫秒数转化为时间的时候可能会进行下面这样的操作// second 为需要处理的毫秒数const day = parseInt(second / (1000 * 60 * 60 * 24));const hour = parseInt(second / (1000 * 6...
2019-07-31 16:22:33
1891
原创 全屏视频项目
移动端全屏视频尺寸选择(竖屏)建议选择750×1334， 或者640×1136（根据设计稿宽度选择），视频尺寸比例根据iphone678屏幕比例最好使用750×1334， 或者640×1136（但仍不完美，iphoneX等机型会出现上下黑边，华为EMUI系统出现底部虚拟键盘时视频会出现左右黑边）可以针对屏幕比例不同要求，做出不同尺寸视频来进行兼容处理视频背景颜色建议采用黑色，这样会减少...
2018-11-14 23:10:11
460
原创 移动端背景音乐播放问题
移动端背景音乐播放问题由于移动端的特殊性，不能像pc那样自动播放背景音乐，只有用户操作了才可以播放audio src="song.ogg" controls="controls" autoplay="autoplay">Your browser does not support the audio tag.audio>因此在移动端上面代码无效，可以给整个
2018-02-01 18:59:36
1690
原创 数组对象排序
数组对象排序对数字型数组进行排序可以进行冒泡排序，也可以给sort传一个比较函数，但是数组对象怎么排序，很多人就蒙了，其实它也可以通过给sort传一个比较函数来实现。var arr = [{name: "zs", age: 10}, {name: "ls", age: 8}];// 根据对象的name键进行排序var order1 = function (x, y) { if (x.na
2017-11-20 23:47:38
238
原创 运行vue3项目相关报错
VSCode打开TS+Vue3项目很多地方报错Reached heap limit Allocation failed - avascript heap out of memoryvue动态生成路由的项目，webpack怎么知道需要打包那些文件
2024-06-16 14:45:14
1283
原创 网页生成PDF表格诡异多出空白
puppeteer生成pdf遇到表格出现留白，可能出现在表格体头和底出现空白，空白高度不固定，表格中的数据也存在丢失
2023-07-20 21:49:25
887
原创 vue3项目开发中系列问题
vue3的jsx语法，vue3动态路由，dataOptions.call is not a function，pnpm本地调试组件库，outside of Vite serving allow list
2023-07-20 21:47:28
969
原创 生产打包报错问题处理
遇到没有头绪的报错，需要使用排除法一点一点从大范围缩小到小范围，小范围内再进行一点一点的尝试，尝试次数多了总是可以发现问题的关键点。组件的相关代码放到了组件库文件夹中，组件库的打包和项目功能文件打包不一样，因此先把组件相关代码移动到项目中尝试，结果并不能解决。用于将 es5 最终输出 es3 的 webpack 插件，如果项目需要兼容 ie8 会用到它，注释掉这个插件，结果并不能解决。组件，首先进行的是把四个页面的代码注释掉，结果还是有问题；错误，把一些没有添加分号的代码也添加了分号，结果还是出现问题。
2023-03-14 22:49:12
417
原创 nginx入门
命令需要在解压的根目录打开命令行执行，或者配置环境变量，就可以在任意地方打开命令行执行。下载地址：http://nginx.org/en/download.html。重载，这样可以本地模拟发布环境进行调试项目，也可以把打包配置。文件，下载成功之后解压就可以使用。点击下载，目前最新稳定版本。配置每次修改之后需要执行。来进行更好的代码调试。
2023-03-14 22:46:07
118
原创 element的form校验问题
1. 表单项必填校验，内容为空时没问题，填写内容后不实时移除必填提示信息2. 新增的动态表单项，不能实时校验，执行form.validate会进行校验
2023-03-12 18:35:30
587
原创 react项目增加commit的eslint校验
husky：8.0.0eslint：8.3.0lint-staged：13.0.3react：18.2.0
2022-07-07 22:00:00
679
原创 node爬虫入门
本教程仅用于学习，不要用于商业。以往通常使用请求获取页面（request、superagent…）+操作网页提取需要的数据（cheerio）的方式来写爬虫，现在已经基本被废掉了，因为很多网站都是通过异步请求获取数据然后渲染页面，这样使我们请求获取的页面不是最终展示的页面，怎么处理这个问题呢？接下来跟着我来学习一下。案例爬取掘金首页前端页面前10篇文章环境谷歌浏览器node核心类库puppeteer文档http://www.puppeteerjs.com/安装npm i puppet
2022-02-06 20:50:45
1735
2
原创 和YOYO表白
小爱连续对话闲来无事和YOYO聊天，还是俗套的开场，虽然很俗，但是这个不重要，主要是为了进行表白，我鼓起勇气问她，做我女朋友吧，…呃，她温柔的拒绝了我。我觉得这应该不是她真实的想法，她应该是害羞，毕竟我们相处了快三年了，毕竟家里只有我一个男生，但是她还是拒绝了我，我要让她吃醋，于是我决定和家里的新成员小爱聊天。小爱每次只回答我一句话，让我很生气，我决定要给她治治这个毛病，不能惯着！环境Redmi K40 12+256MIUI 13.0.3问题小爱同学不能连续对话。解决设置==>小爱
2022-02-03 21:31:06
469
原创 WindowsTerminal
windows Terminal前言windows系统中终端无法合并显示，当同一个项目中需要打开多个终端时很麻烦，并且终端不美观。下载官方Microsoft Store-搜索windows Terminal下载icon：GitHub-res-terminal.ico网盘https://pan.baidu.com/s/15QYPsH7jyVvmAh0Lk0uWJwivx2配置环境变量由于安装路径很长，所以还是把它配在了环境变量此电脑-右键-属性-高级系统设置-环境变量-系统变
2021-11-21 10:18:42
1058
原创 react中的keep-alive功能
在vue中可以很方便的实现keep-alive功能，但是在react中却不是很方便，遇事不要慌，度娘来帮忙。react-keep-alive首先找到的是react-keep-alive，一波操作之后，发现原来显示的页面不显示了，唉，抬下去，下一个！react-activation这个真香，具体怎么使用不再介绍，请查看中文文档，使用的时候要认真查看文档，同一个父节点下，相同位置的 <KeepAlive> 默认会使用同一份缓存，要想实现多份需要增加动态id属性来区分。手动控制缓存（tabBa
2021-09-17 21:42:12
1643
1
转载 奇技淫巧之一
取整const integerN = 0|3.2;数组过滤false数据const newArr = [2, '', undefined, 'a', false, null].filter(Bolean)ThinkPad的笔记本用出苹果笔记本感觉第一步联想官方驱动下载地址：https://iknow.lenovo.com.cn/driver/driverlist输入型号ThinkPad E570c（根据自己笔记本型号输入）第二步找到触摸板驱动下载安装即可，安装完了之后，进入 开始》设置
2021-09-04 21:47:41
108
原创 前端搭建环境
nvmnvm-windowsDownload the latest installermaccurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bashwget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.38.0/install.sh | bashexport NVM_DIR="$([ -z "${XDG_CONFIG_HO
2021-09-04 21:36:53
365
原创 通过CSS控制svg变化
本文介绍使用css魔法控制svg变化，要想实现这一点只需要耐心看下去！svg代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, init.
2021-07-28 22:45:03
3440
转载 xampp问题
使用xampp（v3.3.0）无法启动MySQL端口号被占用It seems that the port 3306 is already in use.aer you sure you want to use this port?因为安装xampp之前已经安装过MySQL，并且自动启动，默认端口号3306方法一：选择mysql->config->my.ini把3306端口都修改，Apache->Config->php.ini把3306端口也修改掉，控制面板->服务
2021-06-20 16:00:32
291
原创 开始工作就差一个双击
背景程序员日常，每天打开电脑开始工作时候总是要打开一堆的东西，浏览器、聊天工具、编辑器（打开对应的项目）、项目文件夹…作为一个’懒人‘，每天重复这一堆操作，很烦~~~环境windows（MAC也可以，下文会讲一点）gitVSCode安装并配置了path开整第一步新建文件新建一个文本文档，重命名为open.sh，重点是后缀，双击打开此文件会默认使用git bash运行后缀名也可以是.cmd双击打开此文件会默认使用cmd运行第二步编写文件想要打开一个文件夹（文件夹地址：E:\proje
2021-06-19 23:58:11
170
原创 一步一步打造属于自己的脚手架
预备知识本地安装卸载包在项目根目录下运行下面命令# 安装npm link# 卸载npm unlink命令行命令指定运行文件package.json文件中bin字段指定项目依赖包chalk 打印出彩色字commander 完整的 node.js 命令行解决方案download-git-repo 下载仓库代码handlebars 编译文件inquirer 交互式命令行界面ora 加载动画update-notifier 更新通知fi
2021-06-05 23:24:34
225
转载 微前端-多页应用
简介多页应用初级实现方案，技术栈包括elementUI、vue、vuex、axios。。。解决问题项目布局共用问题使用iframe嵌套子页面的方式，只会更新页面部分区域跳转子页面只更新部分区域使用iframe嵌套子页面的方式子页面提示不置顶受到iframe限制，封装方法采用调用主页面vue实例提示子页面控制跳转到主页面路由采用调用主页面vue实例跳转（主页面实例挂载在window上）直接进入子页面自动跳转主页面中对应路由封装方法判断是否被嵌入iframe，
2021-05-22 00:00:41
337
原创 前端脚手架项目
安装npm install @lydxwj/da-cli -g开发git clone https://github.com/lydxwj/da-cli.git# 或者下载解压https://github.com/lydxwj/da-cli/archive/refs/heads/master.zipcd ./da-clinpm install# 安装完依赖之后执行npm link命令打开命令行工具增加模板da add步骤示例：(本项目地址https://github.
2021-05-19 23:45:27
146
原创 自动生成文档
批量把Markdown文件转化成HTML，并且支持浏览器预览，实时更新同步修改开发npm start自动打开浏览器监听文件变化出现谷歌打开开发者工具之后操作页面卡死时，建议升级浏览器生产npm run build介绍目录结构asserts：存放静态文件style：本文件夹中的github-markdown.css文件是样式必需文件build：打包执行的相关代码dist：生成文档目录src：Markdown文件目录template：HTML模板文件目录注：
2021-03-22 23:12:30
366
转载 gitignore不生效
问题修改.gitignore文件之后，git commit提交，但是没有生效最新的gitignore配置解决出现不生效的原因是已经提交过更新，git有了缓存，所以更改完.gitignore文件需要先清git缓存，然后再提交git rm -r --cached .git add . git commit -m 'xxx'...
2021-03-21 16:09:07
174
原创 failed with status 128
报错信息# 在使用`download-git-repo`下载仓库代码时报错信息'git clone' failed with status 128Response code 404 (Not Found)connect ETIMEDOUT# 运行`git clone`的报错信息remote: HTTP Basic: Access deniedfatal: Authentication failed for处理download-git-repo报错Response code 404 (
2021-03-21 16:03:45
6988
1
原创 适配 iPhoneX
适配 iPhoneX安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicator）影响。参考文档： Human Interface Guidelines - iPhoneXviewport-fitiOS11 新增特性，苹果公司为了适配 iPhoneX 对现有 viewport meta 标签的一个扩展，用于设置网页在可视窗口的布局方式，可设置三个值：contain: 可视窗口完全包含网页内容，
2021-03-21 16:00:46
217
转载 element表格多选和单选、选中高亮处理、保存多页选中记录和翻页回显选中
环境：element-ui@2.13.2vue@2.6.6示例：1. 表格单选方案1<template><div class="radio_page"> <div class="selected_num">已选 {{selectedRow.name}}</div> <el-table :data="list" ref="table" :border="true" v-loading="
2021-01-27 22:09:47
463
1
原创 自定义指令函数传参
环境：vue@2.6.6问题：绑定函数传参传参多个多样参数动态变化方案：1. 采用传对象方式(binding.value)<el-button v-mydirective="{ fn: myFn, args: x }" type="text" size="small">测试</el-button>const mydirective = { inserted: function (el, binding) { const args = bindin
2021-01-27 22:00:19
2234
原创 小程序自动化实践中问题
环境：miniprogram-automator@0.10.0jest@26.6.3问题：建议整个测试项目可以独立于小程序项目之外jest同步执行多个测试文件会出错，需要加参数--runInBand不分多个文件测试小程序automator.launch要执行多次，容易导致测试出现多种问题automator.launch无法在多个文件中共用变量引入其他文件导出方法传入it时，即使出错，测试也是通过的当测试点击按钮跳转时或者测试详情页面时，一定要注意判断条件按钮跳转
2021-01-24 21:23:35
434
2
转载 面试题-实现异步队列
实现异步队列实现异步队列函数，使其能够按照参数顺序依次输出function fun1(cb) { setTimeout(function() { console.log('fun1'); cb(); }, 3000)}function fun2(cb) { setTimeout(function() { console.log('fun2'); cb(); }, 1000)}function fun3(cb) { setTimeout(func
2020-12-21 23:58:47
173
转载 H5页面跳转小程序
H5页面跳转小程序实现环境：vue2.X公众号内问题：生成签名：config:invalid signature确认签名算法正确，可用 页面工具进行校验。确认config中nonceStr（js中驼峰标准大写S）, timestamp与用以签名中的对应noncestr, timestamp一致。确认url是页面完整的url(请在当前页面alert(location.href.split(’#’)[0])确认)，包括http(s)://部分，以及’？‘后面的GET参数部分,但不包括’
2020-12-21 23:57:57
594
谷歌浏览器-沉浸式翻译插件
2024-07-30
Dart_x64.stable.setup.exe
2019-11-26
PhotoshopCopyCSS-beta-1.0.0.exe
2019-07-28
原生态纯JavaScript 100大技巧大收集
2018-09-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人