zjffun's recent timeline updates
zjffun's repos on GitHub
JavaScript · 9 watchers
google-page-translation-plus
对谷歌页面翻译进行增强的插件。主要功能:水平并列、垂直并列展示翻译结果,鼠标悬停展示原文或译文,通过保存翻译前的格式修正代码块显示异常,保存翻译结果等。This is a plugin that enhances Google page translation. The main function: Display of translation results side by side or top / bottom, Original with hover translation or translation with hover original, Correct the display of code block by saving the pre-translation format, Save the translation results,etc.
JavaScript · 5 watchers
note
Just some notes.
TypeScript · 4 watchers
dochub-server
DocHub backend.
JavaScript · 4 watchers
Leaflet.MovingMarker
A Leaflet plug-in to create moving marker
JavaScript · 4 watchers
Mock-support-intercept-fetch
A simulation data generator --- support intercept fetch
TypeScript · 3 watchers
dochub
DocHub forntend.
TypeScript · 2 watchers
js-async-visualization
An online tool for visualizing JS asynchronous tasks.
JavaScript · 1 watchers
ana-loader
A webpack loader for analyzing dependencies. Support TypeScript, JSX, Vue, AMD, CJS, ESM, CSS, Sass, Scss, Less and Stylus.
JavaScript · 1 watchers
close-sockets-chrome-extension
Close all sockets with only a single click.
Vue · 1 watchers
configurable-webpack-project
Make some configuration and resources easy to modify without repackaging.
Markdown · 1 watchers
content
The content behind MDN Web Docs
JavaScript · 1 watchers
DEPRECATED-google-page-translation-editor
【deprecated】A online editor for the google translated HTML page .
1 watchers
dochub-yari
The platform code behind MDN Web Docs
Pug · 1 watchers
hexo-zjffun-blog
Null
Stylus · 1 watchers
hexo-zjffun-note
JavaScript · 1 watchers
lerna-test
TypeScript · 1 watchers
lolchess
云顶之弈助手
JavaScript · 1 watchers
next-starter-jamstack
JavaScript · 1 watchers
node-detective-html
Find the dependencies of an HTML file.
JavaScript · 1 watchers
node-detective-less
Grab the dependencies of a Less file by traversing its AST
1 watchers
node-detective-sass
Find the dependencies of a sass/scss file
JavaScript · 1 watchers
node-detective-scss
Find the dependencies of an scss file
TypeScript · 0 watchers
aacgg
TypeScript · 0 watchers
aacgg-server
TypeScript · 0 watchers
aacgg-t3
JavaScript · 0 watchers
ahocorasick.js
Just a JS implementation of Aho–Corasick algorithm.
0 watchers
akshaynarisetti
JavaScript · 0 watchers
Algorithms-JS
Just some algorithms.
0 watchers
angular
One framework. Mobile & desktop.
TypeScript · 0 watchers
ant-design
🌈 A UI Design Language
JavaScript · 0 watchers
antd-admin
A excellent front-end solution for enterprise applications built upon Ant Design and UmiJS
HTML · 0 watchers
bb-embed
GitHub helper to embed bilibili videos
JavaScript · 0 watchers
BD09-offset-visualization
百度坐标(BD09)偏移可视化
JavaScript · 0 watchers
BigInteger.js
An arbitrary length integer library for Javascript
HTML · 0 watchers
blog
Blog about programming, ACG and life.
CSS · 0 watchers
bootstrap
The most popular HTML, CSS, and JavaScript framework for developing responsive, mobile first projects on the web.
0 watchers
camera-capture
Portable, fast camera capture library for node.js (server). TypeScript/JavaScript easy to use APIs. Uses puppeteer headless browser to capture webcam video (audio/desktop, recording, etc) and stream back to node.js frame by frame in plain image data for optimal speed or optionally encoded as jpeg, png, bmp, etc
0 watchers
CBoard
An easy to use, self-service open BI reporting and BI dashboard platform.
JavaScript · 0 watchers
cesium
An open-source JavaScript library for world-class 3D globes and maps :earth_americas:
0 watchers
cheatsheets
My cheatsheets
JavaScript · 0 watchers
china-geojson
最新中国地图json文件,可用d3开发中国地图
JavaScript · 0 watchers
chrome-plugin-demo
Chrome扩展demo
PHP · 0 watchers
ci_mvc_generator
Automatically generate CodeIgniter's MVC file.
0 watchers
clash-rules
🦄️ 🎃 👻 Clash Premium 规则集(RULE-SET),兼容 ClashX Pro、Clash for Windows 客户端。
TypeScript · 0 watchers
click-to-component
Option+Click React components in your browser to instantly open the source in VS Code
TypeScript · 0 watchers
cnblogs-helper
一个同步博客园随笔的工具。😉
0 watchers
contribute-to-open-source
Learn the GitHub workflow by contributing code in a fun simulation project
JavaScript · 0 watchers
create-react-app
Set up a modern web app by running one command.
HTML · 0 watchers
css-unit-calc
Calculate CSS units between designs and pages of different widths.
JavaScript · 0 watchers
d3-geo-Chinese-API
将 d3-geo 的文档翻译为中文
JavaScript · 0 watchers
Data-Structure-Visualization-Tool
Input data and generate image.
JavaScript · 0 watchers
DEMOjquery-easyui
some demo
HTML · 0 watchers
DEMOjquery-easyui-ribbon
demo of jquery-easyui-ribbon
TypeScript · 0 watchers
designable
🧩 Make everything designable 🧩
JavaScript · 0 watchers
directory-tree-webpack-plugin
Store a JSON mapping of a directory.
PHP · 0 watchers
discard-ci_mvc_generation
Because I gave this repository a wrong name and don't want to delete it, I add the 'discard-' prefix to it and create a new repository -- 'ci_mvc_generator'.
JavaScript · 0 watchers
do-pangu
A utility for formatting your Markdown files using the remark-pangu.
0 watchers
dom-examples
Code examples that accompany various MDN DOM and Web API documentation pages
JavaScript · 0 watchers
draggable
The JavaScript Drag & Drop library your grandparents warned you about.
0 watchers
DrawerJs
A customizable WYSIWYG HTML canvas editor.
TypeScript · 0 watchers
dslib.js
A JavaScript data structure library.
JavaScript · 0 watchers
easy-web-component
JavaScript · 0 watchers
emmet-sublime
Emmet for Sublime Text
0 watchers
error-stack-parser
Extract meaning from JS Errors
0 watchers
eruda
Console for mobile browsers
JavaScript · 0 watchers
example-node
Example repo for uploading reports to Codecov
0 watchers
fast
The adaptive interface system for modern web experiences.
0 watchers
finisher-header
Configure your own animated header below and use it on your website
CSS · 0 watchers
fontgen-loader
Automated webfont generation from SVG icons. Use with webpack! Forked because main repository wasn't accepting PRs
0 watchers
formily
Alibaba Group Unified Form Solution -- Support React/Vue2/Vue3
Python · 0 watchers
guesslang
Detect the programming language of a source code
0 watchers
hexo-util
Utilities for Hexo.
HTML · 0 watchers
how-to-convert-a-design-to-web-page
Fairily convert a design to web page.
0 watchers
html-webpack-partials-plugin
🛠 Easy HTML partials for Webpack without a custom index!
0 watchers
interview-assignments
The monorepo for interview take home assignments.
0 watchers
javascript-enlightenment
[Book] JavaScript (ES2015+) Enlightenment
JavaScript · 0 watchers
jquery-ScrollSync
A jQuery plug-in that synchronizes the scrolling of several containers with scrollbars, such as iframe.(It works like bidirectional bindings, which let containers' scrollTop and scrollLeft synchronous, and using conditional bidirectional bindings which can avoid cycle synchronizes.)
JavaScript · 0 watchers
jquery-SmartResizeAndScroll
Let jquery's resize and scroll function run one time per timeout.(I find this method in puikinsh/gentelella https://github.com/puikinsh/gentelella, and fell it useful.)
HTML · 0 watchers
jQuery-tagEditor
A powerful and lightweight tag editor plugin for jQuery.
0 watchers
js-yaml
JavaScript YAML parser and dumper. Very fast.
JavaScript · 0 watchers
jsdom
A JavaScript implementation of various web standards, for use with Node.js
Rust · 0 watchers
keydown-test
keydown-test
TypeScript · 0 watchers
lazy-load-components
Lazy load any components.
JavaScript · 0 watchers
Leaflet.ChineseTmsProviders
Provider for Chinese Tms Service
0 watchers
learn
JavaScript · 0 watchers
lerna
:dragon: A tool for managing JavaScript projects with multiple packages.
0 watchers
loading
This could take a while
JavaScript · 0 watchers
mapgis-web-demo
simple demo of mapgis web.(openlayers,zdclient,etc)
HTML · 0 watchers
marked
A markdown parser and compiler. Built for speed.
JavaScript · 0 watchers
menghuanxiyou-mobile-game-webcam
【梦幻西游手游】使用摄像头监控是否需要操作
JavaScript · 0 watchers
Metro-UI-CSS-arrange-tiles
Automatic arrangement tiles in the MetroUI's widgets' visualization module.
JavaScript · 0 watchers
mirror-config-china
Mirrors in China about node.js
0 watchers
mocha-examples
Working examples of common configurations using mocha ☕️
JavaScript · 0 watchers
MY-SEQ
梦幻西游-慈心渡鬼-善恶棋
0 watchers
my-vscode-power-tools
My VS Code Power Tools.
TypeScript · 0 watchers
name-spell-checker
✓ name-spell-checker, ✗ NameSpellChecker, ✗ name-spell-checker.js
JavaScript · 0 watchers
navigator
Graphical user interface for exploring space, time, and taxa in the PBDB
0 watchers
neo4j-browser
Neo4j Browser is the general purpose user interface for working with Neo4j. Query, visualize, administrate and monitor the database.
JavaScript · 0 watchers
node-cjs
Provide __dirname and __filename for ESM packages.
zjffun

zjffun

🏢  码农
V2EX member #505904, joined on 2020-08-29 19:07:27 +08:00
zjffun's recent replies
JS 的话可以在 call stack 里点圆圈试一下

[Imgur]( )

感觉还是 chrome devtool 更好用

[Imgur]( )

刚才图片没发对
JS 的话可以在 call stack 里点圆圈试一下

https://imgur.com/pMBZJvu

感觉还是 chrome devtool 更好用

https://imgur.com/xEQ6fZY
debounce 返回的是一个函数,可以先分析这个更简单的流程看看

```js
function debounce(func) {
return function (...args) {
console.log("args", args);
func(...args);
};
}

let password = document.querySelector('[name="password"]');

const debouncedFn = debounce(function (e) {
console.log(222);
});

console.log("debouncedFn", debouncedFn);

password.addEventListener("keyup", debouncedFn);
```
@mxT52CRuqR6o5 @dartabe 刚才又去试了下 Set 确实很快,可能当初别的原因导致很慢一看 ES 规范写了遍历就就误解了
可以试下这个例子,和链表完全不一样。

```javascript
var array = [];
for(var i = 0;i< 1000000;i++){
array.push(i)
}
var start = new Date().getTime()
for(var i = 0; i< 100000; i++){
array.splice(1000000,0,1);
}
var end = new Date().getTime();
console.log(`Add 10^5 numbers to the head of array: ${end - start} ms`);

var array = [];
for(var i = 0;i< 1000000;i++){
array.push(i)
}
var start = new Date().getTime()
for(var i = 0; i< 100000; i++){
array.push(1000000,0,1);
}
var end = new Date().getTime();
console.log(`Add 10^5 numbers to the rear of array: ${end - start} ms`);

// Add 10^5 numbers to the head of array: 4555 ms
// Add 10^5 numbers to the rear of array: 56 ms
```

另外,之前用 JS 做题测试 Set 和 Map 的时间查询复杂度是 O(n) 也是挺难受的。
https://tc39.es/ecma262/#sec-set.prototype.has
Nov 9, 2020
Replied to a topic by Windsooon 推广 回馈论坛|海外兔抽奖
凑个数
没人能阻止新工具的出现导致社会必要劳动时间减少
Oct 31, 2020
Replied to a topic by Fiyoung 程序员 使用 render 函数在 canvas 中创建 “dom”
Star 支持一下

之前做 dom 截图用过 html2canvas 发现太慢了,然后换成 dom-to-image 好很多。
foreignObject 是真香啊。。
About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   3150 Online   Highest 6679   ·     Select Language
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.5 · 22ms · UTC 13:36 · PVG 21:36 · LAX 06:36 · JFK 09:36
♥ Do have faith in what you're doing.