自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

宅神的博客

非商业 个人知识整理 欢迎转载

原创 五月中级前端面试报告
原力计划

五月中级前端面试报告 前端,面试时间 5.7-5.19,共计两周。西安,薪资区间 10-15 由于考虑到个人发展原因,从杭州回到了老家陕西,面试了7、8家,2个offer收场。记录一下面试情况。(题目不重要,重点在于如何将眼花缭乱的题目分类到你的知识体系中。 公司A 公司情况:初创公司,银行...

2020-05-24 12:06:16 3871 12

原创 前端版圆桌派—看P9+大佬如何体系的思考
原力计划

本环节为Q&A环节, 分享嘉宾 Daniel Ehrenberg,响马,玉伯,Hax。流程是对大家想要了解的关于前端的一些问题总结了六条,嘉宾对问题依次给出回答。 一. 优秀的前端需要什么样的基本素质或者能力模型 Hax: 这个问题的话,从传统的基本素质来讲—“像素眼”(一片笑声),...

2020-04-14 23:10:04 704 0

原创 忙碌的你不妨停下来, 看看这份前端规划
原力计划

2020.4.11 前端早早聊第四期 主题「前端规划」 因为是个人发展方向的活动,所以我改了之前的QA文章风格,尽量全盘记录,文字已校对,自己读了三遍,逻辑也通顺。各位仁者见仁,智者见智。如果觉得好,赠人玫瑰,手留余香。希望给个赞~ 堂主: 如何在初级到专家的路上打破成长瓶颈 一.层级...

2020-04-13 09:23:59 7000 19

原创 技术人如何管理时间?
原力计划

时间管理 不喜欢看文字稿的朋友可以戳视频链接时间管理 上班的时间越久,越发的注重时间管理。之前总是听前辈说:越厉害的技术人,越不加班,越注重效率和时间管理。越有自己的时间用来学习。反而就是你们这半吊子水平,才容易被人压榨工时,做一些重复劳动。既没有学习时间,也没有跳出去选择的能力。 我是希望自...

2020-06-20 15:35:11 107 0

原创 从不同的角度看面试,你能学到更多
原力计划

前端如何面试 2020.5.31 前端早早聊第八期 前端聊面试 候选人角度 如何梳理结构化体系知识? 每个人的经历和基础水平是不一样的,可以借鉴下面分类来梳理自己的知识体系 常规前端基础知识 遇到业务问题而做源码解析 奇怪问题的集合 社区优秀问答收集 工程架构:书籍摘抄、软工类 进阶...

2020-05-31 18:35:42 100 0

原创 首发|微前端专场笔记
原力计划

微前端 2020.5.30 前端早早聊微前端专场 什么是微前端?解决什么样的问题 玉伯:微前端的前提,还是得有主题应用,然后才有微组件或微应用,解决的是可控体系下的前端协同开发问题。(含空间分离带来的协作和时间延续带来的升级维护。 这个概念来源于后端微服务,将微服务概念用于浏览器端,以...

2020-05-31 09:11:41 61 0

原创 一场前端监控主题分享带给我的启发
原力计划

2020.4.25 前端如何搞监控 场景 搭建平台开发的组件太多,实际上很多功能类似,需要监控组件在一类场景下效能如何组件监控的指标 引用量,引用次数高对此组件的优先级也高 曝光点击率: 引导转化率 = 引导成交量/点击量/曝光量 数据接口: 加载时间、组件异常、白屏率 配置复杂度:比如...

2020-04-26 09:28:05 374 0

原创 前端中台扫盲
原力计划

中台 课堂笔记 什么是中台 以拍电影为例: 我们看到的前台就是产出的电影本身,后台是整个拍摄组,那么中台就相当于横店影视城,提供可复用的场景来供后台使用,比如拍古装、民国片对应的场景,来产出不同的电影。前台:所见即所得后台:复杂逻辑中台:拥有可复用的场景的平台 中台的作用/特点 减少重复劳...

2020-04-19 00:09:55 570 0

原创 前端大事记 | 你是否了解前端历史

最近在整理面试题,看到前端发展,便按时间线将对于前端比较重要且大家切身体会到的事情记录下来。文章很短,但很有用。有补充或者错误欢迎评论指出 正文开始: 蛮荒时代: 没有前端概念,服务端比重非常大,都是PHP和Java语言的一些MVC框架在View层来写HTML和CSS样式,浏览器端仅处理些H...

2020-04-13 11:56:15 593 0

原创 前端搭建
原力计划

2020.3.28 前端早早聊第三期 主题「前端可视化搭建|智能搭建 活动开始前,我先抛出这样一些问题,带着问题去听: 为什么需要搭建 搭建前后对比效果 搭建过程中遇到哪些问题,如何解决 搭建项目产出后有什么感悟 搞搭建对开发的要求 对人力的要求 并且对于活动中会讲到的已开源搭建产品,都去试...

2020-03-29 22:00:13 436 0

原创 前后端都应掌握的网络基础扫盲
原力计划

网络基础扫盲 通过本文将一些前后端常见的网络基础知识串起来,知道它们为何出现/解决什么问题,标红字体即为知识点。 对于非科班出身的程序员来说,面试遇到最头疼的问题之一就是网络基础,比如你肯定遇到过下面的问题: HTTP协议 TCP/UDP OSI 模型 HTTP/HTTPS/HTTP2 SS...

2020-03-23 17:19:30 376 0

原创 如何产出高质量文章
原力计划

如何产出高质量文章 2020.3.21 参加在线活动记录 一直以来我也写了很多文章,不管是技术博客还是生活琐事。只要发布在平台,肯定会想有高的曝光。所以对这个活动也有很浓厚的兴趣。 由于进直播间比较晚,进去时有几分钟陶老师一直在说他的开源项目,搞得我以为走错了。在听了一会之后,逐渐对陶老师的...

2020-03-22 15:32:40 252 0

原创 提升开发效率—WebStorm的奇淫技巧

提升开发效率—WebStorm的奇淫技巧 标题说是webstorm, 其实Jetbarins idea通用,最近买了webstorm, 花了钱就得物尽其用。利用闲暇时间整理一些以前没有注意到的功能。当然文中的功能VScode都有插件,不过这属于习惯问题不作讨论。 1. 文件快速定位 2....

2020-03-17 17:20:04 377 0

原创 react cra+dva—登录实现

react+dva—登录实现 上一节使用react-redux实现了最简登录,我们改用dva库替代 react-redux 本节完整代码github链接 注: 本文是在上篇 react实现最简登录 的基础上加上 dva库的使用 分步骤进行: 删掉store目录(不需要了,store换个形式放...

2020-03-11 16:59:58 147 0

原创 react案例—实现最简登录

react案例—实现最简登录 文中代码都是片段,主要说明主要逻辑,完整代码参考 github 用到的库是 react-router + react-redux 通过 react-route 的快速入门我们很容易可以得到这样的路由 最终效果 主要逻辑 我们进一步来改造,实现进来默认到登...

2020-03-10 14:39:59 343 0

原创 React源码解析(一)

React源码解析(一) github地址 要点掌握:三个API作用,Component、render、createElement jsx模板渲染的过程: createElement function createElement(type, props, ...children) { ...

2020-03-08 23:35:08 58 0

原创 react相关库扫盲

react相关库 建议多多阅读dva与umi文档 先来做一些概念扫盲: redux-thunk: redux中间件,用来改造store.dispatch, 使其可以接收函数作为参数。通常可以它其作为异步的一种解决方案。 redux-saga: 管理应用副作用的库,即管理异步获取数据、访...

2020-03-06 19:52:04 102 0

原创 前端基建
原力计划

前端基建 2.29 参加了前端早早聊线上直播活动,主题是前端基建。5个小时的干货,很难消化。先整理一些问题,以Q&A形式来理解基建相关经验。 慢慢补充~ 1. 什么是前端基建? A:即前端基础建设,小到文档规范,脚手架工具,大到工程化、各个领域工具链,凡是能促进业务效率、沟通成本都可...

2020-03-04 20:25:51 428 0

原创 实现简易版 React Route

实现简易版 React Route 我们都知道 React中,一切皆组件。Router的使用就是引入一个个组件,非常方便。常见的路由组件有这些: Link 路由链接 Route 基本路由 Switch 独占路由 Redirect 重定向组件 PrivateRoute 导航守卫 BrowserRo...

2020-03-03 01:56:02 146 0

原创 手动实现简易版 react-redux

实现简易版 react-redux 上一节我们实现了简易版的 redux,本节主要实现 react-redux。 同时解决下面问题: 相比 redux, react-redux 有什么好处/做了什么 react-redux 用法 react-redux 有什么好处 redux中的 ...

2020-03-02 17:43:21 102 0

原创 手动实现简易版redux

手动实现简易版redux 源码地址:kredux分支 先来回顾下redux工作方式 store 状态管理容器,内置getState, dispatch, subscribe方法 state 改变的唯一方式是通过 store.dispatch(action) 来触发reducer,reduce...

2020-02-24 00:40:03 90 0

原创 vue常见面试题

春节期间每天一道面试题,整理出20道。有些问题回答看似简单,但实际上也是查阅了官方文档,源码,并可以对问题相关知识点进行扩展。所以本文并非是标准,只作为参考。 1. Vue 中v-if和v-for哪个优先级高?如果两个同时出现,应该怎么优化得到更好的性能? v-if 与 v-for 如果同时出...

2020-02-10 00:24:01 130 0

原创 Vue SSR

Vue SSR 什么是SSR?/为什么要使用?/ 什么情况下该用 / 基本使用方法——直接看官方文档 SSR 需求: 理解 SSR 项目各个文件配置流程 请求过程 构建步骤 这是官方给出的构建步骤示意图 对于客户端应用程序和服务器应用程序,我们都要使用 webpack 打包 - 服...

2020-01-20 10:19:22 119 0

原创 2019 年终总结

2019 年终总结 其实也没啥好总结的,去年的好多计划都没实现… 这一年我的关键词是「见识」,见识了很多之前不曾接触到的东西: 第一次拔智齿,第一次看舞剧,第一次观看演奏会,第一次参加D2… 就像 winter 老师说的:知识就在那里。感觉各种各样的体验都是学习的机会,随着年龄的增长,我却愈发...

2020-01-20 10:10:03 590 0

原创 前端常用VSCode插件

名称 描述 Auto Close Tag 自动闭合HTML标签 Auto Import import提示 Auto Rename Tag 修改HTML标签时,自动修改匹配的标签 Airbnb react snippets react编码规范 AutoFileName 自动补...

2020-01-09 09:54:12 310 0

原创 不会被误解的变量名

不会被误解的变量 用 min 和 max 表示(包含)极限 我们在给变量起名时,常常会遇到含糊不清的情况,比如: const CART_TOO_BIG_LIMIT = 10 if (shopping_cart.num_items() >= CART_TOO_BIG_LIMIT) { /...

2020-01-01 19:47:37 37 0

原创 代码的“审美”

本文摘自 《编写可读代码的艺术》第三章—— “审美” 好的代码应该 “看上去养眼”,如何使用好的留白、对齐、顺序使你的代码变得更易读? 确切地说,有三条原则: 使用一致的布局,让读者很快习惯这种风格 让相似的代码看上去相似 把相关代码行分组,形成代码块 本文只关注可以改进代码的简单“审美”方...

2019-12-30 22:21:24 72 0

原创 TypeScript语法规范

TypeScript是JavaScript的超集,提供了更严格的类型声明,方便在静态类型检查时就避免因为类型问题产生的bug。 工欲善其事,必先利其器,让我们来看看TypeScript是怎样声明数据类型的 一. 声明 1. 基本数据类型+ts特有类型void声明 /** * Note: 未指定类...

2019-12-09 17:37:20 90 0

原创 es5引用类型对象方法

文章目录引用类型对象方法一. 包装对象类型StringBooleanNumber二. Function理解内部属性方法三. RegExp实例属性实例方法构造函数属性四. DateDate.UTC()Date.parse(dateStr)Date.now()日期格式化方法日期/时间组件方法(太多了,...

2019-12-03 11:04:20 97 0

转载 常用正则

正则表达式规则 校验数字的表达式 1 数字:^[0-9]*$ 2 n位的数字:^\d{n}$ 3 至少n位的数字:^\d{n,}$ 4 m-n位的数字:^\d{m,n}$ 5 零和非零开头的数字:^(0|[1-9][0-9]*)$ 6 非零开头的最多带两位小数的数字:^([1-9][...

2019-11-27 16:58:01 57 0

转载 Web开发之JWT应用

文章目录前言一、Token1. API 鉴权2. Token 的优势3. Token 的种类二、JWT 的组成和优势1. 组成头部(header)载荷(Payload)签名(Signature)2. 使用3. 相对于一般 token 的优点无状态编码数据三、JWT 的安全问题1. 重放攻击2. t...

2019-11-25 16:32:19 76 0

转载 Vue源码解析之nextTick

文章目录Vue源码解析之nextTick前言源码分析能力检测实现一个简易的nextTick Vue源码解析之nextTick 前言 nextTick是Vue的一个核心功能,在Vue内部实现中也经常用到nextTick。但是,很多新手不理解nextTick的原理,甚至不清楚nextTick的作用。 ...

2019-11-25 15:31:21 64 0

原创 vue知识图谱

思维导图地址:https://github.com/ZHAISHENKING/vue_api_demo/blob/master/vue.svg 可以保存svg图用google浏览器打开查看大图 个人翻阅Vue.js官方文档作出总结整理,主要有以下几点: mvvm实现原理 核心 特性 框架对比 指...

2019-11-13 16:42:36 374 0

原创 vue异步轮播问题

功能:点击菜单切换轮播,轮播内容三秒切换一页,菜单每5min自动轮播一次 插件:vue-awesome-swiper.js 遇到的问题: 当轮播内容分组且异步加载时loop不生效 菜单切换时 如果轮播只有一页,下一个菜单内容有多页时会停止轮播,此时应判断加载页数手动开启/停止轮播 代码: ht...

2019-11-12 11:19:51 99 0

原创 lodash库方法说明

文章目录数组方法集合方法函数方法‘Lang’ method数学方法数字方法对象方法 数组方法 # 查 head(array) # 返回array的第一个元素 last(array) # 获取array最后一个元素 nth(array, n) # 获取第n个元素, n可以为负数 sortedInde...

2019-11-04 20:51:42 153 0

原创 个人项目小结

实现功能: 上传图片,裁剪头像, 登录注册, token验证 项目地址: https://github.com/ZHAISHENKING/izone-vue.git 文章目录1. iview上传图片`Upload`组件改手动上传2. vuex实现组件传值3. 图片上传之后,想要让store中的s...

2019-11-01 15:54:48 282 2

原创 Flask-sqlalchemy枚举字段使用

需求: 相册模型中添加分类, 分类固定,使用枚举类型db.Enum 使用如下图: 贴上代码: class Album(db.Model): """相册""" __tablename__ = "album&q...

2019-10-30 10:51:38 1829 0

原创 vue项目bug整理

文章目录1.Model对话框点击确定后iview会自动关闭窗口2. iview select下拉框缓存3. select选择器无法赋默认值4. textarea阻止默认事件5. router-view不显示 1.Model对话框点击确定后iview会自动关闭窗口 <template> ...

2019-10-24 19:36:56 203 0

原创 vue项目中textarea阻止默认换行事件

需求如下: textarea中,输入回车键时添加分号 分析需求,分下面几步 阻止默认回车换行 获取值并添加分号 <!-- 此处使用了Vue语法中的事件修饰符 keydown.enter --> <!-- 使用keyup阻止默认事件不起作用 --> <div id...

2019-10-21 15:55:04 899 0

原创 js题目汇总

文章目录1. let、const、var的区别2. map与普通对象的区别3. 常用es6语法4. 常见解决跨域方法5. ajax了解6. 闭包7. window.location对象包括哪些属性8. 轮播图实现原理概述9. this的指向10. 严格模式理解11. bind、call、apply...

2019-10-08 23:52:45 63 0

提示
确定要删除当前文章?
取消 删除