少吃点肉的博客

1.Mac下土豪Mac 一台2. 下载并安装下载地址：https://www.docker.com/products/docker-toolbox下载完成后，根据提示安装。3. 安装完成后，双击 Docker Quickstart Terminal 启动4. 载入镜像$ docker load --input [pathTo]/php-image.tar $ docker images 查看镜像名称，此例中 镜像名称为 nginx-php-image-03095. 创建并..

1.数组转换为数结构let data= [ { id: 2, name: '部门B', parentId: 0 }, { id: 3, name: '部门C', parentId: 1 }, { id: 1, name: '部门A', parentId: 2 }, { id: 4, name: '部门D', parentId: 1 }, { id: 5, name: '部门E', p

JS：1.垃圾回收机制主要机制是标记并清除，部分老版ie还会用到计数清除。2.判断括号的匹配利用栈的特性。push()入栈和pop()出栈。3.尾递归和尾调用及优化看阮一峰大佬的文档：尾调用优化...

(function rotate() { var orientation = window.orientation; var pd = null; function createPd() { if (document.getElementById('preventTran') === null) { var imgData .

let intersection = a.filter(v => b.includes(v))let difference = a.concat(b).filter(v => !a.includes(v) || !b.includes(v))

一句代码搞定：html{ webkit-filter: grayscale(100%); filter: grayscale(100%);}

let reg = /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g if (content.match(reg)) { wx.showToast({ title: '不能使用特殊符号哟', icon: 'none' }) return content.replace(/\uD...

效果展示：html:<div class="chest"> <div class="heart left sided top"></div> <div class="heart center"></div> <div class="heart right sided"></div&g...

简单的四级联动效果：html: <div class="form-control"> <label class="form-label">大区</label> <select id="area" name="area" class="select"> ...

可以利用max-height来做高度动画，height:0改为max-height:0,height:auto改为max-height:1000（一个达不到的值就行）。具体css代码：.lists{ max-height: 0; overflow: hidden; transition: all .3s ease; opacity: 0;}.lists.showLi...

一： 效果图css：box-shadow:0 2px 27px 6px rgba(0, 0, 0, .12);二： 效果图css：box-shadow:1px 2px 5px 0 rgba(0,0,0,.5);三： 效果图css：box-shadow:rgba(0, 0, 0, 0.2) 1px 1px 8px 1px;四：效果图css...

时间戳单位需要为毫秒级let Time = {// 获取当前时间戳 getUnix: function () { let date = new Date() return date.getTime() },// 获取今天0点0分0秒的时间戳 getTodayUnix: function () { let date =...

判断变量的类型是最经常使用的方法，但是判断的方式有很多。1.typeofvar ary = [1,2,3,4];console.log(typeof ary); // 输出‘object’很明显，typeof只能检测基本数据类型，并不能检测出来是否为数组。2.instanceofvar ary = [1,2,3,4];console.log(ary instanceof Array); //...

微信分享，我们后台用的是PHP，并且再拿config时需要用当前网址来请求，但是微信在从朋友圈点过来的链接和从好友分享过来的链接时，会在后面自带参数，所以需要使用正则去去掉这些参数。$(function () { //微信分享 try { if(window.location.href.toString().matc...

      微信的视频和音乐的自动播放问题一直都很让人很头疼，结合自身项目，最终写了一个在安卓苹果测试都好用的方法。项目需求：H5中插播两段视频，要求能自动播放需要有背景音乐，能自动播放能控制音乐和视频的声音静音在微信中需要用到WeixinJSBridge这个接口，具体的可以百度了解一下，这个是微信游览器自带的接口API。1.定义视频的自动播放事件  function autoPlayAudio(...

懒加载是非常实用的提升网页性能的方式，当访问一个页面的时候，只显示可视区域内的图片，其它的图片只有出现在可视区域内的时候才会被请求加载。我们现在用原生的js实现简单的图片懒加载，主要利用的原理就是先不给设置src，而是把图片的路径放在data-src中，等待图片被加载的时候将路径取出放到src中。HTML代码<div class="container"> <div class="img-area

箭头函数是个好东西，代码明显简洁多了，so,整理一下用法。1. var f = v =&gt; v;// 相当于var f = function (v) { return v;}2. 如果箭头函数不需要参数，或者需要多个参数，就使用圆括号代表参数部分。// 不带参数var f = () =&gt; 5;// 相当于var f = function ()...

/** * [过滤对象] * @param obj [过滤前数据] * @param arr [过滤条件，要求为数组] */ function filterObj(obj, arr) { if (typeof (obj) !== "object" || !Array.isArray(arr)) { throw new Error("参数格式不正确") } ...

项目背景：上传多张图片时需要利用exif，拿到图片的exif信息，所以需要在一个循环里多次使用exif。而exif的EXIF.getData()方法是异步执行，所以产生多次异步请求问题。解决方法：利用Promise.all()解决。每次循环建立一个Promise对象，然后创建一个Promise对象数组，利用Promise.all()即可解决。具体实现代码：/*生成pr...

转载：https://www.cnblogs.com/wdlhao/p/8290436.html

...运算符一般用于数组和对象。1.展开运算符// 对于数组let a = [1, 2, 3, 4];let b = [0, ...a, 5]; // b = [0, 1, 2, 3, 4, 5]// 对于对象let obj = {a: 1, b: 2};let obj1 = {...obj, c: 3}; // obj1 = {a: 1, b: 2, c: 3}let o...

平时使用数组复制时，我们大多数会使用‘=’，这只是浅拷贝，存在很多问题。比如 let arr = [1,2,3,4,5]; let arr2 = arr; console.log(arr) //[1, 2, 3, 4, 5] console.log(arr2) //[1, 2, 3, 4, 5] arr[0] = 6; console.lo...