javascript
文章平均质量分 93
SuperMarkx
这个作者很懒,什么都没留下…
展开
-
typescript 学习笔记 - 基础类型
typescript 学习笔记之基础类型原创 2022-07-26 14:33:33 · 241 阅读 · 1 评论 -
Vue.js 源码剖析-响应式原理、虚拟 DOM中 Key 的作用以及Vue 中模板编译的过程
Vue.js 源码剖析-响应式原理、虚拟 DOM、模板编译和组件化Vue 首次渲染的过程本文主要从 Vue.js 源码进行分析,剖析 Vue 首次渲染的过程、Vue 响应式原理、渲染虚拟Dom中k的作用及好处、以及模板的编译过程。让你更深刻的了解 Vue.js 从初始化到渲染到页面的整个工作过程!https://blog.csdn.net/sinat_35349493/article/details/107684898Vue源码地址:https://github.com/vuejs/vue首先需要准原创 2021-04-03 17:15:44 · 219 阅读 · 1 评论 -
手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法
Part3.模块一:手写 Vue Router、手写响应式实现、虚拟 DOM 和 Diff 算法一 简答题:1、当我们点击按钮的时候动态给 data 增加的成员是否是响应式数据,如果不是的话,如何把新增成员设置成响应式数据,它的内部原理是什么。2、请简述 Diff 算法的执行过程二、编程题1、模拟 VueRouter 的 hash 模式的实现,实现思路和 History 模式类似,把 URL 中的 # 后面的内容作为路由的地址,可以通过 hashchange 事件监听路由地址的变化。2、在模拟 Vue.js原创 2021-01-19 08:09:04 · 261 阅读 · 0 评论 -
vue添加模板报错:You are using the runtime-only build of Vue where the template compiler is not available.
报错信息[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build.报错原因是因为你用的是运行时版本的vue, 模版编译器不可用。解决方案:使用完整版的Vue在根目录下建立一个原创 2020-11-15 12:42:35 · 260 阅读 · 0 评论 -
layui Admin 用gulp打包报错
推荐解决办法:在package.json同级目录下新建文件npm-shrinkwrap.json,输入以下内容:{ "dependencies": { "graceful-fs": { "version": "4.2.2" } }}终端执行: npm install终端运行 打包命令: gulp原文链接:https://timonweb.com/posts/how-to-fix-referenceerror-primordials-is-not-defined-err原创 2020-09-22 17:05:13 · 796 阅读 · 0 评论 -
前端基础知识问答
【作业】Part 1 · 模块一简答题一、请说出下列最终的执行结果,并解释为什么?二、请说出下列最终的执行结果简答题一、请说出下列最终的执行结果,并解释为什么? var a = [] for(var i = 0; i < 10; i++) { a[i] = function() { console.log(i) } } a[6]() // 打印结果: 10答案: 此题用var 定义变量 i 相当于 var a = [] var i;原创 2020-08-15 09:45:39 · 278 阅读 · 0 评论 -
前端小知识第一弹 - 包含手写Promise
【作业】Part 1 · 模块一一 简答题谈谈你是如何理解JS异步编程的,EventLoop/ 消息队列都是做什么的,什么是宏任务,什么是微任务?EventLoop(事件循环)宏任务与微任务二 代码题2.1 将下面异步代码使用Promise的方式改进(已完成)2.2 基于以下代码完成下面四个练习练习1:使用函数组合fp.flowRight()重新实现下面这个函数练习2: 使用 fp.flowRight()、 fp.prop()、 fp.first()获取第一个 car 的name练习3: 使用帮助函数 _原创 2020-08-04 09:27:05 · 300 阅读 · 0 评论 -
细说函数柯里化
// 高阶函数 - 函数柯里化// function checkAge (age) {// let min = 18 // 硬编码// return age >= min// }// 普通纯函数// function checkAge (age, min) {// return age >= min// }// 柯里化的函数// function checkAge (min) {// return function (age) {//原创 2020-07-27 09:33:39 · 141 阅读 · 0 评论 -
记忆功能函数的实现原理
记忆功能函数的实现原理工作中常常会遇见计算量特别大的实现方法,但是每次调用都会重新计算,这样特别影响性能,让我们的页面很慢,甚至出现卡顿现象;那么今天咱们手动实现一个有记忆功能的函数,避免重复调用,并提高性能;话不多说,直接上代码// 计算圆的面积function getArea (r) { console.log(r, 'r') return Math.PI * r * r}// 模拟memoize function memoize (f) { let cache原创 2020-07-21 09:39:33 · 465 阅读 · 0 评论 -
手写原生数组实现原理
手写函数原生方法手写数组中map()方法手写数组的every方法手写数组的some方法手写数组中map()方法map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。模拟一个map方法,返回数组中每个元素的二次方const map = (array, fn)=>{ let results = [] for(let value of array) { results.push(fn(value)) } return resul原创 2020-07-19 14:25:04 · 221 阅读 · 0 评论 -
实现只执行一次的函数-仿支付
// 高阶函数 - 函数作为返回值// once 函数function once (fn) { let done = false return function () { if(!done) { done = true return fn.apply(this, arguments) } } }let pay = once(function (money) { //实现功能的逻辑代.原创 2020-07-19 12:26:19 · 240 阅读 · 0 评论 -
判断JS数据类型的四种方法
转载自:https://www.cnblogs.com/onepixel/p/5126046.html 说到数据类型,我们先说一下JavaScript 中常见的几种数据类型:基本类型:string,number,boolean特殊类型:undefined,null引用类型:Object,Function,Function,Array,RegExp,Date,...基本类型也...转载 2019-01-28 16:53:34 · 168 阅读 · 0 评论