每日收获-2020-10月前 - 《前端每日内参》

10.15
好用的网盘搜索工具
https://xiaomapan.com/
https://www.dashengpan.com/
https://zhuanlan.zhihu.com/p/60840594
慕课网资源
http://www.51xuebc.com/thread-228-1-1.html
10.14
后台模板
https://github.com/Armour/vue-typescript-admin-template.git

10.13
el-tree 长列表太卡的问题
https://zhuanlan.zhihu.com/p/264350578+
Virtualized large table
Support virtualized, effectively render large tabular data.
https://rsuitejs.com/components/table

解决方案
https://github.com/Spdino/vbt-table
最终解决方案
https://www.umyui.com/umycomponent/selectionTree
https://github.com/u-leo/umy-ui/blob/master/examples/pages/umycomponent/selectionTree.vue

10.12

发现一个大佬的系列好文章（算法和vue原理）
https://juejin.im/user/3087084380239341/posts
算法：大O表示法讲得最好
讲解数组和栈的运用
LeetCode解题代码:
有效的括号
简化路径
逆波兰表达式求值

https://github.com/huxiaocheng/be-a-programmer
运算对象的写法：
const SIGN = {
‘‘: (a, b) => a b,
‘/‘: (a, b) => a / b | 0, // 向下取整
‘+’: (a, b) => a + b,
‘-‘: (a, b) => a - b
}

var evalRPN = function(tokens) {
const stack = new Stack()
tokens.forEach(item => {
if (item in SIGN) { // 是运算符
const b = stack.pop()
const a = stack.pop() // 弹出两个
const res = SIGNitem
stack.push(res) // 结果再压入栈
} else {
stack.push(+item) // 是数字直接压入栈
}
})
return stack.pop()
};

9.24

https://github.com/vue3/vue3-News

9.14
绩效阅读
https://juejin.im/post/6872136699405664263

vue系列笔记
https://github.com/JackieCheung/notes/tree/6dae708a0d4968d9fe007c8692db1cafedc099a4/vue
BI工具—季度插件
https://cboard_beta.gitee.io/ibi-doc/#/zh-cn/manual/widget?id=%e5%9b%be%e8%a1%a8%e8%ae%be%e8%ae%a1%e5%bf%ab%e6%8d%b7%e6%93%8d%e4%bd%9c%e4%bc%81%e4%b8%9a%e7%89%88

9.10/9.11
1.scss 如何传递变量给js —花裤衩
2.今晚该整理博客：来自量励项目的知识点体系
来自真实世界项目，来自医保项目的滚动和storybook
3.学习新东西前，先看下源码和整体效果
https://github.com/microdream8/blog.git
4.写博客的编辑器
https://www.mdnice.com/

9.9
博客
https://yuchengkai.cn/react/2019-07-29.html#文章相关资料

掘金小册 React Hooks 与 Immutable 数据流实战的typescript版本
https://github.com/shabbyaaa/react-music-ts

9.7
IBI 图表解决方案
https://cboard_beta.gitee.io/ibi-doc/#/zh-cn/preface?id=%e5%95%86%e4%b8%9abi%e5%a5%97%e4%bb%b6

9.4

1.学习方面的困惑，区别中高级程序员
不要像慕容复一样招式繁多，而是要像乔帮主一样修炼好内功，一套太祖长拳也能吊打挑战的诸多高手

2.开课吧-Vue的源码学习
https://www.bilibili.com/video/BV1yA411n7Ew?p=3
最新Vue3.0
https://www.bilibili.com/video/BV1Ye411s7Sk?from=search&seid=4801637865329234494
http://www.liulongbin.top:8085/#/?id=_31-执行时机
 https://www.bilibili.com/video/BV1LC4y1h7BF?p=2
慕课网的视频
https://www.bilibili.com/video/BV1T54y1v7Mx/?spm_id_from=333.788.videocard.2
https://search.bilibili.com/all?keyword=Vue3.0 %2B Vite开发
Vue源码学习
https://www.bilibili.com/video/BV1YT4y1g762?p=4

