- 博客(90)
- 收藏
- 关注
RSS订阅原创 使用remove-node-modules 删除工程中的node-modules
node_modules 文件夹不能手动删除，但是可以用npm提供的一个包来把它删除npm 提供一个包 remove-node-modules 来帮助删除 node_modules安装：yarn global add remove-node-modules//或npm install -g remove-node-modules删除当前项目根目录下输入remove-node-modules ，即可删除 node_modules 文件夹。...
2021-06-08 08:57:13
675
原创 JavaScript深入之内存空间思考题
var a = {n:1};//创建对象{n:1}，赋值给avar b = a;//b引用a的对象，实际上此时内存只有一个对象。变量a，b同时指向这个对象a.x = a = {n:2};//此时将这个对象的键值x赋值，赋值内容是运算表达式a={n:2}的运算结果{n:2}//a={n:2}这个运算表达式又创建了一个对象{n:2}，同时让a指向这个对象//此时内存中有两个对象 a指...
2021-01-11 10:49:00
209
原创 微信小程序下拉选择器(反UI的产品设计)
产品居然在小程序中使用了 web 的下拉框设计...行吧,简直就是反交互。行吧，谁让产品是大哥呢。网上搜了一圈发现使用下拉框的并不多，但也是有，找了个类似的，改造成组件。github地址: https://github.com/hukuangjie/weapp_drop_down_selector结果这个最基础的组件写出来之后,这个涉及到这个下拉框的需求已经被我一波讨论之后砍了。...
2020-10-29 14:44:00
533
原创 vue-router 的 query 和 params 传参的区别
首先简单来说明一下router和router和route的区别router为VueRouter实例，想要导航到不同url，则使用router为VueRouter实例，想要导航到不同url，则使用router.push方法$route为当前router跳转对象，里面可以获取name、path、query、params等params方式传参和接收参数this.$router.pu...
2020-09-22 16:42:00
396
原创 HTML 中 meta 标签的使用
之前学习前端中，对meta标签的了解仅仅只是这一句。<meta charset="UTF-8">meta 常用于定义页面的说明，关键字，最后修改日期，和其它的元数据。这些元数据将服务于浏览器(如何布局或重载页面)，搜索引擎和其它网络服务。组成：meta标签共有两个属性，分别是 http-equiv 属性和 name 属性。1. name 属性name 属性主要用于...
2020-09-16 10:22:00
359
原创 去除桌面快捷方式图标
快捷键win+R打开运行窗口，输入：cmd /k reg delete "HKEY_CLASSES_ROOT\lnkfile" /v IsShortcut /f & taskkill /f /im explorer.exe & start explorer.exe重启 资源管理器 即可。...
2020-09-15 18:02:00
248
原创 Shim 和 Polyfill 的区别
在JavaScript的世界里，有两个词经常被提到，Shim 和 Polyfill。它们指的都是什么，又有什么区别？一个 Shim 是一个库，它将一个新的API引入到一个旧的环境中，而且仅靠旧环境中已有的手段实现。一个 Polyfill 就是一个用在浏览器 API 上的 Shim。我们通常的做法是先检查当前浏览器是否支持某个 API，如果不支持的话就加载对应的 Polyfill。然后...
2020-09-11 17:29:00
190
原创 当在scope样式中使用/deep/飘红报错时
当在scope样式中使用/deep/飘红报错时，可以使用::v-deep代替。<style lang="scss" scoped>::v-deep { .van-index-anchor { padding: 0; }}</style>这和/deep/是一样的效果。...
2020-09-04 15:51:00
982
原创 IOS 微信 7.0.13 小程序 tabbar 的上边框变黑了
app.json中的tabbar配置里新增"borderStyle": "white"即可
2020-06-28 10:29:00
309
原创 小程序全局设置分享封面
微信小程序每个页面都可以在onShareAppMessage中设置分享内容，如果想要全局设置成一样的分享内容如何设置呢？在app.js中新增以下方法：App({ onLaunch: function () { this.overShare() }, //重写分享方法 overShare: function () { //监听路由切换 //间接实...
2020-05-26 10:32:00
1492
原创 CSS 扩大可点击区域的 2 种方法
一、使用 border/padding 属性扩大可点击区域<button class="btn">点击</button>.btn { border: 20px solid transparent; background-clip: padding-box;}或者.btn { padding: 20px;}二、使用伪元素扩大可点...
2020-05-25 10:10:00
2306
原创 微信小程序 new Date() 方法在iOS设备上无效的问题的解决方法
小程序开发过程中，发现 Android 设备可以正常的显示时间，而 iOS 设备无法正确的显示。1.查询资料后，得知iOS 系统对 JavaScript 中的 new Date() 方法有严格的格式要求。let now = new Date("2020-08-08 00:00") // now会返回valid Date2.正确的写法应该是let now = new Date("2...
2020-04-23 17:38:00
1457
原创 Vimium快捷键使用小记录
Vimium是一款谷歌浏览器扩展程序，它继承了 Vim 中的常用操作，让我们在使用 Chrome 的过程中，无论是浏览网页、切换标签或是其它任何操作，全都可以只通过键盘完成。Vimium 插件可以帮我们做到：帮助您在不触摸鼠标的情况下浏览网页使用巧妙的突出显示方法来使用链接进行导航可自定义的键盘快捷键有一个页面内的帮助对话框来提醒您个性化的快捷键1、页面操作j:向下滚动一...
2020-04-09 14:48:00
198
原创 JavaScript 的移位运算符
移位运算就是对二进制进行有规律低移位。移位运算可以设计很多奇妙的效果，在图形图像编程中应用广泛。“<<”运算符“<<”运算符执行左移位运算。在移位运算过程中，符号位始终保持不变。如果右侧空出位置，则自动填充为 0；超出 32 位的值，则自动丢弃。把数字 5 向左移动 2 位，则返回值为 20。console.log(5 << 2); //返回...
2020-04-07 09:46:00
289
原创 js 点击刷新的按钮执行动画 (转一圈)
css 代码:/* 刷新按钮 */.refresh { width: 32px; height: 32px; position: relative; top: -2px;}/* 刷新动画 */ @-webkit-keyframes rotation {from { -webkit-transform: rotate(0deg)...
2020-04-03 17:09:00
1974
原创 JS 获取当前时间,格式为年月日时分秒
let getNowFormatDate = () => { //获取当前时间 let date = new Date(); let seperator1 = "."; //年月日之间的分隔 let seperator2 = ":"; //时分秒之间的分隔 let month = date.getMonth() + 1 < 10 ? "0" + (da...
2020-04-02 14:24:00
1213
原创 HTML Input=“file”文件上传,限制文件类型 Accept Attribute File Type (CSV)
组合上传 CSV 和 Excel 文件:<input id="fileSelect" type="file" accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" />有效接受类型：对于CSV文件(.csv)，请使...
2020-03-26 10:36:00
833
原创 接口报错 Status (blocked:other)
后台写的接口太「垃圾」了，被当成广告了，哈哈哈。点击这个在该域名上停用就行。原因：接口名字中存在 ad 这两个字母，就被解析识别到为广告了。ps：毕竟去广告还是要，不然上班看电影有广告太不方便了。...
2020-03-16 10:45:00
547
原创 js 把字符串数组转换为数字数组
例子 : ['1','2','3']=>[1,2,3]let strArr=['1','2','3']let numArr = strArr.map(Number)console.log(numArr) //[1,2,3]
2020-03-14 00:17:00
725
原创 node-sass 下载失败 解决方案
安装失败的原因是node-sass下载的地址不对，正确的地址是在这个目录下：https://github.com/sass/node-sass/releases而非https://github.com/sass/node-sass/releases/download/v4.11.0/win32-x64-59_binding.node但是如果不番茄还是很难下载下来。解决方案:安装...
2020-03-10 14:00:00
149
原创 IOS版Telegram启用中文界面的方法
在safari打开对应链接即可简体中文：tg://setlanguage?lang=zh-hans-raw繁体中文：tg://setlanguage?lang=zh-hant-raw
2020-02-19 23:46:00
38993
原创 win10下如何安装win7自带的照片查看器。
win10自带了一个照片查看软件，属于UWP软件，但是体验感不太好。所以我决定找回win7使用的照片查看器。简洁、迅速。通过Google等搜索引擎，找到了以下方法：1.新建一个txt文档2.复制一下代码到txt文档中---------------------- 本行不要复制 ---------------------------Windows Registry Editor...
2020-02-13 22:39:00
2971
5
原创 正则检验密码长度6-20位，且至少带字母、数字、符号中的两种。
let pwd = '123456'let reg = new RegExp(/(?![\d]+$)(?![a-zA-Z]+$)(?![\da-zA-Z]+$).{6,20}$/); //6-20位，至少带字母数字符号中的两种的正则let result = reg.test(pwd);if(!result){//do something//不通过的}...
2020-02-13 11:59:00
5492
原创 最简单的让DIV中的input、a标签等都无法触发点击事件的方法
给这个div添加上属性style="pointer-events: none;"jquery的方法:$("div的选择器").css("pointer-events","none");
2020-02-09 13:00:00
599
1
原创 原生 js 实现复制文本
html:账号：123456，密码：123457js:var text = document.getElementById("copyText").innerText;var input = document.getElementById("copyInput");document.getElementById("copyInput").value = text; // 修改文本框...
2020-01-03 23:24:00
161
原创 前端开发引入外部 js或者css 解决页面缓存问题
前端开发中，很多企业迭代更新频繁，缓存是一个非常常见的问题。通过加一个时间戳，可以减少缓存的几率。1.js去缓存：<script type="text/javascript"> var v= (new Date()).getTime(); document.write("<script type='text/javascript' src='js/i...
2020-01-03 16:11:00
302
原创 JavaScript/jQuery 实时监听 input 输入框值变化
jQuery 代码：$("#input1").bind("input propertychange",function(event){ console.log($("#input1").val());});JavaScript 代码：// Firefox, Google Chrome, Opera, Safari, InternetExplorer 9+ ...
2019-12-31 00:21:00
187
原创 CSS 文字超出部分显示省略号
一：title {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}以上 CSS 适用于单行文字超出部分，显示「省略号」。如图：二：title {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp...
2019-12-30 17:40:00
1475
原创 新随笔
好久没有更新博客园了，最近的工作，繁重，重复，感觉自己像一个 CV 工程师。其实自己本来就是一个 CV 工程师。哈哈~博客是一种自我反省的过程，还是不要落下。...
2019-12-09 23:40:00
62
原创 滚动条到底部
添加一条数据后，如果div盒子已经满了，为了更好的体验，滚动条需要移动到底部。var scrollHeight = $('ID或者class').prop("scrollHeight");$('ID或者class').scrollTop(scrollHeight,200);...
2019-10-18 14:59:00
82
原创 JavaScript 解决 url 中的中文乱码问题
页面传值过程中，通过 url 传值，发现中文会乱码。以下是解决方法：1.传的页面：encodeURI(url + "?userName=" + userName); //encodeURI针对整个参数进行编码url + "?userName=" + encodeURIComponent(userName); //encodeURIComponent针对单个参数进行编码...
2019-10-10 18:02:00
236
原创 CSS的一个bug，Gradient has outdated direction syntax. New syntax is like `to left` instead of `right`....
在vue重新渲染页面的时候，报了一个错误：翻译了报错信息后，Gradient has outdated direction syntax. New syntax is like to left instead of right.翻译：渐变有过时的方向语法。新语法与 “to left” 类似。意思是这个写法过时了，需要加上 to ,然后改变方向,比如 right 改为 to le...
2019-08-23 18:50:00
934
原创 vue.js下移动端绑定click事件失效，pc端正常的问题
原因可能是我在项目中使用到了 better-scroll，默认它会阻止 touch 事件。所以在配置中需要加上 click: true 即可。例如：mounted () { this.scroll = new BScroll(this.$refs.wrapper, { mouseWheel: true, click: true, tap: true })}...
2019-08-23 14:43:00
655
原创 在地址栏里输入一个 URL后,按下 Enter 到这个页面呈现出来，中间会发生什么？...
这是一个面试高频的问题在输入 URL 后，首先需要找到这个 URL 域名的服务器 IP,为了寻找这个 IP，浏览器首先会寻找缓存，查看缓存中是否有记录，缓存的查找记录为：浏览器缓存 ->系统缓存 -> 路由器缓存，缓存中没有则查找系统的 hosts 文件中是否有记录，如果没有则查询 DNS 服务器，得到服务器的 IP 地址后，浏览器根据这个 IP 以及相应的端口号，构造...
2019-08-18 23:36:00
51
原创 Git回滚代码到某个commit
回退命令：$ git reset --hard HEAD^ 回退到上个版本$ git reset --hard HEAD~3 回退到前3次提交之前，以此类推，回退到n次提交之前$ git reset --hard commit_id 退到/进到 指定commit的sha码强推到远程：$ git push origin HEAD --forc...
2019-08-17 17:20:00
589
原创 了解 npm install -S -D 的区别，看这篇就完事了
一、npm install -S -D 的区别npm install module_name -S 即 npm install module_name --save写入dependenciesnpm install module_name -D 即 npm install module_name --save-dev写入devDependenciesnp...
2019-08-17 16:33:00
1825
3
原创 win10 提示该文件没有与之关联的应用来执行该操作
将下面代码复制进一个文本文档，然后将文本文档的txt后缀改成bat。双击运行，可以解决问题。问题发生原因是之前通过注册表去除了桌面图标的快捷方式的小标志。/-----------------------------------------------------------/taskkill /f /im explorer.exereg add "HKEY_LOCAL_MACHI...
2019-08-08 10:05:00
695
3
原创 jQuery 页面加载后执行的事件(3 种方式)
刚刚工作，没怎么用过 jQuery。今天在工作中遇到一个 jQuery 问题，页面加载的时候需要触发函数，第一直觉告诉我应该写成 onload()，结果不是。后来查了文档发现是 load()，但是版本有限制，我引入的 jQuery 类库太新了，不支持，通过网上查找，找到了以下 3 个方法，都是浏览器加载时触发的方法。$(function () { });$(document).re...
2019-07-30 12:46:00
720
原创 VSCode - Beautify插件配置
注: 本文摘自 黑火巨雷 - 简书1. 在工作目录下建立.jsbeautifyrc文件官方文档{ "brace_style": "none,preserve-inline", "indent_size": 2, "indent_char": " ", "jslint_happy": true, "unformatted": [""], "cs...
2019-07-22 16:57:00
928
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人