轩枫阁

首页 / Web前端 / 授人以渔 / Javascript

深度剖析:如何实现一个 Virtual DOM 算法

看到一篇关于Virtual DOM的优秀文章,现转载

1 前言

本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法,并且尝试尽量把 Virtual DOM 的算法思路阐述清楚。希望在阅读本文后,能让你深入理解 Virtual DOM 算法,给你现有前端的编程提供一些新的思考。

本文所实现的完整代码存放在 Github

2 对前端应用状态管理的思考

假如现在你需要写一个像下面一样的表格的应用程序,这个表格可以根据不同的字段进行升序或者降序的展示。 查看全文

2017/08 15  周二

Chrome Vue调试工具报错 rawgetter

在开发环境使用Chrome 的Vue Devtools调试工具时,发生报错 TypeError: rawGetter is not a function

具体报错

而线上运行的代码没有问题,研究发现是这样的原因导致的

getters.js

store.js

运行时发现 getters取到的值是default

所以是粗心的把import代码写错了

改成直接import 即可(其实发现不少人碰到这个问题)

如果getters.js的代码写法为

则需要这么引入

2017/08 14  周一

JS实用技巧手记(八)

本系列文章旨在记录一些实用的javascript技巧,既可以作为一个知识的积累,又可以作为闲暇时打发时间写写代码的记录。同时也方便日后翻阅~

1. 实现base64解码

查看全文

2016/12 18  周日

JavaScript Source Map 详解

前言

jQuery 1.9版本,开始支持Source Map。

bg2013012203

打开http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js,打开压缩后的版本,滚动到底部看最后一行:

这就是Source Map。它是一个独立的map文件,与源码在同一个目录下,点击查看

这是一个很有用的功能,本文将详细讲解这个功能。 查看全文

2016/12 03  周六

轩枫阁V3主题开发-开发篇

前言

本文介绍关于轩枫阁V3主题开发内容,分为移动端和PC端。

移动端

针对移动端主题的开发处理主要有表格滚动条、纯文本简介、搜索标签、文件模块、loading加载、判断页面类型、微信图片预览等。

表格处理

文章里面的表格,经常宽度会大于移动设备屏幕的宽度,所以给表格加上滚动条尤为重要。

WP在编辑文章插入表格时,会插入table标签,外层并没有特殊的class来标记含有表格,所以无法直接通过CSS的方式加上横向滚动条。

1. JS判断表格,给外层加上指定Class。这种方法实现的会比较不友好。

2. 通过PHP给table表格加上class 查看全文

2016/09 06  周二

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子