网页基础知识 网页的构成 网页由html、css和Javascript构成,html是框架,CSS是样式和装饰,JS则是各项功能实现。我们把网页的组成类比成一栋房子,Html相当于房子的结构,CSS相当于房子的装修装饰,…
标签:html
前端命名规范
以下是本人使用的命名规范,仅用参照 class命名: <div class="header"></div> <div class="header-search"></div>…
关于CDN那些事
对于前端性能优化我们不得不了解的几个知识点:CDN、HTTP header信息 今天我就来谈谈我对cdn的理解 1、CDN是什么:CDN全称是Content Delivery Network,即内容分发网络。将网站内容发…
PDF.js实现个性化PDF渲染(文本复制)
我肥来啦😁。看到 Redux教程突破3w的浏览量,小窃喜,很高兴自己的文章能够帮助到大家。 这次重返,依然带给大家一个小指南,也是最近工作中遇到的一个小case。 前不久,产品经理提出要在界面上优雅地展示…
浏览器渲染网页的过程
浏览器的主要功能是将用户选择的 web 资源呈现出来,它需要从服务器请求资源,并将其显示在浏览器窗口中,资源的格式通常是 HTML,也包括 PDF、image 及其他格式。 浏览器的线程 浏览器是多线程的,它们在内核制控…
angular引入富文本ngx-quill,自定义图片上传(解决Can't resolve 'quill')
1. 安装依赖 npm i ngx-quill npm i quill ps:一定要安装 quill ,不然ngx-quill会报Can't resolve 'quill' in xxxx, 因为ngx-quill内部引…
原生支持的懒加载已经到来!
资料来源: https://medium.com/bbc-design… title: Native lazy loading has arrived! author: Andy Potts (BBC 软件工…
前端开发者应该知道的 CSS 小技巧
一些小技巧让你的CSS技术更专业 1,使用:not()去除导航上不需要的边框 2,为body添加行高 3,垂直居中任何元素 4,逗号分离的列表 5,使用负nth-child选择元素 6,使用SVG图标 7,文本显示优化 …
前端实例练习 - 进度条
进度条 代码储存在Github效果预览 初衷:很多人在初学前端的时候都会问,“如何入门前端?”同为在前端学习道路上,奋力追赶的一员,本人对于目前网络上所能看到的 “入门级” 的教材并不太满意。学习一门新知识,实例是尤其重…
PDF.js实现个性化PDF渲染(文本复制)
我肥来啦😁。看到 Redux教程突破3w的浏览量,小窃喜,很高兴自己的文章能够帮助到大家。 这次重返,依然带给大家一个小指南,也是最近工作中遇到的一个小case。 前不久,产品经理提出要在界面上优雅地展示…
前端面试题-HTML结构语义化
一、HTML语义化的背景 HTML结构语义化,是近几年才提出来的,对比之前的 HTML 结构,大多是一堆没有语义的标签。用的最多的就是 DIV+CSS,为了改变这种现状,开发者们和官方提出了 HTML结构语义化的概念,并…
前端性能优化(1)-内存管理
1.javascript 内存管理 内存的基本概念 1、分配所需的内存 2、内存的读与写 3、不需要时将其释放 内存的生命周期 定义变量时就完成了内存分配 内存的释放依赖垃圾回收销毁,或者手动销毁 2.内存以两种形式存在…