// 根据当前用户角色动态生成路由
const accessRoutes = await store.dispatch(‘permission/generateRoutes’, roles)
// 添加这些路由至路由器
router.addRoutes(accessRoutes)
// 继续路由切换，确保addRoutes完成
next({ …to, replace: true })
} catch (error) {
// 出错需重置令牌并重新登录（令牌过期、网络错误等原因）
await store.dispatch(‘user/resetToken’)
Message.error(error || ‘Has Error’)
next(/login?redirect=${to.path})

// 用户无令牌if
(whiteList.indexOf(to.path) !== -1) {
// 白名单路由放过
next()
} else {
// 重定向至登录页
next(/login?redirect=${to.path}

3.开课吧视频学习算法

http://www.liulongbin.top:8085/#/?id=_31-执行时机

9.1
医疗可视化工具
http://www.uipower.com/uitemplate/hospital/index.html

8.31

8.30
Chrome 浏览器垃圾回收机制与内存泄漏分析
https://juejin.im/post/6844903978069655565#heading-9
WeakSet 和 WeakMap结构

基本上，如果你要往对象上添加数据，又不想干扰垃圾回收机制，就可以使用 WeakMap。
8.29

发现的一篇不错的博客

我们写的不只是代码 / 而是我们读过的书 / 看过的电影 / 听过的音乐 / 走过的路 / 爱过的人
https://7revor.com/docs/
VUE代码在线运行
http://vue.tanyh.cn/assemble/#/Code/index?id=25
github.io（github pages）访问不了
https://blog.csdn.net/weixin_43755104/article/details/108213036
配置DNS，223.5.5.5
223.6.6.0

8.20

vue+mockjs模拟数据实现前后端分离开发的实例代码

https://www.jb51.net/article/120603.htm

8.19

可以使用Proxy对错误信息进行代理处理
https://juejin.im/post/6861725116389130254

// 状态码提示信息
const errorMessage = {
400: ‘错误请求’,
401: ‘系统未授权，请重新登录’,
403: ‘拒绝访问’,
404: ‘请求失败，未找到该资源’
}

const proxy = new Proxy(errorMessage, {
get(target,key) {
const value = target[key]
return value || ‘系统异常，请联系管理员’
}
})

// 输出错误请求
console.log(proxy[400])
// 输出系统异常，请联系管理员
console.log(proxy[500])

8.18

在Vue中使用装饰器
https://juejin.im/post/6856517315010232333#heading-14

8.17
js对Map对象的处理
https://www.cnblogs.com/yuer20180726/p/11387699.html
https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Map
8.16
数据总线通信
pubsub.js

8.11
编写高质量可维护的代码：优化逻辑判断
https://juejin.im/post/6859125809655840776

8.10
Cannot assign to read only property

使用了Object.freeze

8.6
更改 key 以强制重新渲染组件
https://segmentfault.com/a/1190000021599461

8.2
做总结：
滚动行为和滚动兼容
Css布局技巧
https://github.com/JackieCheung/notes/tree/85433c37437912a83ad44cf433dac1433c482d92/CSS
fiddler使用
浏览器不支持可以引入对应的polyfill
https://github.com/iamdustan/smoothscroll

圣杯布局和双飞翼布局的区别与实现

scrollingElement
该对象可以非常兼容地获取scrollTop、scrollHeight等属性，在移动端跟PC端都屡试不爽🤞
还记得当初写这个兼容性方法：
let scrollHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
复制代码
现在你只需要：
let scrollHeight = document.scrollingElement.scrollHeight;
复制代码
因为在MDN中是这样介绍它的：
标准模式返回documentElement，怪异模式返回body；

作者：聪明的汤姆
链接：https://juejin.im/post/6844903940731977735
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

8.1
fiddler学习
https://www.imooc.com/learn/37

better-scroll 的运用
https://github.com/chuzhixin/vue-admin-beautiful/blob/6664949dab5776c0e15af6ee1f55ac40957b4cfe/src/views/vab/betterScroll/index.vue

最强大的 CSS 布局 —— Grid 布局
https://juejin.im/post/6854573220306255880

7.31
-CI/CD实践

VuePress + Travis CI + Github Pages 自动线上生成文档
https://juejin.im/post/6844903869558816781

https://juejin.im/post/6844904083334103054
基于 GitLab CI 的前端工程CI/CD实践
https://juejin.im/post/6844903869739171848#heading-1

-极客时间宝藏

极客时间《前端全链路性能优化实战》视频课程PPT和实例源码
https://github.com/scalerone/geek-fepo-course

玩转webpack》极客时间课程源码和课件
https://github.com/scalerone/geektime-webpack-course
Webpack基础.
https://www.weisuoke.com/fe/webpack/Webpack基础.html
极客时间视频课程《Electron开发实战》课件及源码 https://time.geekbang.org/course/intro/269
https://github.com/geektime-geekbang/geektime-electron

前端工程实践
https://github.com/QConChina/QConBeijing2019/tree/master/前端工程实践

-360评估测评分析常见问题及处理
https://wenku.baidu.com/view/101e4cc5daef5ef7bb0d3c46.html
https://wenku.baidu.com/view/fac54951b52acfc789ebc951.html?rec_flag=default&word=360评估中的后续培养建议&fr=pc_oldview_relate-1001_1-6-wk_rec_doc2-1001_1-16661ed9ad51f01dc281f105-fac54951b52acfc789ebc951

7.30
搭建博客可以操作一波
https://github.com/Michael-lzg/my—article
https://github.com/chentanran/tanran
https://github.com/sl1673495/blogs/issues/37
仿掘金
https://github.com/xlz122/r-juejin.git
使用react模仿掘金练习
Array.prototype.slice.call()方法详解
https://www.jianshu.com/p/cad018776583
https://github.com/law-chain-hot/Blog
React 中的 diff 算法

React Hooks 与 Immutable 数据流实战
https://github.com/sanyuan0704/react-cloud-music
7.29
5.对代码重构，权限做优化
https://juejin.im/post/591aa14f570c35006961acac
具体实现
创建vue实例的时候将vue-router挂载，但这个时候vue-router挂载一些登录或者不用权限的公用的页面。
当用户登录后，获取用role，将role和路由表每个页面的需要的权限作比较，生成最终用户可访问的路由表。
调用router.addRoutes(store.getters.addRouters)添加用户可访问的路由。
使用vuex管理路由表，根据vuex中可访问的路由渲染侧边栏组件。

react hooks
https://github.com/landluck/react-ant-admin
https://github.com/kothing/react-admin-boilerplate.git
https://github.com/AllenBei/react-hook-ts-admin.git

解锁各种js数组骚操作，总有你想要的！
https://juejin.im/post/5f20e0d7f265da230b531f04
(数组对象排序)

7.28

1.jest前端自动化测试
https://www.jspang.com/detailed?id=63#toc234
Vue-Test-Utils + Jest 单元测试入门与实践
https://juejin.im/post/5db7c416f265da4d3a52dd9b#heading-7
Jest使用—-入门部分
https://juejin.im/post/5ebdf9c26fb9a04329766c66#heading-13
https://juejin.im/post/5d5155f2e51d4562132030e9#heading-2
https://juejin.im/post/5ebdf9c26fb9a04329766c66#heading-33
2.权限验证研究
参考花裤衩
3.准备eslint规则
4.晚上回去研究CI/CD和感情之事
关于翻墙
http://blog.404mzk.com/wang-ye-shou-ji.html
7.27
算法
https://juejin.im/post/5f05087cf265da22d466f60f
政企云前端小报
https://weekly.zoo.team/
算法教程
https://101.zoo.team/kai-pian-fu-za-du
ESLint 规则
https://www.zoo.team/article/eslint-rules

7.24

1.vue3.0 开课吧语雀
https://www.yuque.com/woniuppp/vue3/composition

2.React Hooks 详解
https://juejin.im/post/5dbbdbd5f265da4d4b5fe57d
3.Chrome插件(扩展)开发全攻略
https://www.cnblogs.com/liuxianan/p/chrome-plugin-develop.html#background

https://juejin.im/post/5f1d6a0d6fb9a07e8572b9eb

7.23
gh-pages页面
https://juejin.im/post/5b96586de51d450e7d0984a6.
实践后
https://scalerone.github.io/v-pay/dist/index.html

3.演练 npm 发包流程 ok

https://juejin.im/post/5b96586de51d450e7d0984a6
https://github.com/chinaBerg/vpay

7.22
学习算法
https://www.geekxh.com/0.01.指导学习/022.html

7.21
组件问题
https://www.cnblogs.com/winyh/p/12061376.html

7.17
Vue表单生成器

https://jakhuang.github.io/form-generator/#/

7.16
vue-virtual-scroller
https://akryum.github.io/vue-virtual-scroller/#/
Vue.js 无限滚动列表性能优化方案
https://www.jb51.net/article/175580.htm
https://github.com/Akryum/vue-virtual-scroller
长列表渲染的时候，建议将DOM移除掉，类似于图片懒加载的模式，只有出现在视图上的DOM才是重要的DOM。网络上有一些很好的解决方案，如 vue-virtual-scroller 库等等，大家可以理性的选择。

7.15
今晚要做-结合vpay项目
js把1-100的数存入数组

//实现方法六：
var arr6 = Array.from({length:100}, (v,k) => k);
console.log(arr6);

    //实现方法七：
    var arr7 = Array.from(Array(100), (v,k) =>k);
    console.log(arr7);
    //实现方法八：
    var arr8 = new Array(100).keys();
    console.log(Array.from(arr8));

1.CICD 下前端的多特性分支环境部署
https://github.com/shfshanyue/blog/blob/master/frontend-engineering/feature-deploy.md

2.这个项目是将一些基础配置比如eslint,移动端适配等进行了封装，开发人员只需fork就可直接开箱即用，不用再做额外的配置
https://github.com/snowzijun/vue-vant-base.git
3.http请求发生两次（原来是options请求）

7.14
storybook-docs
https://medium.com/storybookjs/storybook-docs-for-new-frameworks-b1f6090ee0ea

7.13
addEventListener的第三个参数
https://blog.csdn.net/sunrunning/article/details/80199842

2.storybook的doc插件
https://next—storybookjs.netlify.app/vue-kitchen-sink/?path=/story/infobutton—simple
3.CI/CD的流程

分分钟教会你搭建企业级的 npm 私有仓库
https://juejin.im/post/5eef64de518825658c1ad1f6
7.9
vue插件开发、文档书写、github发布、npm包发布一波流
https://juejin.im/post/5b96586de51d450e7d0984a6
https://github.com/chinaBerg/vpay

Vue 项目里戳中你痛点的问题及解决办法
https://juejin.im/post/5b174de8f265da6e410e0b4e#heading-0
列表进入详情页的传参问题。
本地开发环境请求服务器接口跨域的问题
axios封装和api接口的统一管理
UI库的按需加载
如何优雅的只在当前页面中覆盖ui库中组件的样式
定时器问题
rem文件的导入问题
Vue-Awesome-Swiper基本能解决你所有的轮播需求
打包后生成很大的.map文件的问题
fastClick的300ms延迟解决方案
组件中写选项的顺序
路由懒加载（也叫延迟加载）
开启gzip压缩代码
详情页返回列表页缓存数据和浏览位置、其他页面进入列表页刷洗数据的实践
css的scoped私有作用域和深度选择器
hiper打开速度测试
vue数据的两种获取方式+骨架屏
自定义组件（父子组件）的双向数据绑定
路由的拆分管理
mixins混入简化常见操作
打包之后文件、图片、背景图资源不存在或者路径错误的问题
vue插件的开发、发布到github、设置展示地址、发布npm包

作者：愣锤
链接：https://juejin.im/post/5b174de8f265da6e410e0b4e
来源：掘金
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

7.8
vue srolltop的为0的问题
https://www.jb51.net/article/153196.htm
注意滚动的层级在哪个div
window.addEventListener(‘scroll’, (e) => {
// let scrollTop = this.$el.querySelector(‘.ad-error-items-wrapper’)
console.log(‘dom’,e.target)
console.log(‘dom scrollTop’,e.target.scrollTop)
// let scrollTop = this.$el.scrollTop
console.log(‘parent’,this.$el)
console.log(‘parent2’,this.$el.parentNode)
console.log(‘scrollTop’,this.$el.parentNode.scrollTop)
// console.log(scrollTop.scrollHeight)
// console.log(‘111:’,scrollTop.scrollTop) // 查看打印的值是否有变化如果有则说明滚滚动条在这个标签中
// scrollTop.scrollTop = scrollTop.scrollHeight // 可以尝试下滚动滚动条。一直在底部则可以设置成功
}, true)

7.6
浏览器
https://juejin.im/post/5f007d32f265da22b64936bf

JavaScript教程
https://zh.javascript.info/

7.3
https://zhuanlan.zhihu.com/p/130398418
代码规范

module.exports = {
semi: false, // 行位是否使用分号，默认为true
trailingComma: ‘es5’, // 是否使用尾逗号，有三个可选值”“
singleQuote: true, // 字符串是否使用单引号，默认为false，使用双引号
printWidth: 100, // 一行的字符数，如果超过会进行换行，默认为80
tabWidth: 2, // 一个tab代表几个空格数
useTabs: true, // 启用tab缩进
bracketSpacing: true, // 对象大括号直接是否有空格，默认为true，效果：{ foo: bar }
}

7.2
好文章：
VUE3.0原理
https://juejin.im/post/5ef2a4bff265da02972f74e7?utm_source=gold_browser_extension#heading-5
从 Fetch 到 Streams —— 以流的角度处理网络请求
https://juejin.im/post/5e0013e1f265da33db49b17a#heading-13

webstorm的webstorm配置Prettier
https://blog.csdn.net/ttxxsir/article/details/82802171
7.1

代理超时设置
https://segmentfault.com/a/1190000022532514#item-4

https://segmentfault.com/q/1010000017751671
待看-vue进阶

https://juejin.im/post/5ef959e25188252e974ede2d#heading-28

前方高能，这是最新的一波Vue实战技巧，不用则已，一用惊人
https://juejin.im/post/5ef6d1325188252e75366ab5

配置持续集成环境
12-6 CI CD 简介
12-7 使用 travis 自动运行测试
12-8 使用 travis 自动发布文档页面
https://juejin.im/post/5ef7328cf265da22a8513da2?utm_source=gold_browser_extension#heading-35
https://github.com/kitorv/vue-ui-docs

写公司的工作文档：
仿照
https://segmentfault.com/a/1190000022532514
写下项目中如何引入storybook
给出地址：gitlab
和运行效果

课外读书：
财务自由笔记

6.30
继续实践
storybook
https://www.jianshu.com/p/042d6178f999
https://blog.csdn.net/weixin_34381666/article/details/91430083
https://juejin.im/post/5cd6dd94e51d453a8f348bef

https://segmentfault.com/a/1190000022532514

https://github.com/pocka/storybook-addon-vue-info

交互行为 Knobs插件：
https://next—storybookjs.netlify.app/vue-kitchen-sink/?path=/story/addon-knobs—simple

配置 stories 显示顺序
若想改变 stories 的显示顺序，该如何操作？示例如下，将 welcome.stories.tsx 先添加至数组中，从而改变 stories 的显示顺序：
import { configure } from ‘@storybook/react’;

// 将 welcome 文档说明置于顶部
const loaderFn = () => {
const allExports = [require(‘../src/welcome.stories.tsx’)];
const req = require.context(‘../src/components’, true, /.stories.tsx$/);
req.keys().forEach((fname) => allExports.push(req(fname)));

return allExports;
};

// automatically import all files ending in *.stories.tsx
configure(loaderFn, module);

6.29
建立语雀知识库
storybook继续

webpack加支持less
加交互
加Vue-info
加readme参数展示

加ci/cd
参考
https://www.yuque.com/qg0ivw/ky9k8b/rn9whn#KUvRC

6.28

根据这篇文章搭一个知识体系：博客
https://juejin.im/post/5ef6e4056fb9a07e80202aff
结合
https://www.weisuoke.com/fe2020/

GitHub项目-强烈推荐 GitHub 上值得前端学习的开源实战项目
https://segmentfault.com/a/1190000019488576

实践
storybook
https://www.jianshu.com/p/042d6178f999

https://segmentfault.com/a/1190000022532514
https://juejin.im/post/5ef7328cf265da22a8513da2

官网：
https://storybook.js.org/docs/guides/guide-vue/
https://tuchk4.github.io/storybook-readme/?path=/story/button—button
实现例子
https://github.com/tuchk4/storybook-readme/tree/master/packages/example-vue
node插件rimraf
npm run storybook启不起来一直报错缺依赖，直接rimraf node_modules/重新npm i 完事儿

其他：
https://github.com/RabotaRu/rabotify.git
https://rabotaru.github.io/rabotify/?path=/story/rabotify—rloading
https://github.com/lana/b2c-mapp-ui.git
参考
https://github.com/kitorv/vue-ui-docs
搜索相关仓库
https://github.com/search?l=Vue&p=3&q=vue++storybook&type=Repositories
6.24
前端精进
https://segmentfault.com/a/1190000022157926/
和深入系列博客
https://github.com/mqyqingfeng/Blog/issues/56

精读系列文章和博客
https://github.com/YUYUEy/interview/tree/a103fa6d41269a901e0bdfc2088d1eeac73f8cc3/精读系列

React Hooks 与 Immutable 数据流实战
https://juejin.im/book/5da96626e51d4524ba0fd237/section/5da974fc518825527a4cec30
https://github.com/weizhanzhan/react-hooks-webapp-music
https://github.com/sanyuan0704/react-cloud-music.git
6.23

java springboot vue 下载大文件的两种情况
http://www.luyixian.cn/news_show_343583.aspx
js基础
https://juejin.im/post/5e37de90f265da3e413f6150
js知识体系
https://github.com/Michael-lzg/my—article

6.19
策略模式
https://juejin.im/post/5ee6f53fe51d450d800a4459
解决多重条件业务

6.18
动态组件，让页面渲染更灵活
前两天产品经理来了新的需求了，告诉我，需要根据用户的权限不同，页面上要显示不同的内容，然后我就哼哧哼哧的将不同权限对应的组件写了出来，然后再通过v-if来判断要显示哪个组件，就有了下面的代码
https://juejin.im/post/5eddbaee5188254344768fdc

6.17
PWA学习
https://www.weisuoke.com/fe/PWA/pwa.html

https://segmentfault.com/a/1190000015705532
web worker

6.16
基于 Vue 的 PWA 解决方案，帮助开发者快速搭建 PWA 应用，解决接入 PWA 的各种问题
https://github.com/lavas-project/lavas.git

准备ts版：学习花裤衩的项目和掘金上的
https://github.com/Jack-Star-T/Vue3.0-typescript.git
https://github.com/Armour/vue-typescript-admin-template
https://github.com/biaochenxuying/blog-vue-typescript.git

6.15

前端23种设计模式之代理模式
https://juejin.im/post/5edf9800f265da76e609ede2
埋点功能-代理全局fetch

解决 vue 项目运行过程中内存泄漏问题

https://zhuanlan.zhihu.com/p/112763489

vue单页应用的内存泄露定位和修复问题小结

https://www.jb51.net/article/166794.htm
6.12

https://github.com/weisuoke/ts-axios

6.9
理解防抖
理解设计模式

使用nginx的反向代理解决跨域问题
https://www.cnblogs.com/lovesong/p/10269793.html
浅谈webpack SplitChunksPlugin实用指南
https://www.cnblogs.com/xieqian/p/10973039.html
https://www.jb51.net/article/147556.htm
https://my.oschina.net/u/3435162/blog/3124552
https://segmentfault.com/a/1190000016623314

待学习搭建vuepress
或者使用dumi
https://www.bookstack.cn/read/dumi-1.x/guide-demo-principle.md
参考项目
https://www.weisuoke.com/fe2020/
http://doc-zf.weisuoke.com/
博客
https://github.com/MuYunyun/blog/tree/master/BasicSkill
面试题
http://www.h-camel.com/index.html
https://github.com/weisuoke/awesome-interview

https://github.com/haizlin/fe-interview

6.10
Webpack 4 教程 - 4. 使用SplitChunksPlugin插件进行代码分割
https://segmentfault.com/a/1190000016623314

6.8
js设计模式
https://www.weisuoke.com/fe2020/Gof/juejin-GoF.html#_0-开篇：前端工程师的成长论

https://www.weisuoke.com/fe2020/Gof/juejin-GoF.html

https://juejin.im/post/5edcb5a5e51d457863403438

有公司用gatsby graphql easy-peasy这些框架和库吗，入职新公司，用的这些

6.6
函数的柯里化
https://www.weisuoke.com/fe2020/FP/
https://www.jianshu.com/p/2975c25e4d71

7.js的代理和反射
Proxy 和Reflect
typescript学来用

神三元三篇js 灵魂之问
https://juejin.im/user/5c45ddf06fb9a04a006f5491/posts
辉先生:
https://juejin.im/post/5dac5d82e51d45249850cd20

原生JS灵魂之问, 请问你能接得住几个？(上)

https://juejin.im/post/5dbebbfa51882524c507fddb#heading-5

原生JS灵魂之问(中)，检验自己是否真的熟悉JavaScript

原生JS灵魂之问(下), 冲刺进阶最后一公里(附个人成长经验分享)

https://juejin.im/post/5dd8b3a851882572f56b578f#heading-2

6.5

DD每周前端七题详解
https://juejin.im/post/5ece0955e51d45784960ae58#heading-4
前端知识体系
https://github.com/LinDaiDai/niubility-coding-js/tree/master/算法/LeetCode算法题

详解JS函数柯里化
https://www.jianshu.com/p/2975c25e4d71
结合来看
https://github.com/LinDaiDai/niubility-coding-js/tree/master/JavaScript/函数式编程
6.2
1.安全功能：
页面添加水印-参考mmrs系统

2.微信开发之内网穿透
Windows 下配置 ngrok ngrok使用教程
https://blog.csdn.net/chain_fei/article/details/79152692

3.vue-typescript-admin-template
https://github.com/Armour/vue-typescript-admin-template.git

4.开发测试可使用内网穿透工具ngrok）
微信公众号管理系统，包含公众号菜单管理🗄、自动回复🗨、素材管理📂、模板消息☘、粉丝管理🤹‍♂️等功能，前后端都开源免费🛩 https://github.com/niefy/wx-manage

6.1
常用数组函数
vue elementUI table表格数据滚动懒加载

vue+element-ui table实现滚动加载
https://blog.csdn.net/weixin_43953710/article/details/88846252

https://www.jb51.net/article/159033.html

VuePress从零开始
https://segmentfault.com/a/1190000020097643
https://www.jianshu.com/p/9fa3f98dac6e

5.29
axios onDownloadProgress和onUploadProgress配置进度条

单例模式中 fn.apply(this,arguments) 问题
fn.apply(this, arguments)是什么函数？有什么作用？
https://ask.csdn.net/questions/376319

5.28
深入理解position sticky 粘性定位
https://juejin.im/post/5ecde4206fb9a047aa65edf0?utm_source=gold_browser_extension

搭建一个vuepress
《前端内参》帮助前端工程师们夯实技术以通过一线互联网企业技术面试。日拱一卒，一年下来你会惊叹自己的进步。
https://github.com/coffe1891/frontend-hard-mode-interview

uni-app代码片段分享，以及基础组件分享，组件文档地址
https://github.com/dingyong0214/ThorUI-uniapp.git

5.27
谷歌常用插件
https://github.com/zhaoolee/ChromeAppHeroes
uni_app指导
https://juejin.im/post/5cfdcf056fb9a07ecd3d5068#heading-12
uni-app小程序手把手项目实战
https://juejin.im/post/5dcb77e9f265da4d260447c8#heading-2

https://juejin.im/post/5e8e8d5a6fb9a03c6d3d9f42#heading-11

如何用uni-app做一个领优惠券H5、小程序商城（一）
https://juejin.im/post/5e62374cf265da573c0c85ab#heading-9

使用uni-app开发叮咚买菜的一些笔记
https://github.com/cgq001/dingdong
插件市场
https://ext.dcloud.net.cn/plugin?id=200

uni-app实战社区交友类app开发
scalerone百度网盘
https://www.bilibili.com/video/BV1nb411g79e/?spm_id_from=333.788.videocard.2

5.26
svg技术的使用
https://juejin.im/post/5dea5745f265da33bd496f50#heading-3

5.25
发现的一个新项目-海风小店，开源商城，微信小程序商城
https://github.com/iamdarcy/hioshop-miniprogram

5.21
vue组件封装指南
https://juejin.im/post/5cc842dc6fb9a0322f7c98ff

第 4 题：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
https://github.com/Advanced-Frontend/Daily-Interview-Question/issues/6
Set
1.成员不能重复
2.只有健值，没有健名，有点类似数组。
3. 可以遍历，方法有add, delete,has
weakSet
成员都是对象
成员都是弱引用，随时可以消失。可以用来保存DOM节点，不容易造成内存泄漏
不能遍历，方法有add, delete,has
Map
本质上是健值对的集合，类似集合
可以遍历，方法很多，可以干跟各种数据格式转换
weakMap
1.直接受对象作为健名（null除外），不接受其他类型的值作为健名
健名所指向的对象，不计入垃圾回收机制
不能遍历，方法同get,set,has,delete

使用ESLint+Prettier来统一前端代码风格
https://segmentfault.com/a/1190000015315545
vscode格式化vue代码单引号变双引号或者自动加分号的问题
https://blog.csdn.net/qq_26030541/article/details/105139155?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-3

http://eslint.cn/docs/rules/
5.20
一
Vue Docs 中文文档翻译合集
https://github.com/vuejs/vue-docs-zh-cn
VUE-CLI 2.9.6版本升级到4.0.5
https://www.cnblogs.com/smalldragon-hyl/p/11904958.html
VUE-CLI 2.9.6版本升级到4.0.5
1.首先卸载
npm uninstall -g @vue-cli
2.重新安装
npm install -g @vue/cli
3.查看vue 版本是否正确出现vue/cli 4.0.5 就正确了
vue -V
4.创建项目
vue create haha
如果创建时出现npm 一直卡着不动，那么需要装淘宝镜像
npm install -g cnpm —registry=https://registry.npm.taobao.org
接着配置代理
npm config set registry https://registry.npm.taobao.org

Vue3.0
https://juejin.im/post/5eae5d92e51d451b2e03255c
https://juejin.im/post/5d6e4986518825267a756a8d
Vue3.0 Beta
https://www.imooc.com/article/303446
中文文档
https://vue-composition-api-rfc.netlify.app/zh/#概述
实战
https://juejin.im/post/5eaead656fb9a0438d4060be
API
https://vue-composition-api-rfc.netlify.app/zh/api.html#setup

超容易理解的call()、apply()、bind()的区别
https://blog.csdn.net/u010176097/article/details/80348447

vue于Android做交互的问题
https://www.jianshu.com/p/e8cafd11ead9
https://segmentfault.com/a/1190000016879200#item-3
IOS用的是jsBridge插件实现调用、传参、回调的
安卓是在window挂载方法和挂载回调的

5.19
4.搭一个vue-cli4的框架做新项目
4.搭一个vue-cli4的框架做新项目
—环境区分配置多环境变量
—webpack打包配置 vue.config.js
—elementui引入
—mixins统一UI样式定制
—api风格响应拦截配置
—utils规则验证
—过滤器配置
—mock数据
—登录

—顶部layout的拆分
—菜单和路由
—悦励区域版的样式拆分
—整体的错误和样式
3.部署 github pages
https://juejin.im/post/5ec33061e51d454dc1467db6?utm_source=gold_browser_extension#heading-8

1.git学习站点-游戏
https://learngitbranching.js.org/?locale=zh_CN
2.Less中传递全局变量
configureWebpack: config => {
// 开启 gzip 压缩
// 需要 npm i -D compression-webpack-plugin
const plugins = [];
if (IS_PROD) {
plugins.push(
new CompressionWebpackPlugin({
filename: “[path].gz[query]”,
algorithm: “gzip”,
test: productionGzipExtensions,
threshold: 10240,
minRatio: 0.8
})
);
}
config.plugins = […config.plugins, …plugins];
},
css: {
extract: IS_PROD,
requireModuleExtension: false,// 去掉文件名中的 .module
loaderOptions: {
// 给 less-loader 传递 Less.js 相关选项
less: {
// globalVars 定义全局对象，可加入全局变量
globalVars: {
primary: ‘#333’
}
}
}
},

5.18

vueCli3搭建的vue-vuex-router开发模版，PC、Mobile两个分支开箱即用，支持scss、vuex、axios、多语言、过滤器、仓库快速提交等 https://wangyupo.github.io/best-cli/
https://github.com/wangyupo/vue-vuex-router.git

Vue Cli配置
https://cli.vuejs.org/zh/config/#vue-config-js

https://juejin.im/post/5c417993f265da61285a6075
彻底弄懂强缓存与协商缓存
https://www.jianshu.com/p/9c95db596df5

5.16
兼容IE
https://github.com/PanJiaChen/vue-element-admin/issues/3025

5.15

配置axios请求头中的content-type为指定类型
https://www.cnblogs.com/dreamcc/p/10752604.html
axios.defaults.headers.post[‘Content-Type’] = ‘application/x-www-form-urlencoded’; 或者 {headers:{‘Content-Type’:’application/x-www-form-urlencoded’}}

将参数转换为query参数, 利用qs
引入 qs ，这个库是 axios 里面包含的，不需要再下载了

import Qs from ‘qs’
let data = {
“username”: “cc”,
“psd”: “123456”
}

axios({
headers: {
‘Content-Type’: ‘application/x-www-form-urlencoded’
},
method: ‘post’,
url: ‘/api/lockServer/search’,
data: Qs.stringify(data)
})

在项目中的应用
async addPointForHospital (hospitalCode, point) {
try {
let headers = {
‘Content-Type’: ‘application/x-www-form-urlencoded’
};
let data = {
hospitalCode,
point
}
// let res = await http.post(/api/manager/hospital/point/gift?hospitalCode=${hospitalCode}&point=${point},null,{headers});
let res = await http.post(/api/manager/hospital/point/gift,qs.stringify(data),{headers});
if (res.data.success) {
return res.data.data;
} else {
Message.error(res.data.message);
return null;
}
} catch (err) {
console.log(err);
}
},

请求拦截

// http request 拦截器
axios.interceptors.request.use(
config => {
console.log(config.headers)

    if(headers === null) {
       config.headers = {
       'Content-Type': 'application/json'
         };
    } 
    let token = window.sessionStorage.getItem('token');
    if (token) {
        // config.headers.token = 'Bearer ' + token;
        config.headers.token = token;
    }
    //只针对get方式进行序列化-传递数组参数
    if (config.method === 'get') {
      config.paramsSerializer = function(params) {
        return qs.stringify(params, { arrayFormat: 'repeat' })
      }
    }
    return config;
},
err => {
    return Promise.reject(err);
});

阅历区域版

5.13
https://blog.csdn.net/qq_33829154/article/details/81364047

Git开发—git merge request 步骤

删除git中缓存的用户名和密码
https://www.jianshu.com/p/b49f6dfbf721

5.9
《深入浅出 Vue.js 》的ppt
https://ppt.baomitu.com/d/2afbd5b9#/25

5.8
基础：JavaScript设计模式与开发实践和《JavaScript高级程序设计（第3版）》
深入理解JavaScript系列
https://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html
其他书籍
https://juejin.im/post/5eb0eca1f265da7bfd7f6cb3?utm_source=gold_browser_extension#heading-6

一本将 Vue.js 原理的好书《深入浅出 Vue.js 》。

剖析 Vue.js 内部运行机制
https://juejin.im/book/5a36661851882538e2259c0f
Vue.js 源码解析 https://github.com/answershuto/learnVue
https://github.com/answershuto/learnVue

5.7
地区组件封装
Vue.js 模板解析器原理 - 来自《深入浅出Vue.js》第九章
https://github.com/berwin/Blog/issues/36

4.27
Flutter 屏幕适配 — 百分比
https://www.jianshu.com/p/cbb1e1aa2802

AspectRatio（调整宽高比）
https://www.cnblogs.com/lxlx1798/p/11090220.html
https://www.jianshu.com/p/6a88d5c2980a
4.24
Vue中 get请求传递数组类型参数
https://segmentfault.com/a/1190000020940523?utm_source=tag-newest
qs主要是增加一些安全性的查询字符串解析和序列化字符串的库，qs的更多使用方式可以参考总结中提供的地址学习
1、qs.stringify({ a: [‘b’, ‘c’] }, { arrayFormat: ‘indices’ })
// 输出结果：’a[0]=b&a[1]=c’
2、qs.stringify({ a: [‘b’, ‘c’] }, { arrayFormat: ‘brackets’ })
// 输出结果：’a[]=b&a[]=c’
3、qs.stringify({ a: [‘b’, ‘c’] }, { arrayFormat: ‘repeat’ })
// 输出结果：’a=b&a=c’
4、qs.stringify({ a: [‘b’, ‘c’] }, { arrayFormat: ‘comma’ })
// 输出结果：’a=b,c’

4.21
https://www.cnblogs.com/tangs/articles/10180320.html

4.20
javascript对数组分页
function pagination(pageNo, pageSize, array) {
let offset = (pageNo - 1) * pageSize;
return (offset + pageSize >= array.length) ? array.slice(offset, array.length) : array.slice(offset, offset + pageSize);
}

4.17
打64位包

https://blog.csdn.net/weixin_33936401/article/details/88722952

“win”: {
“icon”: “build/icons/aims.ico”,
“target”: [
{
“target”: “nsis”,
“arch”: [ // 这个意思是打出来32 bit + 64 bit的包，但是要注意：这样打包出来的安装包体积比较大，所以建议直接打32的安装包。
“x64”,
“ia32”
]
}
]
}

4.15
收货leetcode库一枚
https://github.com/scalerone/leetcode

4.14
如何打造自己的UI库

https://segmentfault.com/a/1190000020643325?utm_source=tag-newest

4.1
electron 打包之后，如何使用 F12 开启开发者工具？
https://blog.csdn.net/cctvcqupt/article/details/87910357
https://newsn.net/say/electron-f12/3.html

Nodejs中复制文件的四种方法
https://blog.csdn.net/weixin_37994110/article/details/89057704

3.31

/* json数组转换excel */
var worksheet = XLSX.utils.aoa_to_sheet(this.data);
var new_workbook = XLSX.utils.book_new();
XLSX.utils.book_append_sheet(new_workbook, worksheet, "sheetjs");
/* 生成文件，导出D盘 */
XLSX.writeFile(new_workbook, "D://sheetjs_json.xlsx");

https://blog.csdn.net/q809198545/article/details/79652416
3.30
js比对字符串是否相等
https://blog.csdn.net/gs981600308/article/details/90401843
查找出缺少的字段
https://www.imooc.com/wenda/detail/577747
vue props
https://cn.vuejs.org/v2/guide/components-props.html
待学习教程：VUE和java的结合

http://doc.jeecg.com/1273752

http://boot.jeecg.com/user/login?redirect=%2F

https://github.com/zhangdaiscott/jeecg-boot

3.27
CryptoJS & JAVA AES加密、解密
https://github.com/mpetersen/aes-example

3.26
nodejs连接数据库的问题
https://blog.csdn.net/u012475786/article/details/72621257

electron-vue安装js-xlsx，实现Excel导入导出
https://blog.csdn.net/q809198545/article/details/79652416
Vue逐行分析
http://hcysun.me/vue-design/zh/essence-of-comp.html#组件的产出是什么

3.25
https://www.electron.build/configuration/contents.html#files

https://www.cnblogs.com/jiangxifanzhouyudu/p/9517651.html

electron打包额外的文件到app中去
https://blog.csdn.net/weixin_36185028/article/details/84674042
https://blog.csdn.net/PLF_1994/article/details/88301660?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
electron 获取打包后的exe文件路径。
https://blog.csdn.net/chanlingmai5374/article/details/89325960
1、初步尝试
使用 nodeJS 的被执行 js 文件的绝对路径：__dirname。
返回： D:\【文件夹】\win-ia32-unpacked\resources\app.asar\dist\electron

使用 electron 文档中提到的：“当前应用程序所在目录”：app.getAppPath()。
返回： D:\【文件夹】\win-ia32-unpacked\resources\app.asar

都不是想要的结果。

2、找到答案
经过搜索，我找到了一个贴子：
[https://stackoverflow.com/questions/46307797/how-to-get-the-original-path-of-a-portable-electron-app][1]
[1]: https://stackoverflow.com/questions/46307797/how-to-get-the-original-path-of-a-portable-electron-app

使用 process.execPath 即可获取： D:\【文件夹】\build\win-ia32-unpacked\vsqx.exe
使用 process.cwd() 即可获取： D:\【文件夹】\build\win-ia32-unpacked
————————————————
版权声明：本文为CSDN博主「黑夜的风」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/chanlingmai5374/article/details/89325960

electron-builder打包build配置

https://segmentfault.com/a/1190000017296201?utm_source=tag-newest

3.24
待看
JavaScript 装饰器

https://juejin.im/post/5e7822c3e51d4526f23a45ae?utm_source=gold_browser_extension

3.20
通过移除dom的方式来提高性能针对树的销毁
https://www.jb51.net/article/136596.htm

https://blog.csdn.net/qq_35257117/article/details/89608250?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

3.20
get 参数 url编码问题请求方式一定要标准，否则会有编码问题
let params = {
params:{
name:name
}
}
let res = await http.get(/hospital/checkName,params);

https://segmentfault.com/a/1190000018384777?utm_source=tag-newest
https://blog.csdn.net/coomon2000/article/details/3713839?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

3.17
用Vue+ElementUi实现评论功能-仿掘金
https://blog.csdn.net/zLanaDelRey/article/details/100997792
Vue-cli + jQuery框架实现无限递归评论和无限递归回复功能
https://blog.csdn.net/qq_42349895/article/details/95028055

3.16
typescript
https://www.cnblogs.com/wfaceboss/p/10043101.html

无限级评论的实现
利用Vue+ElementUi实现评论功能-仿掘金
https://blog.csdn.net/zLanaDelRey/article/details/100997792

https://blog.csdn.net/solocoder/article/details/80963255

js常用工具函数
https://github.com/XmanLin/MyUtils
移动端-手势库
https://github.com/any86/any-touch#快速开始
移动端-参考代码
ddBuy是一个移动端开源电商项目，它基于 vue 2.x 和 vant 2.x实现。使用了最新的Vue全家桶技术栈，以及一些优秀的开源库如better-scroll、 moment.js、twix.js、pubsub-js,后台数据通过Easy-Mock搭建。支持多语言国际化,相信不管你是处于哪个段位的攻城狮，本项目都能帮助到你。

3.14
如何建立一个好的产品文档——参考许产品
https://github.com/vuepress-reco/vuepress-theme-reco.git

tree组件优化：可以移除其他二级节点

3.12
先更新博客Vue代码优化 minxins
如何对以往的代码进行优化

搭建属于自己的vuepress

https://github.com/shfshanyue/Daily-Question
CSS3常用的四个动画效果
https://www.sohu.com/a/327962576_120157694
面试总结:CSS3有哪些新的特性?(十大类)
https://blog.csdn.net/lxcao/article/details/52797914?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task

https://blog.csdn.net/mrhuanhuan/article/details/82846056?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
vue所有Css3动画总结
https://www.jianshu.com/p/23d1ff0db65a
3.11
如何在写await async的时候不用try catch
https://mp.weixin.qq.com/s/sCuzxdSKwt88g-RZdHSYjA

// 抽离成公共方法 -省略 try catch
const awaitWrap = (promise) => {
return promise
.then(data => [null, data])
.catch(err => [err, null])
}
//
// const [err, data] = await awaitWrap(fetchData())
// const [a,b] = [1,2];
// console.log(a,b)
// console.log(‘err’, err)
// console.log(‘data’, data)

async getMonthsList() {

const [err, response] = await awaitWrap(http.get(‘/hospital/list’));
if(err){
console.log( err)
return null;
}else {
console.log( response.data)
return response.data
}
}

3.10
vue中el-table翻页序号连续
https://blog.csdn.net/Timor7hao/article/details/96994331

优化树组件的点击问题
https://www.jianshu.com/p/4e0ecb0f796d

还是先搭建好GitHub viewpress：把博客准备好

el-table 没有数据的提示
mixins在UI中的使用
object.freese
tree组件的选择

3.9

https://github.com/lin-xin/vue-manage-system?utm_source=gold_browser_extension

3.6
移动端开发模板
https://github.com/push-over/vue-h5-template

3.5
资源采集站在线播放
https://github.com/ZyqGitHub1/h-player-v2/blob/master/src/api/rx/maccms-v10.js
学习css3 动画 h5动画常用的旋转进度条

js.Promise 传值
function doubleUp(value) {
return value 2;
}
function increment(value) {
return value + 1;
}
function output(value) {
console.log(value);// => (1 + 1) 2
}

var promise = Promise.resolve(1);
promise
.then(increment)
.then(doubleUp)
.then(output)
.catch(function(error){
// promise chain中出现异常的时候会被调用
console.error(error);
});

3.4
https://www.cnblogs.com/soyxiaobi/p/9616011.html

好的vuepress主题-晚上整一个-同时学习react-lectron
https://github.com/vuepress-reco/vuepress-theme-reco?utm_source=gold_browser_extension
echarts实现四象限图和快捷键
https://blog.csdn.net/mighty13/article/details/78055211
关于babel插件
https://juejin.im/post/5e5b488af265da574112089f?utm_source=gold_browser_extension#heading-5
3.3
手摸手，带你优雅的使用 icon
https://juejin.im/post/59bb864b5188257e7a427c09
看typescript的书和taro的书

3.2
vue的alert的组件封装
https://github.com/icarusion/vue-component-book
https://segmentfault.com/a/1190000019889076?utm_source=tag-newest
vue开发的小技巧
Object.freeze 针对名词诊断平台
https://juejin.im/post/5c92ff94f265da6128275a85#heading-17

snake 设计原则

https://cloud.tencent.com/developer/news/57389

2.29
css兄弟元素和相邻元素的用法
使用mixin，处理全局参数，对alert和confirm的处理

用后面的覆盖前面的配置，js技巧
//const finalConfig = Object.assign(basicConfig, config) // ES5写法用后面的覆盖前面的
const finalConfig = { …basicConfig, …config } // ES6语法，效果等同上面

https://blog.csdn.net/hangsome123/article/details/86530850

2.28
keepalive和vuepress

使用Typescript重构axios(二十三)
https://www.cnblogs.com/wangjiachen666/p/11345881.html
结合极客时间和技术胖的文章
jest+vue
https://juejin.im/post/5e15932ee51d4540f02fae27#heading-42

2.25
axios.all()解决并发请求

https://segmentfault.com/a/1190000019882188
使用Typescript

https://www.cnblogs.com/wangjiachen666/p/11377084.html
axios的各种配置
https://www.kancloud.cn/yunye/axios/234845

2.23
混入的用法，常用的功能函数filter

技术好文
https://github.com/qq449245884/xiaozhi/issues/28
在个人博客里添加评论系统—Gitalk
https://www.jianshu.com/p/656e6101bf0f

docsify网站文档工具用法总结
https://www.cnblogs.com/fozero/p/10256858.html
https://www.jianshu.com/p/4883e95aa903
2.22
1.css样式的书写顺序及原理
https://www.cnblogs.com/xsd1/p/11935362.html
https://segmentfault.com/q/1010000000648312
（1）定位属性：position display float left top right bottom overflow clear z-index
（2）自身属性：width height padding border margin background
（3）文字样式：font-family font-size font-style font-weight font-varient color
（4）文本属性：text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow
（5）css3中新增属性：content box-shadow border-radius transfo
按照上述1 2 3 4 5的顺序进行书写。其他(animation, transition等)
https://www.jb51.net/css/617973.html

2.Vue中常用rules校验规则
https://www.cnblogs.com/xsd1/p/11976324.html
3.ElementUI 之 Tree 组件切换全局 disabled
https://www.dazhuanlan.com/2019/09/28/5d8f30740b1a7/

2.21
总结：
1.Vue中 Bus总线通信的bus.$off和bus.$on和$emit
2.vue中导出word的方法
https://segmentfault.com/a/1190000015820792
3.使用Css伪类 :target 来实现 tab 切换功能
可以使用 #id:target 来设置不同id在:target下的效果。
所以 :target 的应用范围一般是tab选中态，以及强调锚状态的作用
https://www.w3school.com.cn/tiy/t.asp?f=css_sel_target

https://chokcoco.github.io/CSS-Inspiration/#/./pesudo/pesudo-focus-target
http://caibaojian.com/css3/selectors/pseudo-classes/target.htm
4.markdown-nice体验地址
https://juejin.im/post/5e4ca743f265da576b565ee1#heading-4

2.20
一步步带你用VuePress来搭建个人网站
https://juejin.im/post/5e47e7db5188254946704e7a?utm_source=gold_browser_extension

怎么把使用vuepress搭建的博客部署到Github Page
https://blog.csdn.net/weixin_30897079/article/details/101335672?depth_1-utm_source=distribute.pc_relevant.none-task&utm_source=distribute.pc_relevant.none-task
CSS故障艺术

2.19
vue常用功能代码集合

https://github.com/Hansen-hjs/my-note/tree/master/JavaScript
https://juejin.im/post/5e49ef916fb9a07c951cd0e3?utm_source=gold_browser_extension#heading-1

Vue中 Bus总线通信的bus.$off和bus.$on和$emit
https://www.cnblogs.com/shirliey/p/11327126.html

2.18

「如何优雅的使用VUE? 」不可不知的VUE实战技巧
https://juejin.im/post/5e475829f265da57444ab10f?utm_source=gold_browser_extension

VuePress + GitHub Pages 搭建个人博客
如何用GitHub管理文档
https://blog.csdn.net/olewa_HHH/article/details/86618008
https://www.jianshu.com/p/6e8c608f24c8

官方文档：
https://vuepress.vuejs.org/zh/theme/default-theme-config.html#首页
借助Github Page把你的React项目部署到线上环境
https://juejin.im/post/5cb45f77e51d456e693f48b0
2.17

如何用GitHub管理文档
Vue-cli3多页面配置demo
https://blog.csdn.net/sweetsuzyhyf/article/details/82993198
https://github.com/seizeDev/vue-more-pages/blob/master/util/getPages.js

2.14
多代理地址设置 —见drg前端代码的多代理配置

文件上传之剪切板上传及大文件分片上传和断点续传-待看
https://www.haorooms.com/post/file_image_upload
手摸手，带你用vue撸后台系列二(登录权限篇)
https://juejin.im/post/591aa14f570c35006961acac#heading-5
2.13

登录页面短信验证码发送好的实现方式
https://github.com/mgbq/nx-admin/blob/master/src/views/login/codelogin.vue
css3系列之伪类选择器
https://www.cnblogs.com/yanggeng/p/11188285.html

CSS中如何选择ul下li的奇数、偶数行
CSS3:nth-child()伪类选择器，奇偶数行自定义样式
:nth-child(odd) 与 :nth-child(even)
分别匹配序号为奇数与偶数的元素
以及与nth-of-type的区别
https://blog.csdn.net/facecrazy/article/details/51252850
https://blog.csdn.net/jinkingliao/article/details/49945391
https://blog.csdn.net/GLyihu/article/details/77839225
<!doctype html>

用 css 画三角形、梯形、扇形、箭头和椭圆几种基本形状
https://juejin.im/post/5e415f19e51d452712103c03?utm_source=gold_browser_extension

2.12
掘金待看文章
https://juejin.im/book/5da08714518825520e6bb810
axios.defaults.baseURL = appConfig.xhr.baseURL; // 配置axios请求的地址
axios.defaults.headers.post[‘Content-Type’] = ‘application/json; charset=utf-8’;
axios.defaults.crossDomain = true;
axios.defaults.withCredentials = true; //设置cross跨域并设置访问权限允许跨域携带cookie信息
axios.defaults.headers.common[‘Authorization’] = ‘’; // 设置请求头为 Authorization

tab切换+页面滚动?

2.11
远程连接设置，cmd查看本机账号

2.10
遇事多请示，不要擅做主张，需求多确认，不要闷头搞
下载导出

2.8
学习做菜杏鲍菇炒肉和茄子
放松~~追

2.7
js 中string内置的方法数组方法

写周报

让CSS flex布局最后一行列表左对齐的N种方法
https://www.zhangxinxu.com/wordpress/2019/08/css-flex-last-align/

2.6
遇到的问题：
1.https://segmentfault.com/q/1010000009329724
Vue router 跳转卡死
经过排查：vue在销毁虚拟节点产生的耗时有3s，tree组件产生的节点过多，在生命周期beforeDestroy 和destroyed之间

beforeDestroy() {
console.log(‘beforeDestroy…’)
console.log(new Date().getTime())
console.log(this.searching)
this.searching=true
//document.querySelector(‘.leftNav’).remove()
},
destroyed () {
console.log(‘destroyed’)
console.log(new Date().getTime())
}

 --  如何对Vue项目进行Debug
      https://www.csdn.net/gather_2c/MtTaAgysMjA0Ni1ibG9n.html
 --利用chrome开发者工具执行运行时性能评估
   https://segmentfault.com/a/1190000012243560#item-3
   https://segmentfault.com/a/1190000011516068

CSS系统学习手册
https://css.doyoe.com/

1.CSS中父级的hover改变子元素和样式
选择器类似DOM元素选择器,+表示下一级元素，>表示子元素空格代表后代元素

<div class="name"></div>

.student { color: #ffffff;}

.student:hover { color: #000000}

.student:hover .name { color: green;}

2.CSS 交互 - 子元素选中后改变父元素的样式
学习伪类 https://hacpai.com/article/1565916662669
:focus-within选择器其实跟:focus是很相似的，但是也有很大的区别，:focus设置之后，是当前元素触发焦点状态后的样式。而:focus-within，通过名字可以猜到，它是当前元素或者后的元素获取焦点后的样式。

focus:within

强大而好用的选择器:focus-within
https://www.jianshu.com/p/f9c1aeaaaea8

2.5
1.处理ecxel的数据将数据转为json格式

excel在线转json
https://tableconvert.com
代码版本
https://www.jb51.net/article/163063.htm
https://github.com/neil3d/excel2json
2.webstorm/sublime 多点编辑技巧

3.https://tableconvert.com

https://juejin.im/post/5e34d266f265da3e177f2000?utm_source=gold_browser_extension#heading-5

总结js工具函数的运用
https://www.jb51.net/article/164624.html
https://github.com/scalerone/tools/blob/master/util.js

前端协作规范
一个人走的更快，一群人可以走得更远，前提是统一的策略，还要不断地反省和优化。
https://juejin.im/post/5d3a7134f265da1b5d57f1ed#93-异常监控
前端项目实战总结
https://juejin.im/post/5e390a6df265da57503cb415?utm_source=gold_browser_extension#heading-16

2.4
git命令：用户名邮箱配置
注意事项
公司的项目是放在自建的gitlab上面, 如果你不进行配置用户名和邮箱的话, 则会使用全局的, 这个时候是错误的, 正确的做法是针对公司的项目, 在项目根目录下进行单独配置
$ git config user.name “gitlab’s Name”
$ git config user.email “gitlab@xx.com“

https://blog.csdn.net/Vampire_cold/article/details/88947941

2.3
js正则匹配
多代理配置避免每次都改
let arr = […text.matchAll(/\x1B[(\d)(;(\d+))?m/g)];

vue.config
const proxyTargetMap = {
prod: ‘https://xxx.xxx.com/‘,
randy: ‘http://47.105.71.81:3306‘,
peter: ‘http://192.168.11.178:3001‘
}
let proxyTarget = proxyTargetMap[process.env.API_TYPE] || proxyTargetMap.prod