前端性能优化
网络环境 优化重点之一DNS寻址DNS之ip和域名之间相互转换输入ip后自动转为域名,是做了一次301跳转301:永久跳转 302:暂时跳转 304:浏览器缓存,图片缓存解决:在图片后面加参数如 ?v=20200101DNS从右到左解析,最开始解析最后的.cn/.us
2020-03-25
大前端- 收藏集 - 掘金
手把手教你使用 Git - 前端 - 掘金Git使用教程 一:Git是什么? Git是目前世界上最先进的分布式版本控制系统。 二:SVN与Git的最主要的区别? SVN是集中式版本控制系统,版本...
大型 web 前端架构设计-面向抽象编程入门
但对于许多前端同学来说,对面向抽象编程的理解说不上很深刻。大部分同学的习惯是 拿到需求单和设计稿之后就开始编写 UI 界面,UI 里哪个按钮需要调哪些方法,接下来再编写这些方法,很少去考虑复用性。当某天发生需求变更时,才发现目前的代码很难适应这些变更,只能重写。日复一日,如此循环。
RN中布局样式的写法
介绍原始写法 & 及其改进写法一还有比较流行的 styled-components在RN中的使用 & 及其改进写法二 1.原写法 {代码...} 原写法的缺点在于变量不好引入,不好体现样式间的关系,没有计算表达式等…… <!--more--> 2.改进写法一 看StyleSheet.create的代码,就是直接返回一个对象 {代码...} 那就可以不限于Style...
SegmentFault 社区访谈 | 有位公子在奇舞
SegmentFault 社区之前做过社区访谈,此次重开社区访谈的原因,非常的简单,就想让社区的用户近距离地和优秀的社区用户进行一次交流。和以往的访谈不同的是,我们会采用相对轻松的方式呈现所要分享的内容,虽然敲代码是件严肃且正经的事,但它同样是件有意思、令人愉悦的事,如果你对本次专访的话风不是很喜欢的话,有话...
【转】剖析 Babel——Babel 总览
名词解释AST:Abstract Syntax Tree, 抽象语法树DI: Dependency Injection, 依赖注入===============================================================Babel 的解析引擎Babel 使用的引擎是 babylon,babylon 并非由 babel 团队自己开发的,而是 fork 的 acorn 项目,acorn 的项目本人在很早之前在兴趣部落 1.0 在构建中...
Web前端从入门菜鸟到实践老司机所需要的资料与指南合集
Web前端从入门菜鸟到实践老司机所需要的资料与指南合集归属于笔者的Web 前端入门与最佳实践。在本文中笔者尽量以入门级介绍为主,如果对于某方面知识点想深入了解,可以参考笔者的对应的知识点系列文章。如果您有其他的Web方面的资料/课程等推荐,欢迎指教,本文会保持持续更新。本文仅代表个人见解,若有点评不周之处望...
Angular.js 的一些学习资源
GitHub项目地址 [链接] 基础 官方: [链接] angularjs官方网站已被墙,可看 [链接]; 官方zip下载包 [链接]
聊聊前端工程师的职业发展 (纯干货)
在敲下这个标题的时候,心里好虚。话说我一直不太喜欢发表这些看上去很假大空的文字,每个人的职业规划都是独有的,不具有太大的可复制性,把自己的经历放出去,容易误人子弟。
零React基础入门Amaze UI Touch!
全文的目的是达成使用amazeui-touch进行项目开发,并且以我这个前端菜鸟所见所学来归纳整理。文章不对详细内容做讲解。 环境安装与前期准备 我的基础环境: Win10 ATOM : GitHub出的开源的编辑器 CMDER : [链接] 命令行工具, windows下一个炒鸡好用的神器。 Node.js : [链接] 官网直接下载最新版安装即可 基本的配置...
优秀程序员的博客有哪些?
这是我在知乎的一个回答,回答原因不是对问题感兴趣,这个就不细说了。问题是:优秀程序员的博客有哪些?这里我默认指的的是个人性质,独立搭建的博客。例如干货满满的美团技术团队这种团队博客,或者没有个人建站但在面试领域输出了不少优秀文章的敖丙老师等等,就不在我的盘点之中了。答主是一名Java全栈方向的程序员...
详解前端网红经典面试题:setTimeout与循环闭包
不理解闭包,变量作用域和setTimeout函数的同学很多会给出答案A:0,1,2,3,4,5和答案B:5,0,1,2,3,4;不奇怪,但正确答案却是5,5,5,5,5,且是隔一秒出来一个。当然相比较,说出答案B至少比答案A多知道setTimeout函数的用法,重点不在那个延迟1000*i ms,重点在setTimeout函数与作用域链,后面会细说。首先三个概念:setTi...
前端面试题小集
1.减少dom操作2.部署前,图片压缩,代码压缩3.优化js代码结构,减少冗余代码4.减少http请求,合理设置 HTTP缓存5.使用内容分发cdn加速6.静态资源缓存7.图片延迟加载
初探 performance - 监控网页与程序性能
使用 window.performance 提供了一组精确的数据,经过简单的计算就能得出一些网页性能数据。 配合上报一些客户端浏览器的设备类型等数据,就可以实现简单的统计啦! 额,先看下兼容性如何:[链接] 这篇文章中 Demo 的运行环境为最新的 Chrome 的控制台,如果你用的是其他浏览器,自查兼容性哈~ 先来看看在 Chrome 浏览器...
前端学习资源
掘金日报主打分享优质深度技术内容,技术内容分:前端、后端、Android、iOS、产品设计、工具资源和一些有趣的东西。 前端 深度剖析:如何实现一个 Virtual DOM 算法 本文会在教你怎么用 300~400 行代码实现一个基本的 Virtual DOM 算法,并且尝试尽…
Vue中的性能监控——Performance API
Performace API允许访问当前页面性能相关的信息,它用于精确度量、控制、增强浏览器的性能表现。这个API为测量网站性能,提供以前没有办法做到的精度。比如我们想知道,Vue初始化的准确耗时,我们可以使用Date对象的getTime方法,这样去做:
JavaScript中函数节流的理解
函数节流,就是对会频繁触发的函数事件做一些限制,让这些函数可以在每隔一定的时间或者每次满足一定的条件下再触发。一般我们会给他起一个名字throttle。也就是节流的意思。一般这样的函数有 resize事件、ontouchmove事件等。