首页
学习
活动
专区
工具
TVP
发布

张培跃

专栏作者
160
文章
157469
阅读量
24
订阅数
面试官:你是如何对前端项目进行优化的?
面试官:你认为前端工作中最重要的是什么? 答:用户体验! 面试官:如何可以提升用户体验? 答:从提升项目性能开始! 面试官:如何才能提升项目性能呢? 答:对项目进行优化! 面试官:如何对项目进行优化? 答:主要从项目加载时以及运行时两方面进行优化。 面试官:如何进行加载时的优化? 答:主要从以下几方面入手: CSS 写头部,JavaScript 写底部:所有放在 head 标签里的 CSS 和 JS 文件都会堵塞渲染。如果这些 CSS 和 JS 需要加载和解析很久的话,那么页面就会空白了,所以 JS 文件要
用户1272076
2023-03-09
4310
说一下HTTP服务的全过程及扩展问题整理
问题1:当我们在浏览器中输入网址,按下回车,具体发生了什么? 对网址进行DNS解析,得到对应的IP地址。 根据这个IP地址,找到对应的服务器,并发起TCP的三次握手。 建立TCP连接后会发起HTTP请求。 服务器响应HTTP请求。 浏览器解析得到html代码。 请求html代码中的资源(如js、css、图片等)。 浏览器对页面进行渲染呈现给用户。 服务器关闭关闭TCP连接。 问题2:DNS是什么? DNS一般指域名系统。域名系统(英文:Domain Name System,缩写:DNS)是互联网的一项服务。
用户1272076
2023-03-09
2280
web前端面试题对答篇:HTTP fetch发送2次请求的原因?
2、将前端content-type设置为application/json,然后通过开发工具的http方式在浏览器打开index.html,或自己重新创建一个服务,在浏览器打开index.html。你会发现其果然请求了两次,分别为OPTIONS请求与POST请求:
用户1272076
2020-08-21
2.9K0
大前端的未来是否可期?了解下历史先!
在很久很久以前的公元1993年,位于美国的伊利诺州诞生了一位名为NCSAMosaic的孩子。它便是传说中的微软IE、网景以及后续众多网页浏览器的鼻祖。可惜在当时只有少数的幸运儿才可以使用它。
用户1272076
2020-05-22
6550
EJS模板在express中的使用攻略及应用实例(建议收藏)
ejs当中的"E" 代表 "effective",即【高效】。EJS 是一套非常简单的模板语言,可以帮你利用普通的 JavaScript 代码快速生成 HTML 页面。EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。
用户1272076
2019-04-23
4.5K0
最易理解的VUE双向绑定原理不足70行代码搞定,逐行注释!
VUE双向绑定原理是前端小伙伴很难绕过的一道面试题!本篇文章对其原理进行了最大程度的精简,希望对面试VUE开发的前端小伙伴有所帮助!我在这里将指令 v-改为z-,主要完成z-model、z-click、z-text以及z-html四个提令。 为了能够快速读懂代码,首先要先弄明白以下三个概念: 1、观察者(observer):也就是数据监听器,负责数据对象的所有属性进行监听劫持,并将消息发送给订阅者进行数据更新 2、订阅者(watcher):负责接收数据的变化,更新视图(view),数据与订阅者是一对多的关系
用户1272076
2019-03-27
5340
web前端必备英语词汇都在这儿了,客官你了解多少?
appendChild 放置到某元素最后 attribute 属性 addEventListener 添加侦听器 assign 赋值 alert 弹出框 append 添加 appendTo 添加到 absolute 绝对的 active 活动的,激活的,标记的一个伪类 align 对齐 alpha 透明度,半透明anchor 锚记标记是这个单词的缩写 anchor 锚记a标记是这个单词的缩写 arrow 箭头 auto 自动 appName 程序名 appCodeName 程序代号 appVersion 程序版本 appAgent 程序代理 abs 取绝对值 array 数组
用户1272076
2019-03-27
2.9K0
React之JSX语法
如果要使用JSX,需要得到语法的支持,你可以使用Babel来进行转换。在该篇文章当中直接引入Babel文件。 将上一篇文章的“你好,世界”拿过来看一下:
用户1272076
2019-03-27
7890
知识点归纳笔记:关于浏览器内核的多线程机制
浏览器内核即浏览器底层最核心和最基础的那一部分,它主要负责对网页当中的 html、 css、 JavaScript进行解释然后在浏览器当中进行渲染最终呈现给用户,也就是说内核的工作就是渲染,所以我们常常把浏览器内核称为 渲染引擎(Rendering Engine)也称为 布局引擎(Layout Engine)、 排版引擎。
用户1272076
2019-03-26
8030
2019-Web开发技术指南和趋势
HTML/CSS框架目前没有以前那么有意义, 但是我还是介意你选择一个学习(这里作者想隐射的应该是, 在jquery时代, HTML/CSS框架的学习是必须的).
用户1272076
2019-03-26
3.3K0
Javascript上传图片转base64并预览,拿走不谢!
input的file类型在浏览器中会渲染为一个按钮和一段文字。当你点击按钮时会打开文件选择窗口,文字表示对文件的描述;如图:
用户1272076
2019-03-26
9.1K0
理解vue中的插槽------slot与slot-scope
单个插槽是vue官方的叫法。你也可以叫它默认插槽。另外因为该插槽不用设置name属性,也可以称其为匿名插槽。 先来看一个例子。 父组件:
用户1272076
2019-03-26
1.4K0
es6中class类的全方面理解(二)------继承
继承是面向对象中一个比较核心的概念。ES6 class的继承与java的继承大同小异,如果学过java的小伙伴应该很容易理解,都是通过extends关键字继承。相较于ES5当中通过原型链继承要清晰和方便许多。先上代码:
用户1272076
2019-03-26
8080
移动端页面自适应解决方案:rem 布局篇
假设设计妹妹给我们的设计稿尺寸为750 * 1340。结合网易、淘宝移动端首页html元素上的font-size属性,html5设计稿尺寸以及前端与设计之间协作流程一般分为下面两种。
用户1272076
2019-03-26
2.2K0
原生态纯JavaScript 100大技巧大收集---你值得拥有(1--50)
1、原生JavaScript实现字符串长度截取 function cutstr(str, len) { var temp; var icount = 0; var patrn = /[^\x00-\xff]/; var strre = ""; for (var i = 0; i < str.length; i++) { if (icount < len - 1) { temp = str
用户1272076
2019-03-26
5850
没有更多了
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档