摘要: pm-run-all npm-run-all可以轻易的串行或者并行各种脚本。https://www.npmjs.com/package/npm-run-all 使用方法: // 可以异步同时执行两个脚本 { "scripts": { "dev:esm": "run-p watch:esm serve 阅读全文
posted @ 2023-05-10 23:16 kitebear 阅读(10) 评论(0) 推荐(0) 编辑
摘要: commander, yargs, and minimist 都是 JavaScript 库,用于解析命令行参数。 commander 是一个轻量级的命令行参数解析器,用于简化命令行程序的开发。它允许开发人员通过编写简单的代码来定义命令行参数和选项,并且可以生成帮助信息。 yargs 是一个功能强大 阅读全文
posted @ 2023-05-10 23:15 kitebear 阅读(95) 评论(0) 推荐(0) 编辑
摘要: JS 代码压缩有哪些策略 去除换行,去除空白字符 长变量变成短变量 预计算 见terser更多策略配置 webpack中使用terser-webpack-plugin进行代码压缩 terser compress: { drop_console: true //去除打包以后代码中的console } 阅读全文
posted @ 2023-05-10 23:15 kitebear 阅读(27) 评论(0) 推荐(0) 编辑
摘要: Nginx 可以通过 gzip 压缩减小传输的流量,加快网站的访问速度。下面是 Nginx 开启 gzip 的配置方法: 打开 Nginx 配置文件: 复制$ sudo nano /etc/nginx/nginx.conf 搜索 gzip 配置项: 复制# gzip types gzip on; g 阅读全文
posted @ 2023-05-10 23:13 kitebear 阅读(69) 评论(0) 推荐(0) 编辑
摘要: BDD 集成测试 先写代码后做测试 TDD 单元测试 先写测试后写代码 阅读全文
posted @ 2023-05-10 23:13 kitebear 阅读(29) 评论(0) 推荐(0) 编辑
摘要: 方案一:使用 rsync 配置指南# bash cd /data/opt/nginx/html tar xf dist.tar.gz rsync -avr dist/PROJECT_NAME/ \rm -rf dist dist.tar.gz 示例# 历史 bash cd /data/opt/ngi 阅读全文
posted @ 2023-05-10 23:11 kitebear 阅读(92) 评论(0) 推荐(0) 编辑
摘要: 并行 Pipeline job 缓存依赖中间产物 -> 缓存加速 npm i -> Gitlib CI node_modules 私有仓库 开启多进程 build 多进程 限制范围 -> 增量打包 webpack5 cache npm -> yarn 为什么变快 pnpm 更快一些 rancher 阅读全文
posted @ 2023-05-10 23:10 kitebear 阅读(48) 评论(0) 推荐(0) 编辑
摘要: React 的一些最佳安全实践 React.js、Vue.js 这些现代的前端框架默认已经对安全做了非常多的考虑,但是这仍然不能阻碍我们写出一些安全漏洞 。。。因为框架永远不能完全限制我们编程的灵活性,只要有一定的灵活性存在就意味着有安全风险。 下面我就带大家一起来看一下,为了保证我们 React 阅读全文
posted @ 2023-05-10 23:00 kitebear 阅读(98) 评论(0) 推荐(0) 编辑
摘要: 实现瀑布流 实现效果 有好几种方案 1.用column count属性把页面元素分为俩列或多列来实现 2.用display flex 分列来展示页面 3.比如说用js实现 我今天介绍的就是第三种,因为前两种都会有局限,实现的效果我们希望是左右左右,而不是分成两列去显示,因为如果功能需要列表按照热度显 阅读全文
posted @ 2019-03-18 10:10 kitebear 阅读(906) 评论(1) 推荐(0) 编辑
摘要: 使用了 mint ui sass vue fastclick vue router 一个项目的初始化状态,一个新项目,陆陆续续花了2天时间搭起来的。 里面有mint ui的基本用法 tabbar 还有 vuex的基本用法, scss的初始化代码,还有一些方便的工具包。 Project setup C 阅读全文
posted @ 2019-03-06 15:11 kitebear 阅读(2117) 评论(0) 推荐(0) 编辑
摘要: 效果 目前项目使用的是Taro做小程序开发框架,Taro可以集成mbox,当然一些正常的框架也可以集成mbox,只不过需要自己集成,或者用redux也可以用相同的思想实现。 思路 利用mbox action会重新render页面的能力来实现通过切换action来改变对应的语言,同样的国际化会写成一个 阅读全文
posted @ 2019-01-30 16:22 kitebear 阅读(608) 评论(0) 推荐(0) 编辑
摘要: ​ 写这个方法的原因是因为我们需要改版国际化,因为相同的项目有其他分支做过国际化,但是主版本没有进行过国际化,目前需要修改主版本的国际化,但是因为国际化的方式做了结构上的调整所以写了这个工具方法方便去方便修改。 下面我做一下说明 这个是目前版本的国际化方式,是按照目录模块进行的国际化,每个目录一个文 阅读全文
posted @ 2019-01-22 00:37 kitebear 阅读(247) 评论(0) 推荐(0) 编辑
摘要: // 最主要的是理解 setTimeout 和( 浏览器执行程序 || resolve执行位置 )的顺序就能吃透了 //(MD 楞是看了我2个小时时间 真的是费脑洞︿( ̄︶ ̄)︿)X.then.then "以下:我把完整版摘出来" 阅读全文
posted @ 2019-01-16 05:12 kitebear 阅读(179) 评论(0) 推荐(0) 编辑
摘要: ​ 100 "continue" ​ 101 "switching protocols" ​ 102 "processing" ​ 200 "ok" ​ 201 "created" ​ 202 "accepted" ​ 203 "non authoritative information" ​ 20 阅读全文
posted @ 2019-01-15 08:34 kitebear 阅读(260) 评论(0) 推荐(0) 编辑
摘要: 1. 一种是用js判断兼容性 2. 用CSS中的@supports 阅读全文
posted @ 2019-01-14 16:05 kitebear 阅读(732) 评论(0) 推荐(0) 编辑
摘要: 起因 由于工作原因需要联调碧桂园的SDK 大概是以下代码,起初我是放在head中的,因为最初这样调试,包括线上环境都是OK的,可以获取到SDK的内容,换句话说js节点是可以插入到root内的,自从换了一套webpack4的构建、包括加快DNS速度、包括asyncScript标签之后,发现这个插入语句 阅读全文
posted @ 2019-01-13 06:53 kitebear 阅读(397) 评论(0) 推荐(0) 编辑
摘要: 吸烟 短时间肯定看不出对身体的影响,但是通常长期来看对身体在10到20年间影响比较大 会出现 记忆力减缓,语言错乱 早上起来会有憋气的感觉,主要是嘴臭 抽烟会经常出痰,皮肤也会不光泽 脑袋会一下子空白,暂时忘记所有的烦恼 “会对身体好,因为抽烟会一个小时活动一次出去抽烟,不抽烟的话真的是一直坐到下班 阅读全文
posted @ 2019-01-12 10:43 kitebear 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 首先是图片上的 其次是webpack dll js包的分包 代码上的 相同功能 封装组件/函数 nginx 配置 gzip 打包发布的时候 压缩JS、Css、html 这样的话就减少了体积 增加了加载速度 HTML 上的 js 文件的引用,wexin jdk.js 加 async HTML 头的优化 阅读全文
posted @ 2019-01-12 00:06 kitebear 阅读(183) 评论(0) 推荐(0) 编辑
摘要: 创建文件,然后把这个文件放到window开机自动执行的目录中,之后的每次开机都会重新启动这个脚本 阅读全文
posted @ 2019-01-12 00:03 kitebear 阅读(307) 评论(0) 推荐(0) 编辑
摘要:   最近总是在面试别人(前端),从这些人身上我总结了一些经验,80%的人没有充分的为这次状态做准备,30%的人没有面试的状态(表现懒散、随意、无所谓、麻木),50%的人没有get到面试官的点,60%基础知识没打好出来面试,只有5% 10%的人完全合适,到这里一般要面试很久。 下面我们一个个 阅读全文
posted @ 2017-04-29 16:09 kitebear 阅读(949) 评论(8) 推荐(3) 编辑
摘要: valueof toString add(1)(2) // 3 add(1, 2, 3)(10) // 16 add(1)(2)(3)(4)(5) // 15 function add() { var args = Array.prototype.slice.call(arguments); ret 阅读全文
posted @ 2017-03-04 11:24 kitebear 阅读(124) 评论(0) 推荐(0) 编辑
摘要: 最近在写微信公众号H5页面 遇到了一些坑,在这里记录一下 记录一下signature的计算 // 首先找到hex_sha1的加密算法,ticket 是后端提供的 var url_local = location.href.split('#')[0] var timestamp = parseInt( 阅读全文
posted @ 2017-01-05 22:52 kitebear 阅读(445) 评论(0) 推荐(0) 编辑
摘要: 字符描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个 向后引用、或一个八进制转义符。例如,'n' 匹配字符 "n"。'\n' 匹配一个换行符。序列 '\\' 匹配 "\" 而 "\(" 则匹配 "("。 ^ 匹配输入字符串的开始位置。如果设置了 RegExp 对象的 Multilin 阅读全文
posted @ 2016-06-18 10:26 kitebear 阅读(406) 评论(0) 推荐(0) 编辑
摘要: ump_player在线直播播放器封装,可以支持加载在线直播流 https://github.com/Mrxdh/EveryExercise/blob/master/ump_player%E5%9C%A8%E7%BA%BF%E7%9B%B4%E6%92%AD%E6%92%AD%E6%94%BE%E5 阅读全文
posted @ 2016-03-22 13:50 kitebear 阅读(347) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2016-03-17 23:49 kitebear 阅读(107) 评论(0) 推荐(0) 编辑