前端
文章平均质量分 57
宅神kin
因为同样的坑不想踩两次而写博客
展开
-
六年前端面试报告
2022.10.20 在当前公司待了两年多,被离职了,拿了点赔偿金继续面试。薪资期望 13-15上一次面试我是4年经验,简历也好改,加上两年经验,补上现公司项目就出去找工作了。简历改完后,首先分析下自己现阶段水平,大概能要多少,定一个期望薪资。再就是背面试题了。原创 2022-10-24 18:14:06 · 938 阅读 · 1 评论 -
echarts 饼图 lengend 对齐并截断文本
let baseLengend = { width: 240, bottom: 20, right: 30, textStyle: { rich: { a: { color: '#fff', fontSize: 12, lineHeight: 12, width: 60 } } }, formatter: function(name){ return ["{a|" + e.原创 2021-12-21 15:56:44 · 619 阅读 · 0 评论 -
算法- javaScript 字符串乘法
如何教计算器实现两数相乘?假设 a = ‘123’ ,b = ‘45’,按我们小学学过的做法,如下:两数相加超过 10 还会进位,并将进位相加于前一位和。解题思路:将上面算式再进行拆分,得到如下算式function cheng3(a,b){ let n = b.length; let m = a.length; let res = []; // 结果 for(let i=n-1; i>=0; i--){//123 for(let j=m-1;原创 2021-03-09 20:55:11 · 413 阅读 · 0 评论 -
你不知道的图灵与前端的那些事
背景:2020.10.24 程序员节,各个大佬分享前端 JS 的过去、现在、未来当天准备好瓜子饮料,听各位大佬讲 JS 发展,就跟现场听一群老人讲历史一样,挺有意思。也正值“红宝书”第四版发售,邀请了图灵联合创始人—刘江来做嘉宾,给大家讲讲他与 JS 的故事。为了故事的完整性,还是以刘江老师的第一人称讲述来还原下:早期哈哈,大家可能不知道,犀牛书和红宝书最早都是我出(引进)的,当时还是九几年的时候,我还在电力出版社。所以对这两本书还是很有感情的。那时候大概 2000 年左右,我还不太懂技术,就经.原创 2020-11-21 15:52:37 · 392 阅读 · 1 评论 -
再读 React 官方文档
首先祝大家 1024 快乐,然后是最近在看的文档,毕竟最好的 React 学习资料还是官方文档。第一次读 React 文档是为了会用,第二次读,是为了学一些不常用的或者新的特性。 像 hook、HOC 等等现在再读文档,我希望了解之前忽略的部分(如设计理念,规则,定义),完善对它的理解。React 哲学如何创建应用?按照“单一功能原则”(即一个组件原则上只负责一个功能)将 UI 拆分组件层级因为你经常是在向用户展示 JSON 数据模型,所以如果你的模型设计得恰当,UI(或者说组件结构)便.原创 2020-10-24 22:16:25 · 278 阅读 · 0 评论 -
JavaScript自检清单
一. 自省方法,等值判断,数据类型特性let a = '123'let b = [1,2]const c = {a:'123', b:'456'}function A(){}A.prototype.name = 'A'const a1 = new A// 基础类型判断typeof a // stringa instanceof String // true// 对象/数组类型判断b instanceof Array // trueArray.isArray(b.原创 2020-09-04 16:47:48 · 279 阅读 · 0 评论 -
从不同的角度看面试,你能学到更多
前端如何面试2020.5.31 前端早早聊第八期 前端聊面试候选人角度如何梳理结构化体系知识?每个人的经历和基础水平是不一样的,可以借鉴下面分类来梳理自己的知识体系常规前端基础知识遇到业务问题而做源码解析奇怪问题的集合社区优秀问答收集工程架构:书籍摘抄、软工类进阶规划项目亮点如何深挖?简历中项目的知识点,自行审视之后对比其他方案。这个知识点背后利用了什么算法?举例:React 的 diff 算法,先做个标准回答,然后对比其他 diff 场景,不同 diff 算法各有原创 2020-05-31 18:35:42 · 693 阅读 · 0 评论 -
一场前端监控主题分享带给我的启发
2020.4.25 前端如何搞监控场景搭建平台开发的组件太多,实际上很多功能类似,需要监控组件在一类场景下效能如何组件监控的指标引用量,引用次数高对此组件的优先级也高曝光点击率: 引导转化率 = 引导成交量/点击量/曝光量数据接口: 加载时间、组件异常、白屏率配置复杂度:比如输入转选择类型,预设默认值,减少用户配置时间代码质量:编译过程中,ESlint上报不合规App...原创 2020-04-26 09:28:05 · 1492 阅读 · 0 评论 -
前端中台扫盲
中台课堂笔记什么是中台以拍电影为例: 我们看到的前台就是产出的电影本身,后台是整个拍摄组,那么中台就相当于横店影视城,提供可复用的场景来供后台使用,比如拍古装、民国片对应的场景,来产出不同的电影。前台:所见即所得后台:复杂逻辑中台:拥有可复用的场景的平台中台的作用/特点减少重复劳动、赋能、平台化中台的划分主要分为:前台与后台之间的中台、技术中台、业务中台、组织中台举例: G...原创 2020-04-19 00:09:55 · 2988 阅读 · 2 评论 -
前端版圆桌派—看P9+大佬如何体系的思考
本环节为Q&A环节, 分享嘉宾 Daniel Ehrenberg,响马,玉伯,Hax。流程是对大家想要了解的关于前端的一些问题总结了六条,嘉宾对问题依次给出回答。一. 优秀的前端需要什么样的基本素质或者能力模型Hax: 这个问题的话,从传统的基本素质来讲—“像素眼”(一片笑声),比方说设计稿跟你现在的实现有什么差别,一眼就能看出来,所以这个可能是其中之一(递话筒)。响马:我接...原创 2020-04-14 23:10:04 · 1295 阅读 · 0 评论 -
前端大事记 | 你是否了解前端历史
最近在整理面试题,看到前端发展,便按时间线将对于前端比较重要且大家切身体会到的事情记录下来。文章很短,但很有用。有补充或者错误欢迎评论指出正文开始:蛮荒时代: 没有前端概念,服务端比重非常大,都是PHP和Java语言的一些MVC框架在View层来写HTML和CSS样式,浏览器端仅处理些HTML表单和简单样式,直至1995年JavaScript出现,改变这一状况。HTML表单提交前利用J...原创 2020-04-13 11:56:15 · 925 阅读 · 0 评论 -
忙碌的你不妨停下来, 看看这份前端规划
2020.4.11 前端早早聊第四期 主题「前端规划」因为是个人发展方向的活动,所以我改了之前的QA文章风格,尽量全盘记录,文字已校对,自己读了三遍,逻辑也通顺。各位仁者见仁,智者见智。如果觉得好,赠人玫瑰,手留余香。希望给个赞~堂主:如何在初级到专家的路上打破成长瓶颈一.层级划分初级:能够完成任务,有人带高级:1-3年能够主动协调、独当一面资深:2-5年具备一定影响力...原创 2020-04-13 09:23:59 · 8764 阅读 · 19 评论 -
前端基建
前端基建2.29 参加了前端早早聊线上直播活动,主题是前端基建。5个小时的干货,很难消化。先整理一些问题,以Q&A形式来理解基建相关经验。 慢慢补充~1. 什么是前端基建?A:即前端基础建设,小到文档规范,脚手架工具,大到工程化、各个领域工具链,凡是能促进业务效率、沟通成本都可以称作前端基建。2.业务和前端基建的关系?A:前端基建一定是为辅助业务而出现的,对公司来讲,...原创 2020-03-04 20:25:51 · 1807 阅读 · 0 评论 -
前端常用VSCode插件
名称描述Auto Close Tag自动闭合HTML标签Auto Importimport提示Auto Rename Tag修改HTML标签时,自动修改匹配的标签Airbnb react snippetsreact编码规范AutoFileName自动补全文字名Babel JavaScriptbabel插件,语法高亮Babelrc...原创 2020-01-09 09:54:12 · 837 阅读 · 0 评论 -
代码的“审美”
本文摘自 《编写可读代码的艺术》第三章—— “审美”好的代码应该 “看上去养眼”,如何使用好的留白、对齐、顺序使你的代码变得更易读?确切地说,有三条原则:使用一致的布局,让读者很快习惯这种风格让相似的代码看上去相似把相关代码行分组,形成代码块本文只关注可以改进代码的简单“审美”方法,有时候代码也可能与审美无关,更需要大规模重构、拆分。为什么审美这么重要我们来看看下面代码:...原创 2019-12-30 22:21:24 · 357 阅读 · 0 评论 -
TypeScript语法规范
TypeScript是JavaScript的超集,提供了更严格的类型声明,方便在静态类型检查时就避免因为类型问题产生的bug。工欲善其事,必先利其器,让我们来看看TypeScript是怎样声明数据类型的一. 声明1. 基本数据类型+ts特有类型void声明/*** Note: 未指定类型时, TypeScript 会依照类型推论(Type Inference)的规则推断出一个类型...原创 2019-12-09 17:37:20 · 1374 阅读 · 0 评论 -
es5引用类型对象方法
文章目录引用类型对象方法一. 包装对象类型StringBooleanNumber二. Function理解内部属性方法三. RegExp实例属性实例方法构造函数属性四. DateDate.UTC()Date.parse(dateStr)Date.now()日期格式化方法日期/时间组件方法(太多了,不列举五. Global对象URI编码方法eval(script)属性六. window对象七. 数组...原创 2019-12-03 11:04:20 · 583 阅读 · 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][0-9]*)+(.[0-9]{1,2})?$ 7 带1-2位小数的正数或负数:^(\-)?\d+(\...转载 2019-11-27 16:58:01 · 213 阅读 · 0 评论 -
lodash库方法说明
文章目录数组方法集合方法函数方法‘Lang’ method数学方法数字方法对象方法数组方法# 查head(array) # 返回array的第一个元素last(array) # 获取array最后一个元素nth(array, n) # 获取第n个元素, n可以为负数sortedIndex(array, value) # value可以插入已排序数组array的位置,返回索引 ([3,5...原创 2019-11-04 20:51:42 · 721 阅读 · 0 评论 -
Vue+elementui开发小坑
- 阻止事件冒泡hack:子元素@click改为@click.stop- 监听路由hack:watch:{ '$route.params.param':function(val){ this.chooseToLoad(val) }},chooseToLoad:function (val) { if( val === 'ca' ){ ...原创 2018-04-25 19:24:04 · 1388 阅读 · 0 评论 -
jquery实现推箱子小游戏【附源码】
戳我下载源码效果图:实现方法具体看代码 这里就不做阐述。原创 2018-05-05 11:46:06 · 1469 阅读 · 0 评论 -
vue-cli 3.0版本webpack打包
新项目使用了vue-cli 3版本,发现项目中没有build目录,看了vue-cli文档后,大致清楚了如何修改首先在package.json同级目录下创建新文件vue.config.jsvue.config.js中的内容会覆盖默认的打包配置function resolve(dir) { return path.join(__dirname, dir)}module.expor...原创 2018-11-21 14:36:24 · 11337 阅读 · 0 评论 -
vue+element实现非固定行列表格
vue+element实现非固定行列表格标题这么长说的什么意思呢,就是平时的表格都是一维的,变量只有行,列也就是属性prop是固定的,当需要行列都不固定的情况,就像乘法表,行列分别是i,j中间内容是i*j实现:Html<script src="//unpkg.com/vue/dist/vue.js"></script><script src="//u...原创 2019-01-14 23:16:08 · 4641 阅读 · 1 评论 -
前端面试整理(第一篇)
文章目录一.基础二.框架三.架构1.amd/cmd/commonjs差异2.commonJS与ES6模块差异3. Webpack? webpack常见优化手段4. MVC、MVVM5.BFF架构6.PWA四. 网络1.http请求资源过程2.http状态码3.http与https区别4.get与post区别最近在看前端面试题,一直相信自己整理过印象才会更加深刻,对一些知识点的理解不能只停留在表...原创 2019-09-14 18:42:46 · 248 阅读 · 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区别12. 创建对象的方法13. js基本数据类型14. js引用数据类型15. 深拷贝的实现方案1...原创 2019-10-08 23:52:45 · 559 阅读 · 0 评论 -
ES6新增常用方法
let//1.在块级作用域内部有效//2.for循环中循环变量部分和循环体内部是不同作用域//3.let不存在变量提升,先声明后使用,否则报错//4.块级作用域内只要存在let,所生命的变量就『绑定』这个区域,不受外界影响var a=[];for (let i=1;i<10;i++){ a[i]=function(){ console.log(i)}}a...原创 2018-04-25 19:21:10 · 1900 阅读 · 0 评论