- 博客(107)
- 收藏
- 关注
RSS订阅
原创 Hexo使用Next主题的配置
1. 博客底部标签样式只需要修改模板/themes/next/layout/_macro/post.swig，搜索 rel="tag">#，将 # 换成<i class="fa fa-tag"></i>2. 文章结束标志在路径 \themes\next\layout\_macro 中新建 passage-end-tag.swig 文件,并添加以下内容：<...
2019-08-22 10:10:51
663
1
原创 JS中 常用的正则表达式
16进制的HEX色值/^#[\da-f]{3}([\da-f]{3})?$/0~1之间的小数，不含0和1/0(\.[0-9]{0,2})/姓名/^[\u4e00-\u9fa5]{1,5}$/手机/^[1][3,4,5,7,8][0-9]{9}$/;
2018-08-14 18:41:53
319
原创 我的常用代码
原生js实现删除数组中的某一个元素：Array.prototype.indexOf = function(val) { for (var i = 0; i &amp;amp;amp;amp;amp;amp;amp;amp;lt; this.length; i++) { if (this[i] == val) return i; } return -1; };Array.prototype.remove =...
2018-07-18 15:27:24
471
1
原创 通过阅读axios源码重新学习AJAX和XMLHttpRequest
今天单位活儿比较少，遂打开了axios源码阅读了一番。照着axios的文档进行阅读，事半功倍。一边看源码，一边又顺着把AJAX和XMLHttpRequest看了一遍，以下是我的收获。由于XMLHttpRequest很长，我们一般将其简称为XHR，下面我将会使用简称进行书写。1. axios和AJAX的区别在写详细的文章之前，可能很多同学不是很清楚axios和ajax的区别（清楚的同学可略过~????），下面我们来简单讨论一下。AJAX = Asynchronous JavaScript an
2021-07-08 15:40:51
665
原创 promise和async-await的区别
今天手机上的Boss直聘突然弹出个消息： “promise和async-await有什么区别?”。打开手机后，看了各路大神各抒己见，于是自己也找了找资料，以下是自己的总结和各路大神的回答。1. 关于async-await的以下均摘自MDNasync函数是使用async关键字声明的函数。 async函数是AsyncFunction构造函数的实例， 并且其中允许使用await关键字。async和await关键字让我们可以用一种更简洁的方式写出基于Promise的异步行为，而无需刻意地链式调用promi
2021-07-06 11:11:22
10059
3
原创 Vue全局组件的注册与使用
今天我们来探究一下Vue全局组件的注册与使用。基于个人的开发经验，全局组件相比局部组件来说，使用的频率还是低不少的。所以在全局组件的使用上，我个人来说比较模糊，遂打算一探究竟，并记录下来。第1步我们先写一个全局组件，以供使用。// now-time.vue<template> <div> 当前时间为:{{ nowTime }} </div></template><script>export default { d
2021-07-03 13:51:33
6879
5
原创 js新特性
1. PromiseMDN文档我们首先定义一个promise方法function setName(newName) { return new Promise((resolve, reject) => { setTimeout(() => { if(newName === 'jack'){ resolve(newName) }else{ reject(`【${newName}】 is not a good name, sor
2021-07-02 15:22:28
370
原创 注意！MELDA山地自行车骗局
注：以下叙述是我的亲身经历，如有雷同，望赶紧擦亮自己的双眼，避免再次上当！01上个周日，早上11点多。我上街买菜准备做午饭，顺路去菜鸟驿站取快递。刚在菜市场买完菜准备走到菜鸟驿站，有个大概35-40岁的中年男人走上前来，问我要不要山地自行车，普通话还算正宗，所以听不出是哪里的人。这个人介绍自己是跑物流的，刚刚拉了一单山地车，由于在装货的时候多装了一辆自行车，所以想要自己把这台山地车卖掉...
2019-10-22 16:18:31
6922
原创 我被第一次喊【双手抱头！！！】
写这篇文章的主要原因是想分享一下自己上个月的遭遇。之前经常会在电视里的法制节目里看到，一群或便衣或警服的警察在楼梯口整装待发，然后带头的人员会一脚踹开房门，大喊“双手抱头”的场景。总觉得这样的场景只要我自己不去做违法乱纪的事儿就应该不会遇到，直到上个月中秋节的前一天，也就是9月12日。01那天是中秋小长假的最后一个工作日，虽然内心早已奔向自由，但还是得熬完这最后一天。大概早上的9点40分...
2019-10-10 11:00:15
271
原创 if 弱判断总结
1. if 语句会自带一个弱类型的判断，下面我们来看看他的判断规则。空字符串let a = ''if(a){ console.log('true')}else{ console.log('false')}// falsenulllet a = nullif(a){ console.log('true')}else{ console.log('false')}// ...
2019-08-20 17:45:39
207
原创 《人类简史》笔记
第一章现代人的祖先是智人。人类进化出容量大的大脑，可以更好的“思考”。但是到目前为止，人类为什么会进化出大容量的大脑，我们也并不知道。庞大的大脑是个庞大的负担：大脑结构脆弱，需要有头骨保护。即使在休息的时候，大脑依旧会消耗大量能量。人类直立行走优点：获得更大更远的视野解放手，让手可以发挥其他用途缺点：人体结构上不合理，时间长之后会受到背痛、脖子僵硬的困扰...
2019-08-16 17:52:00
309
原创 机油知识总结
机油标号举例：SN 0W 40想选对机油，就要先了解机油，每桶机油包装都明显的印着机油的标号，抛开品牌，我们以SN 0W-40的机油来举例。前面的SN。这是美国石油协会的标准等级，简称API。S代表汽油发动机用油，如果这个字母变成C，那么则代表是柴油发动机用油，千万别加混了！！！有时还会S和C一起出现，那么就代表汽油发动机和柴油发动机都可以使用，不过这种并不多见。S后边的N，则表示的是机油等...
2019-08-16 17:51:04
528
原创 车辆保险小记
现在我们在买车的时候，4S店一般都会强制在他的店里让你买保险，而且又是新车，大部分人都会买全险比较稳妥。所以第一年的保险你大可丢给4S店来帮你办理，你只需要付钱就好。可是到了第二年，你的保险即将到期，需要续保了，那就只能自己动手查询和办理了。以下是办理保险业务时需要注意的点，以及一些概念的解读，动手做个记录。1. 在什么时候可以续保目前绝大部分地区可提前90天续保广东地区可提前30天保...
2019-08-16 17:50:00
680
原创 人生第一次和第二次车祸
写下文章的日子是5月15日，想起那一天，仍然历历在目~从去年5月20日买下车，我几乎天天开车。除了在刚刚开上车的第一个月里，前保险杠被自己蹭了几回，我一直没有出过任何的交通事故。但是，那一天似乎从一开始就不对劲了，仿佛陷入了深渊。早上 08：28那是2019年5月7日，周二，天气晴朗☀️。早早起床的我如往常一般开车去上班。就在我发动车子开起来不到2分钟，我看到一辆摩托车以并不慢的速度向我“滑...
2019-08-16 17:47:59
382
原创 最近随想
最近几日，公司不是特别的忙。年后又经历了半个月的奋斗，【跨境电商】第二版终于是又上线了，好在我在年前就已经把重要的工作处理的差不多了，所以年后的这半个多月，也并没有怎么加班，因为有了的第一版的经验，项目上线还算是顺遂。只是后台的系统换了技术，我转而来开发【投放页面】，因为页面比较少，以我的技术，完成起来还是比较顺手的，没有特别大的难题，所以也就成全了我最近的空闲。这也算是我的博客中的第一篇“随想...
2019-08-16 17:45:47
152
转载 使用伪类来实现类似微信群聊的头像样式
最近看了一篇张鑫旭的博客，觉得人家的想法特别奇特，很值得学习。遂借鉴学习并记录一下，以备不时之需。原文地址：伪类匹配列表数目实现微信群头像CSS布局的技巧简介我们在使用微信群聊的时候，群聊的头像，是所在在群聊中的人的头像的一个组合。随着群聊成员数量的不同，群聊头像的样式也不一样。下面就是使用伪类来实现这样一个功能，让其样式随着数量的变化而变化。以下是代码：ul{ padding: 0...
2019-08-16 17:43:10
1842
1
原创 PC端图片预览——galpop.js
之前在项目中使用过一个基于 jquery 的图片预览插件—— jquery.galpop.js，甚是好用。并对它念念不忘
2019-08-16 17:41:26
1129
转载 JS数组高级操作（下）
转载自 JS面试之数组的几个不low操作(3) ，点击查看原文1. 合并高级操作var arr1 = [1,2,3,4]var arr2 = [5,6,7,8]arr1.concat(arr2)[...arr1,...arr2]常规操作var arr1 = [1,2,3,4]var arr2 = [5,6,7,8]arr2.forEach(item => {...
2019-08-16 17:36:54
260
转载 JS数组高级操作（上）
转载自 JS面试之数组的几个不low操作(3) ，点击查看原文1. 数组扁平化高级操作var arr1 = [1,2,3,[4,5,[6,7,8]]]var arr_1 = arr1.flat(Infinity)常规操作：利用递归和数组合并方法 concat实现扁平。function flatten(arr) { while(arr.some(item=>Array...
2019-08-16 17:34:24
206
原创 微信JSSDK使用步骤
最近在做一个公众号项目，其中用到了微信的【扫一扫】，如何在项目中接入扫一扫呢？下面开始详细说说。首先查看文档，之前也看到过很多人抱怨腾讯的文档。不得不说，微信的文档写的真的是“普通”。有的东西解释的太过于简单，让人摸不着头脑。无奈只得求救于网上广大的微信开发先行者，看他们写的一些总结并配合官方文档能更速度的了解整个公众号开发。官方文档在学习过后，自己也想系统的总结一下，遂有了这篇文章。下面是...
2019-08-16 17:31:01
819
原创 ES6中新增的处理字符串的方法
1. 检测字符串中是否包含某字符串includes()str.includes(searchElement, fromIndex)参数描述searchElement必须。需要查找的元素值fromIndex可选。从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0...
2019-08-16 17:29:33
296
原创 VSCode常用的插件以及快捷键配置文件
VSCode常用的插件必备插件说明Beautify格式化各种语言的代码。ctrl + shift + p 打开控制面板，输入Beautify file，Auto Close Tag自动添加HTML / XML关闭标签Auto Rename Tag自动重命名配对的HTML / XML标签Bracket Pair Colorizer颜色识别匹配括号...
2019-08-16 17:18:44
1675
原创 小程序页面跳转并传值
页面跳转:A页面：wx.navigateTo({ url:'./details?id=123', //跳转页面的路径，可带参数 ？隔开，不同参数用 & 分隔；相对路径，不需要.wxml后缀 success:function(){}, //成功后的回调； fail:function(){}, //失败后的回调； compl...
2019-04-03 18:10:58
803
原创 vue通过$router.push传参数
vue通过$router.push传参数下面通过A页面向B页面传值来举个例子://A页面: this.$router.push({ name: '页面B', params: { data: '我是要传递的参数' }})//B页面拿到传来的值: this.data = this.$route.params.data // 拿到上个页面传来的数据代码很简单, 一下是...
2018-11-28 19:03:21
11360
转载 边框滚动动画
转自：张鑫旭的博客一、虚线边框滚动动画兼容IE10+<div class="box"> <div class="content">内容占位</div></div> .box { width: 200px; background: repeating-linear-gradient(135deg, trans...
2018-11-14 16:30:01
1030
转载 虚线-渐变-边框的实现
转自：张鑫旭的博客实现虚线-渐变-边框有以下两种方法第一种方法： 反向镂空代码如下：html:&lt;div class="box"&gt; &lt;div class="content"&gt; &lt;/div&gt;&lt;/div&gt;css:.box { widt
2018-11-14 16:12:51
2796
原创 mui——复制到剪贴板
下面是mui中封装的复制到剪贴板的方法，可以直接复制使用。// 复制方法function copy_fun(copy){//参数copy是要复制的文本内容 mui.plusReady(function(){ //判断是安卓还是ios if(mui.os.ios){ //ios var UIPasteboard = plus.ios.importClass(&quot;UIPas...
2018-10-12 15:07:07
3122
2
原创 使用clipboard.js插件实现复制功能
之前做前端项目时，用到了复制功能，在网上寻找一圈后，找到了Clipboard.js这个插件。在使用之后，顿时感觉十分的方便，支持ie9及以上。主要有3个主要的属性：data-clipboard-text=&amp;quot;copytext&amp;quot;data-clipboard-action=&amp;quot;copy&amp;quot; 还可选“cut”data-clipboard-target=&am
2018-10-12 14:53:32
838
原创 阿里巴巴fonticon字体图标的使用
很早之前就知道阿里巴巴的fonticon矢量图标库，以前是这么使用的：下载某个图标的.png格式，然后引用到项目中，通过img标签或者background来使用。当然我知道该矢量图库可以将图标转换为字体文件来使用，但是一直没有机会来使用。因为大部分时间，设计都会把图标以图片的格式准备好，我只需要做一张雪碧图，就可以很好的使用了。 下面来总结一下该字体图标的使用方法。1.如何将字体图标下载到本...
2018-08-17 10:54:28
20228
原创 倒计时插件
传入一个时间字符串，格式为：HH:mm:ssfunction timer(time){ var newTime = "" var h = parseInt(time.split(':')[0]) var m = parseInt(time.split(':')[1]) var s = parseInt(time.split(':')[2]) var ti...
2018-08-15 18:52:50
2549
转载 ie8及其以下版本兼容性问题之圆角/阴影
解决办法：在http://css3pie.com/页面下载一个PIE.htc的文件，加载到根目录下，然后在css中加上一句behavior:url(../js/PIE.htc); 例子如下：.border_radius { border:1px solid #000; -moz-border-radius:15px; -webkit-border-ra...
2018-08-07 18:37:01
836
原创 Vue v-model的深入理解
v-model：主要是针对表单来使用的基础用法你可以用v-model 指令在表单 <input>、<textarea> 及 <select> 元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但 v-model 本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。v-mode...
2018-08-04 15:43:40
1414
转载 将中文文字提取为中文拼音首字母，并实现排序
本文为转载，点击查看原文地址var getPy = (function() { //函数使用,本表收录的字符的Unicode编码范围为19968至40869, XDesigner 整理 var strChineseFirstPY = "YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHW...
2018-08-02 17:06:09
8210
原创 切换图标-总结方法
整体思路：点击某个li 元素，替换其中img标签中的src属性，且要让其他的所有兄弟li元素变为默认的图片。由于每个li元素的默认图片和要替换的图片都不一样。难度就在此。需要注意的几个地方：每个li要使用的图片统一命名， 如： 默认图片为： demo_d.png。点击切换图片为：demo_c.png可以使用纯js来书写，因为如果使用jquery来遍历每个li元素的兄弟节点稍...
2018-07-21 15:22:01
1447
原创 使用cnpm命令行工具代替默认的 npm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org$ npm config set registry https://registry.npm.taobao.org
2018-01-25 11:45:26
1246
原创 ngrok的使用
点击.exe文件输入 ngrok http 端口号，如：ngrok http 8020它会给你一个随机的地址，你只要在浏览器中输入这个IP地址加上你的本地文件的目录即可
2018-01-25 10:12:04
435
原创 使用字体图标
使用字体图标分为两种，一种直接在html页面中写入。一种是在css样式表中写入。 以下的代码用以简单说明： 1. 在html页面中使用十分简单，直接在标签内写就行。例如：➨。需要在数字前面加上"&#"。其它常用字体图标 2. 在css样式表中写，需要用到before或者after伪元素配合content属性来实现。需要在数字前边加上"/"转义符。<head> <me
2017-12-18 18:29:29
524
原创 手机端横竖屏检测
<script type="text/javascript"> var orientation = window.orientation; var testOrientation = () =>{ switch (orientation){ case 0: alert("
2017-12-18 18:14:48
720
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人