随笔分类 - 面试题
摘要：常见class关键词： 布局类：header, footer, container, main, content, aside, page, section 包裹类：wrap, inner 区块类：region, block, box 结构类：hd, bd, ft, top, bottom, lef
阅读全文
摘要：页面的渲染过程 当我们在浏览器里输入一个 URL 后，最终会呈现一个完整的网页。会经历以下几个步骤： 1、HTML 的加载 页面上输入 URL 后，会先拿到 HTML 文件。HTML是一个页面的基础，所以会在最开始的时候下载它，下载完毕后就开始对它进行解析 2、其他静态资源的下载 HTML 在解析的
阅读全文
摘要：为方便起见，为所有支持的请求方法提供了别名 在使用别名方法时， url、method、data 这些属性都不必在配置中指定 axios.request(config) axios.get(url[, config]) axios.delete(url[, config]) axios.head(ur
阅读全文
摘要：前言： 除了component，微信小程序中还有另一种组件化你的方式template模板，这两者之间的区别是，template主要是展示，方法则需要在调用的页面中定义。而component组件则有自己的业务逻辑，可以看做一个独立的page页面。简单来说，如果只是展示，使用template就足够了，如
阅读全文
摘要：前言 有过面试经验的同学应该都被问过浏览器兼容性的问题，对于面试官的问题，常常猝不及防，因为通常他们都是这么问的。"来谈谈浏览器兼容的问题吧"，"你对浏览器的兼容性有了解过吗"，那么如何才是我们正确回答这个问题的姿势呢。 虽然面试官的问题十分的笼统，浏览器的兼容性无非还是样式兼容性（css），交互兼
阅读全文
摘要：（1）整体配置 entry：配置入口文件的地址，可以是单一入口，也可以是多入口。 output：配置出口文件的地址，在webpack2.X版本后，支持多出口配置。 module：配置模块，主要是解析CSS和图片转换压缩等功能。 plugins：配置插件，根据你的需要配置不同功能的插件。 devSer
阅读全文
摘要：注意： 1、在webpack里，所有文件都是模块 例如：JS模块 >模块化(AMD、CMD、ES6 Module、Commonjs) 关于模块化参见https://www.cnblogs.com/jianxian/p/12753375.html. 如下所示 接下来便可以导入使用 最后做下验证输出，可
阅读全文
摘要：前端模块化 模块化开发可以提高代码复用率，方便代码管理。一般来说一个文件就是一个模块，得外暴露变量或者函数。目前比较流行的模块化的规范有：AMD、CMD和CommonJs以及ES6 的 module。 AMD（Asynchronous Module Definition）CMD（Common Mod
阅读全文
摘要：（一）流程分析 openId为用户唯一标识 分析： 1、三个角色：前端、后端、微信服务器 2、交互：公司的服务器和微信的服务器做交互，获取openId和session_key。然后公司服务器将其存储到数据库里 3、流程 ①调用wx.login获取code ②将刚才客户端获取的code传递给公司的服务
阅读全文
摘要：参考文章 浅谈JS函数防抖及应用场景 1、场景演示 疯狂点击按钮 正常情况下，点击提交按钮，应该发送接口请求 ，如果用户网络不够畅通，接口请求需要1s完成，期间你提交了多次.... ....，此时在后台也就默认接受了很多次的请求，这种方式及其浪费服务器资源，所以需要在前端做个防抖和节流。本节介绍下防
阅读全文
摘要：打开小程序开发者工具的调试模式，查看元素的样式，截图如下 完全看不到小程序是如何设置Checkbox的样式的，小程序实现Checkbox的样式代码对我们是黑盒的。 于是很多同学自己开始吭哧吭哧地编写一个模拟的组件，创建一个template，编写它的数据渲染和事件监听处理，以及对用户操作的数据进行实时
阅读全文
摘要：微信小程序官方提供的API很多用起来都有点鸡肋，针对不同项目的业务需求做二次封装是有必要的，这篇文章记一些有通用性的封装，若读者觉得有不好的地方，欢迎指出。 ChangeLog 1. 异步api转为Promise风格 1.1 使用举例 2. 路由跳转 2.1 使用举例 2.2 特殊说明 3. 刷新当
阅读全文
摘要：先说一下async的用法，它作为一个关键字放到函数前面， async function timeout() { return 'hello world';} 只有一个作用, 它的调用会返回一个promise 对象。调用一下看看就知道了，怎么调用？async 函数也是函数，所以它的调用和普通函数的调用
阅读全文
摘要：ES6为Array增加了find()，findIndex函数。 find()函数用来查找目标元素，找到就返回该元素，找不到返回undefined。 findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find(
阅读全文
摘要：JavaScript中我们经常会遇到拷贝数组的场景，但是都有哪些方式能够来实现呢，我们不妨来梳理一下。 1、扩展运算符（浅拷贝） 自从ES6出现以来，这已经成为最流行的方法。它是一个很简单的语法，但是当你在使用类似于React和Redux这类库时，你会发现它是非常非常有用的。 numbers = [
阅读全文
摘要：官方文档中 mode="widthFix" 宽度不变，高度自动变化，保持原图宽高比不变，即设置图片宽度而高度自适应。 但是在实际开发中发现图片在初始加载时瞬间竖向拉伸变形闪烁然后恢复正常宽高，也许是高度没设置的原因。 所以把图片设置 height: auto 即可解决问题
阅读全文
摘要：在小程序开发过程中，经常会遇到一些数据无法在text中完全展示，所以会使用到隐藏相关文字，并在后方加上省略号(...)。 只需要在对应的text中设置下面的css就可以了。 overflow:hidden; //超出一行文字自动隐藏 text-overflow:ellipsis; //文字隐藏后添加
阅读全文
摘要：CSS代码： .box { width: 100px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} HTML代码： <div class="box"> 多行
阅读全文
摘要：微信小程序并不支持async，写起代码来太不舒服了. 各种回调会造成回调地狱的问题，回调函数一层套着一层，代码难以阅读，后期难以维护的问题 解决办法： 使用regenerator-runtime regenerator-runtime是facebook的regenerator模块 生成器函数、asy
阅读全文
