随笔分类 - 前端日记
前端日记，HTML，css，Javascript
摘要：1.控制台打印DOM节点的所有属性和方法 console.dir(dom) 1.1 console.log 变量包装 您在 console.log() 的时候，将参数用大括号括起来，这样可以同时看到变量名和变量值。 const num = 123; console.log({num}) // {nu
阅读全文
摘要：JavaScript 编码技巧 1. JavaScript 字符串数组转换 const startArray = [1, 2, 3, 4, 5]const outputArray = startArray.map(String)console.log(outputArray) // ["1", "2
阅读全文
摘要：前端使用protobufjs，数据传输protobufjs使用记录 protobuf.js 协议缓冲区是一种与语言无关的、与平台无关的、可扩展的序列化结构化数据的方法，用于通信协议、数据存储等，最初由Google设计（请参阅）。 协议.js是一个纯JavaScript实现，支持节点.js和浏览器。它
阅读全文
摘要：将图片base64转换为文件 /** * 将base64转换为文件 * @param dataurl * @param filename */ export function dataURLtoFile(dataurl, filename) { let arr = dataurl.split(','
阅读全文
摘要：数组的增加方法 1. push() 方法向数组中末尾添加一个元素,原数组改变 2. unshit() 方法向数组中开始元素添加一个元素,原数组改变 3.splice()方法 ary.splice(n,m,x) 从索引n开始删除m个元素，把新增的元素X放在索引n的前面，把删除的元素当成一个新数组返回，
阅读全文
摘要：ES6--Promise 在JavaScript的世界中，所有代码都是单线程执行的。 由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。异步执行可以用回调函数实现 观察上述代码执行，在Chrome的控制台输出可以看到： 可见，异步操作会在将来的某个时间点触发一个
阅读全文
摘要：WePY 是一款让小程序支持组件化开发的框架，通过预编译的手段让开发者可以选择自己喜欢的开发风格去开发小程序。框架的细节优化，Promise，Async Functions的引入都是为了能让开发小程序项目变得更加简单，高效。 同时WePY也是一款成长中的框架，大量吸收借鉴了一些优化前端工具以及框架的
阅读全文
摘要：JQuery 窗口尺寸： console.log($(window).height()); //浏览器时下窗口可视区域高度 console.log($(document).height()); //浏览器时下窗口文档的高度 console.log($(document.body).height())
阅读全文
摘要：移动端的案例等经常有加载前有一个百分比的进度条的显示，这种方法便可以实现，并且同时将图片做了预加载。 时间是一个好东西，记录的是爱你的证据
阅读全文
摘要：1、移动端商品比较多的时候回在固定位置有一个回到顶部或者底部的东西，实现原理是 2、pc端锚链接点击滑动到相应的位置，但是要有一个缓慢滑动的效果。在js中插入一下代码便可以。 jquery animate 用法： .animate( properties [, duration ] [, easin
阅读全文
摘要：如何创建对象，或者说如何更优雅的创建对象，一直是一个津津乐道的话题。本文将从最简单的创建对象的方式入手，逐步介绍5种创建对象的模式 对象字面量 一般地，我们创建一个对象会使用对象字面量的形式 [注意]有三种方式来创建对象，包括new构造函数、对象直接量和Object.create()函数 如果我们要
阅读全文
摘要：构造函数 一般地，javascript使用构造函数和原型对象来进行面向对象编程，它们的表现与其他面向对象编程语言中的类相似又不同，本文将详细介绍如何用构造函数。 构造函数是用new创建对象时调用的函数，与普通唯一的区别是构造函数名应该首字母大写 根据需要，构造函数可以接受参数 如果没有参数，可以省略
阅读全文
摘要：js执行会阻塞DOM树的解析和渲染，那么css加载会阻塞DOM树的解析和渲染吗？所以，接下来我就来对css加载对DOM树的解析和渲染做一个测试。 为了完成本次测试，先来科普一下，如何利用chrome来设置下载速度 点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项
阅读全文
