前端普及
文章平均质量分 62
Qianliwind
这个作者很懒,什么都没留下…
展开
-
2021前端工程师面试分享
军哥面试经验分享(FE方向)一、简历1.简历上描述的技术/内容/项目确保自己是真的熟悉/掌握,看看每个技能是不是自己真的掌握了,能说出个1.2.3;每个项目是否自己能说清楚,一些细节是否了解,有哪些复盘点,是否有改进空间2.简历上描述的应该是与目标岗位直接/间接相关的,其他的比较优秀的点可以一笔带过,不需要花大篇幅介绍这些与目标岗位不符的能力3.面试官简历评估时也会看跳槽频率,像1年1跳这种会被评为不稳定,这时除非学历/经历特别出色的,其他基本就不通过了。所以必要时,可以将长期的工作原创 2021-07-08 00:15:12 · 716 阅读 · 0 评论 -
视频和视频帧:视频和帧基础知识整理
写在前面本文将介绍的是:视频的基础知识。包括:视频协议和格式、视频流。 视频帧的基础知识。包括:YUV帧格式、常见的帧名词(帧率fps、分辨率、码率)、“奇怪”的帧名词(1080p和1080i)、视频编解码而衍生的帧名词(GOP、I\B\P帧)。修改记录2019年4月8日首次完成该文章,内容包括:视频协议、格式、播放原理等基础内容; YUV格式、fps、分辨率、GOP和I/B/P帧等视频帧相关的基础知识; 提到了H264等视频压缩技术。2019年9月7日进行二次修改,修改内容如下:转载 2021-05-07 14:30:09 · 3611 阅读 · 0 评论 -
程序设计的基本原则-开放封闭原则
开发过程中有什么痛点 ,因为变化、升级和维护等原因需要对原有逻辑进行修改时,很有可能会给旧代码中引入错误,也可能会使我们不得不对整个功能进行重构,并且需要原有功能新测试。怎么解决 —— 我们应该尽量通过扩展实体的行为来实现变化,而不是通过修改已有的代码来实现变化具体一点呢 —— 类、模块和函数应该对扩展开放,对修改关闭。模块应该尽量在不修改原代码的情况下进行扩展。核心 —— 用抽象构建框架,用实现扩展细节。总结一下 —— 开发人员应该对程序中呈现的频繁变化的那些部分作...原创 2021-04-01 10:56:08 · 368 阅读 · 0 评论 -
通过js判断用户网络状态的几种方法
接到一个需求,要求获取web页面的网速,遂查资料进行了解了一番,总结如下:普通h5页面也是有api的,例如判断是否有网络 的时间onLine和onoffline(更多事件详情);还有就是navigator.connection获取网络状况 API,兼容性有问题,现在可以使用的浏览器不是太多。测试结论:navigator.connectionAPI不支持:iphone(微信、微博、UC、QQ浏览器、百度浏览器)安卓(QQ浏览器)支持navigator.connection但不能获取到具体网络原创 2021-03-22 18:45:10 · 4116 阅读 · 0 评论 -
2020-2021程序员健身变形记
身体是革命的本钱,所以这几个月我瘦身了,做一些记录吧后续要继续努力,持续保持身材,不要再胖回去了。。。原创 2021-03-10 12:14:20 · 231 阅读 · 0 评论 -
Git常用命令大全(速查)
一、 Git 常用命令速查git branch 查看本地所有分支git status 查看当前状态git commit 提交git branch -a 查看所有的分支git branch -r 查看远程所有分支git commit -am "init" 提交并且加注释git remote add origin git@192.168.1.119:ndshowgit push origin master 将文件给推到服务器上git remote show origin 显示远程库o...转载 2021-03-03 11:16:49 · 375 阅读 · 0 评论 -
Vue-cli3项目的webpack配置
由于vue-cli3将webpack的基础配置全部内嵌了,这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了,那该怎么办呢?别慌,vue-cli3早就考虑到了这一点,它预留了一个vue.config.js的js文件供我们对webpack进行自定义配置。vue.config.js官方配置指南 这个是官方指南下面来讲一下vue.config.js的配置1.在项目根目录下新建vue.config.js文件与package.json同级const path..转载 2020-11-03 16:17:53 · 935 阅读 · 0 评论 -
Webpack 5 中的优化细节
为什么在开启增量构建后,有时候 rebuild 还是会很慢呢?我们可以从两方面来找原因。首先,Webpack 4 中的增量构建只运用到了新增模块与生成 Chunk 产物阶段,其他处理过程(如代码压缩)仍需要通过其他方式进行优化,例如分包和压缩插件的缓存。其次,过程中的一些处理会额外增加构建时间,例如生成 Source Map 等。因此还是需要通过统计各阶段的执行时间来具体问题具体分析。Webpack 5 中的效率优化点Webpack 5 中的变化有很多,完整的功能变更清单参见官方文档,这里我们介绍原创 2020-10-30 18:05:20 · 1812 阅读 · 2 评论 -
深度理解webpack之构建流程
在近年来的前端项目工程化开发的时候,对应产生的工具解决方案,运用最广泛的构建工具就是Webpack了,这篇文章就来分析一下webPack的效率优化问题。要想全面的分析WebPack构建工具的优化方案,首先要对它的工作流程有一定了解,这样才能针对项目中可能存在的构建问题,进行有目标的分析优化。WebPack的基本工作流程我们从两方面来了解webPack的基本工作流程1.通过webpack的源码来了解具体函数的执行逻辑。2.通过webpack对外暴露的声明周期Hooks,理解整体流程的阶段划原创 2020-10-26 17:18:15 · 597 阅读 · 0 评论 -
2020年前端技术方向都在这里了
vue全家桶实战及源码vue组件通信vue.js全家桶:vue-router源码typescript:强类型,类型注解,接口,泛型,装饰器手写vue源码:vue工作机制,响应式原理,Dep,Watch,编译compilevue项目实践:创建配置,开发实践,测试,部署vue源码解读:vue源码整体学习思路,数据响应话,虚拟DOMreact全家桶实战及源码react核心:jsx,虚拟DOMreact组件化:ant design组件库,PureComponent,react.memo,原创 2020-10-15 09:34:45 · 742 阅读 · 2 评论 -
省市区三级联动JSON格式数据
找了一个省市区三级的JSON数据,可以组装,分享如下数据样例省export const provinceList = [ { text: '不限', value: '100000' }, { text: '北京市', value: '110000' }, { text: '天津市', value: '120000' }, { text: '河北省', value: '130000' }, { te原创 2020-09-23 12:23:40 · 2921 阅读 · 0 评论 -
简说tree-shaking
tree-shaking是前端领域一个比较常见的词了,在项目中有什么用呢?这个之前一直没搞明白,通过翻阅众多博文,自己在项目中试验了一下,弄清其大致流程,这里就做了个简单记录。先看一段代码// app.jsexport function A(a, b) { return a + b}export function B(a, b) { return a + b}// index.jsimport {A} from '/app.js'A(1, 2)...原创 2020-09-20 10:26:03 · 1105 阅读 · 0 评论 -
REST,RESTful到底是个什么?
作者:覃超链接:https://www.zhihu.com/question/28557115/answer/48094438来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。我觉得问题很好:REST -- REpresentational State Transfer 直接翻译:表现层状态转移。这个中文直译经常出现在很多博客中。尼玛谁听得懂“表原创 2017-07-12 23:24:45 · 999 阅读 · 0 评论 -
移动端省市区三级联动选择器
移动端项目中遇到三级联动的问题,网上查了很多资料,都是依赖各种插件,或者晦涩难于理解。于是,自己决定写一个出来。 当然,没有用到别的插件类库,也没有用ajax。写完这个小demo也学到不少,现在分享给大家代码。因为代码较多,我就不一个个解释了,源码里面添加了很多注释。 为了便于大家使用,我将html精简了许多。1en">2转载 2017-05-25 16:07:06 · 5430 阅读 · 0 评论 -
application/x-www-form-urlencoded、multipart/form-data、text/plain
设置form表单传输的编码格式 2016-04-28 09:59 1591人阅读 评论(0) 收藏 举报 分类:java(108) http网络传输协议(14) --------------------------------------------------------------------------------------表单中encty原创 2017-04-23 10:03:38 · 2980 阅读 · 0 评论 -
个人收藏的常用前端网站
设计网站设计师网址导航:http://hao.uisdc.com/好123设计:http://www.hao123.com/sheji花瓣网:http://huaban.com/站酷:http://www.zcool.com.cn/千图网:http://www.58pic.com/数字驿站:http://www.k1982.com/ 设计达人:http://www.sh原创 2016-07-09 16:13:44 · 699 阅读 · 0 评论 -
pt,px,rem和em之间区别总结
pt与px 在html设计字体的css样式中,有些字体设置成14pt,而不是14px,那pt是什么,和px又有什么关系呢? pt(point)是印刷行业常用的单位,等于1/72英寸,表示绝对长度。px(pixel)指的是像素,是屏幕上显示数据的最基本的点,表示相对大小。不同分辨率下相同长度的px元素显示会不一样,比如同样是14px大小的字,在1366*768显示屏下会显示的小,在1原创 2016-06-10 16:12:39 · 2293 阅读 · 0 评论 -
IE下的一些兼容处理
1, FF下给 div 设置 padding 后会导致 width 和 height 增加, 但IE不会.(可用!important解决)2, 居中问题.1).垂直居中.将 line-height 设置为 当前 div 相同的高度, 再通过 vetical-align:middle.( 注意内容不要换行.)2).水平居中.margin: 0auto;(当然不是万原创 2016-06-10 09:58:55 · 680 阅读 · 0 评论