- 博客(13)
- 资源 (5)
- 问答 (1)
- 收藏
- 关注
RSS订阅
原创 JavaScript实现简单有效的瀑布流方法
css#content { width: 1000px; height: 100vh;}#content ul { width: 100%;}#content ul li { width: 23%; float: left; margin: 20px 1%; list-style: none;}#content ul ...
2020-01-11 10:32:10
198
原创 简单有效的JavaScript图片预加载效果
首先编写一个简单的容器：<style>#content { width: 600px; height: 100vh; overflow-y: auto;}#content ul { width: 100%;}#content ul li { width: 50%; float: left; margin: 20...
2020-01-03 11:52:28
371
原创 Cookie封装及Cookie删除失败问题处理
之前有看过其他文章对Cookie的封装，发现只要切换页面，Cookie就会删除不成功，后来发现是直接用过期时间覆盖并不能覆盖准确，造成这个的原因是Path不一致的问题。首先说一下Cookie组成部分：Name（名称）、Value（值）、Domain（域名）、Path（路径）、Expires（过期时间）、Size（大小）、HttpOnly（JavaScript不能读取该Cookie，提高安全性）...
2019-11-27 17:06:05
377
原创 WebPack4之打包css、image、js
首先需要webpack工具:npm i webpack -s然后就是打包图片用到的file-loadernpm i file-loader -s最后就是打包css用到的css-loader(加载.css文件)、style-loader(使用<style>将css-loader内部样式注入到我们的HTML页面)npm install style-loader c...
2019-11-22 15:26:55
514
原创 JavaScript函数实现斐波那契数列运算
斐波那契数列根据递推方式定义：F(n)=F(n-1)+F(n-2)特殊值： F(1)==F(2)==1运算条件：,n大于等于3且n必须为正整数（n>=3，n∈N*）代码：const fibonacci = n=>{ if(n==1||n==2)return 1; return n>=3?fibonacci(n-1)+fibonacci(...
2020-01-11 17:10:47
713
原创 JavaScript常用正则，验证手机号（含港澳台）、邮箱、身份证（含港澳台）、用户名、密码、搜索关键字、网站域名等
const regular = { //手机号正则 phone: { nd: /^(1[3-9]\d{9})$/, //中国内陆地区手机号验证 hk: /^([69]\d{7})$/, //中国香港地区手机号验证 mo: /^([6]\d{5})$/, //中国澳门地区手机号验证 tw: /^(09\d{8})$/,...
2020-01-03 16:11:48
4617
原创 js精确浮点数运算，处理浮点数运算中丢失精度问题
/** * @function js精确浮点数运算 * @value 运算内容,必须为字符串，例如1+1,加引号'1+1' * @addSub 加法、减法 * @mul 乘法 * @div 除法 */const arithmetic = { filter(value) { if (!value) return null; let valueA...
2019-12-31 18:01:54
539
1
原创 计算时间差方法，格式化输出时间差，也可根据时间单位输出时间差。
/** * @function 计算时间差 * @start_time 开始时间 * @end_time 结束时间 * @format 输出格式，默认 剩余DD天hh时mm分ss秒SSSS毫秒 * @units 输出时间单位，默认 无，可选 天、时、分、秒、毫秒 */const getTimeDiff = (o = {}) => { let start_time = ...
2019-12-31 15:20:40
604
原创 一道简单闭包面试题的详解
题目：写一个闭包，每调用一次+1。这个问题涉及到链式作用域、内存、回收机制等知识点首页要说一下闭包是什么：闭包就是能够读取其他函数内部变量的函数，个人理解：如果一个变量没有被回收，那么从创建该变量到调用该变量的这个过程，就是一个闭包。先上代码：function Pack(){ let i = 0; return function(){ return...
2019-12-02 10:35:02
516
原创 时间格式化输出方法封装（缓存时间格式，减少代码量）
采用闭包不回收变量的特点，将时间格式缓存，避免全局污染以及重复定义时间格式JavaScript代码：/** * @format 时间格式 * @date 时间对象 */class TimeFormat { constructor(format) { //实例化默认格式YYYY-MM-DD HH-mm-SS或自定义格式 this.format...
2019-11-30 16:02:45
142
原创 Nuxt之css分离（处理因css在服务端渲染而增加源代码量，从而影响到SEO）
关于Nuxt的css嵌入到html代码中的问题，之前被这个问题困扰了很久，效果如下：后台找到了解决方案，用了外部引入方法:export default { head: { link:[{href:"/css/index.css"}] }}这样html中就没有嵌入css了，而是link标签引入，但是这样就会造成一个问题，那就是打包发布后，在浏览器上会重复加载css...
2019-11-27 16:32:24
3388
原创 Nuxt之Meta标签关键字描述之description重复问题
head: { titleTemplate: "网站标题", meta: [ { charset: "utf-8" }, { name: "keywords", content: "网站搜索关键字" }, {name: "description", content: "网站描述" } ]}如上代码，正常情况下输入的网页源代码是这样...
2019-11-22 14:51:57
3775
原创 vue~seo~prerender-spa-plugin~puppeteer(超时错误处理)
使用prerender-spa-plugin预渲染时，会报Navigation Timeout Exceeded: 30000ms exceeded处理方法：找到\node_modules\[email protected]@puppeteer\lib\TimeoutSettings.js将默认超时时间提高一倍或两倍即可...
2019-08-12 10:53:39
785
vue基础项目
2018-09-11
div转png/jpg格式图片，兼容IE9+及主流浏览器
2018-01-22
vue引入ts main.ts报错
2020-01-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人