Skip to content

Instantly share code, notes, and snippets.

Avatar
💭
github就是我编程的一个个人网站,静态博客,内容。

熊潇 abearxiong

💭
github就是我编程的一个个人网站,静态博客,内容。
  • hangzhou china
View GitHub Profile
View array.from.js
// test Array.from
// 第一个参数为来源的值
// 第二个参数为映射转化函数(可选)
// 第三个为第二个参数提供this(可选)
let helper = {
diff: 1,
add(value) {
return value + this.diff;
}
@abearxiong
abearxiong / 前端工程化.md
Created May 9, 2022
关于前端工程化,开发提效的思考?
View 前端工程化.md

问题:随着项目变大,开发可能变得越来越复杂,例如运行或打包速度,有什么好的优化经历过好的方法?

想法

当前

未来一定是可视化编程的方向,前端变得无论多复杂,理应都应该是属于前端,意思就是仅仅只是展示页面的功能。
那么变大的过程,就属于开发的代码足够多,自然会有运行和打包速度的问题,那么直接解决方法就是分组件,分模块。

无论是开发代码还是运行代码,都应该是按需加载,缓存加载,空闲时间加载。

View print_juejin.js
// ==UserScript==
// @name print juejin
// @namespace http://tampermonkey.net/
// @version 0.1
// @description try to take over the world!
// @author abearxiong
// @match *://juejin.cn/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=juejin.cn
// @grant none
// ==/UserScript==
@abearxiong
abearxiong / delete_node_modules.py
Created May 5, 2022
删除node_modules的文件夹
View delete_node_modules.py
import os
import shutil
# path可以根据具体情况设置
path = '/Users/xion/归档/km/web'
delete_list = []
def get_py(path):
View a
孔曰成仁,孟曰取义。惟其义尽,所以仁至。
读圣贤书,所学何事?而今而后,庶几无愧。
View load-url.js
var inProgress = {};
var dataWebpackPrefix = "kevisual:";
// loadScript function to load a script via script tag
__webpack_require__.l = (url, done, key, chunkId) => {
if(inProgress[url]) { inProgress[url].push(done); return; }
var script, needAttach;
if(key !== undefined) {
var scripts = document.getElementsByTagName("script");
for(var i = 0; i < scripts.length; i++) {
var s = scripts[i];
@abearxiong
abearxiong / cloudSettings
Last active Apr 2, 2020
code配置插件同步
View cloudSettings
{"lastUpload":"2020-04-02T01:43:45.269Z","extensionVersion":"v3.4.3"}
@abearxiong
abearxiong / index.html
Last active Nov 3, 2019
js文件上传 剪贴板 拖拽 选择
View index.html
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta charset="utf-8">
<!-- Begin styles -->
<link rel="stylesheet" href="./styles/main.min.css" type="text/css">
@abearxiong
abearxiong / listNew.js
Last active Oct 28, 2019
关于浏览器端js到底部刷新的问题!
View listNew.js
document.write("hhh")
let max = 0
for(let i=0;i<20;i++){
document.write(i+"<br/>")
max = i
}
localStorage.setItem("lodding", false)
window.addEventListener("scroll",function(){
let scrollHeight = document.documentElement.scrollHeight
let scrollTop = document.documentElement.scrollTop