随笔分类 - 大前端
javaScriptEventLoop
摘要:我们通常把宿主发起的任务称为宏观任务,把 JavaScript引擎发起的任务称为微观任务。 以下事件属于宏任务: setlnterval() setTimeout() 以下事件属于微任务 Promise().then(function(){}) new MutationObserver() <scr
防抖与手写高阶函数
摘要:为什么要做防抖 有的操作是高频触发的,但是其实触发一次就好了,比如我们短时间内多次缩放页面,那么我们不应该每次缩放都去执行操作,应该只做一次就好。在比如监听输入框输入,不应该每次都去触发监听,应该是用户完成一段输入后,再进行触发 总结:等用户高频事件完了,再进行事件操作 不开防抖 未做防抖 <!DO
compose和pips函数
摘要:函数式编程后执行的一些问题 值得传递写起来不方便 我们如果要连续的执行一系列函数,并且传递计算某个值,会写起来很难受 连续调用写起来很麻烦 连续调用一系列函数,写起来很麻烦 Compose Compose函数可以理解为为了方便我们连续执行方法,把自己调用传值得过程封装了起来我们只需要给compose
如何写好函数式编程
摘要:保证纯函数 一个函数的返回结果只依赖于他的参数,同样的输入必定有同样的输出 减少函数副作用 函数副作用就是函数,会影响外部的数据,如果全局变量 //非纯函数 var a=10; function add(num){ return num+a; } add(3) //纯函数 var a=10; fun
小程序基本框架
摘要:微信小程序 小程序介绍 微信小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验 环境准备 注册账号 微信开发者工具 普通模式,插件模式 普通显示:显示第一个首页 预览,真机调试 详情按钮:调试基础库 es6转es5 不校验合法域名:应用没有权限发送请求,
vue-cli的使用
摘要:vue-cli的安装 vue-cli是一个脚手架工具,它集成了诸多前端技术,包括但不仅限于: webpack babel eslint http-proxy-middleware typescript css pre-prosessor css module .... 这些工具,他们大部分都要依赖两
Vue组件
摘要:配置对象 data:数据 template:字符串,配置模板 el:配置挂载的区域 methods:配置方法 computed:配置计算属性 计算属性和方法的区别: 计算属性使用时,是当成属性使用,而方法是需要调用的 计算属性会进行缓存,如果依赖不变,则直接使用缓存结果,不会重新计算 计算属性可以当
Vue
摘要:前置知识 学习过html+css、JavaScript 两种学习路径 稳扎稳打 先用起来,再理解 讲解方式 贯穿案例+知识点讲解 如何学习 听课 -> 思考总结 -> 练习 -> 询问 -> 听课 -> ... vue开发体验 vue官网地址:https://cn.vuejs.org/ 什么是vue
JavaScript
摘要:数据类型 JS中一共分成六种数据类型 String 字符串 Number 数值 Boolean 布尔值 Null 空值 Undefined 未定义 Object 对象 其中基本数据类型有 String 字符串 JS中的字符串需要使用引号引起来双引号或单引号都行 在字符串中使用\作为转义字符 ' ==
前端基础
摘要:文档流 所有的元素默认情况下都是在文档流中存在的 文档流是网页的最底层 元素在文档流中的特点: 块元素 1.默认宽度是父元素的全部 2.默认高度被内容(子元素)撑开 3.在页面中自上而下垂直排列 内联元素 1.默认高度和宽度都被内容撑开 2.在页面中自左向右水平排列,如果一行不足以容下所有的元素 则