- 博客(17)
- 收藏
- 关注
RSS订阅原创 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
195
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
233
原创 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
239
原创 模块化开发与规范化标准你知道多少？
Part2.模块二：模块化开发与规范化标准一、简答题1、Webpack 的构建流程主要有哪些环节？如果可以请尽可能详尽的描述 Webpack 打包的整个过程。一、简答题1、Webpack 的构建流程主要有哪些环节？如果可以请尽可能详尽的描述 Webpack 打包的整个过程。参考文档webpack 作为前端最火的打包工具之一，其本质就是一个现代 Javascript 应用程序的静态模块打包器。当 webpack 处理应用程序时，它会递归的构建一个依赖关系图，其中包含应用程序需要的每个模块，然后将所有
2020-11-02 10:16:03
235
1
原创 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
753
原创 开发脚手架及封装自动化构建工作流
文章目录一、简答题1、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。2、你认为脚手架除了为我们创建项目结构，还有什么更深的意义？二、编程题1、概述脚手架实现的过程，并使用 NodeJS 完成一个自定义的小型脚手架工具2、尝试使用 Gulp 完成项目的自动化构建3、使用 Grunt 完成项目的自动化构建一、简答题1、谈谈你对工程化的初步认识，结合你之前遇到过的问题说出三个以上工程化能够解决问题或者带来的价值。答： 随着计算机科学技术的提升，以及web 业
2020-09-16 09:57:10
162
原创 Layui 数据表格中对日期格式的处理方法
Layui 将时间戳 或者 某种时间格式转为自己项目想要的格式方法： 利用 ayui.util.toDateString(参数1,参数2) 与layui 模板引擎转换时间格式; 参数1：时间源，时间戳 参数2：时间的格式(yyyy-MM-dd HH:mm:ss)自定义 长话短说，直接上代码// 数据表格中时间列的参数 { field: 'createTime', title: '创建日期', width: 180, sort:...
2020-08-26 17:20:36
1885
原创 前端基础知识问答
【作业】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
256
原创 前端小知识第一弹 - 包含手写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
279
原创 细说函数柯里化
// 高阶函数 - 函数柯里化// 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
125
原创 记忆功能函数的实现原理
记忆功能函数的实现原理工作中常常会遇见计算量特别大的实现方法，但是每次调用都会重新计算，这样特别影响性能，让我们的页面很慢，甚至出现卡顿现象；那么今天咱们手动实现一个有记忆功能的函数，避免重复调用，并提高性能；话不多说，直接上代码// 计算圆的面积function getArea (r) { console.log(r, 'r') return Math.PI * r * r}// 模拟memoize function memoize (f) { let cache
2020-07-21 09:39:33
402
原创 手写原生数组实现原理
手写函数原生方法手写数组中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
201
原创 实现只执行一次的函数-仿支付
// 高阶函数 - 函数作为返回值// 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
202
转载 一篇文章解决你的vue.config.js配置问题
vue.config.js配置问题本文转载：https://c.lanmit.com/Webqianduan/JavaScript/55401.html将为您描述vue.config.js配置优化,具体操作过程:vue.config.js完整代码如下：'use strict';// Template version: 1.3.1// see http://vuejs-templates.github.io/webpack for documentation.const pat.
2020-07-03 08:55:53
2583
转载 判断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
152
原创 纯css 冻结table表头
今天想将一个前台页面设计的一个小东西分享一下，那就是平时我们设计表格的时候，通常都想将表格的头部进行固定，而表格的body部分能够进行滚动的效果，这个实现起来相对简单的，对于初学div+css布局的同学来说，还是有些帮助的。这个表格很宽，可以左右滑动。HTML部分<div style="overflow:scroll;"> <div style="width:8...
2018-12-10 15:41:14
2051
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人