前端知识
我的小英短
Q版前端开发攻城狮
展开
-
7个提升网页SVG文件可访问性的方案 seven solutions to improve the accessibility of svg files on web pages
seven solutions to improve the accessibility of svg files on web pagessvg is a format of picture file, it’s short for scalable vector graphics, which means is a vector graphics that scalable. then we introduce seven solution to improve the accessibility原创 2020-06-09 12:45:47 · 428 阅读 · 0 评论 -
一些提升css性能的小知识 Some tips to improve the performance of CSS
Some tips to improve the performance of CSSeveryone knows that the performance is very important for website. and the css as a important part of web page renderering and content show. It affects the user’s first experience of the entire website.we usual原创 2020-06-08 16:46:58 · 577 阅读 · 0 评论 -
如果有人问,从输入URL到页面展示,这中间发生了什么?
“在浏览器里,从输入 URL 到页面展示,这中间发生了什么? ”这是一道经典的面试题,能比较全面地考察应聘者知识的掌握程度,其中涉及到了网络、操作系统、Web 等一系列的知识。所以我在面试应聘者时也必问这道题,但遗憾的是大多数人只能回答其中部分零散的知识点,并不能将这些知识点串联成线,无法系统而又全面地回答这个问题。从输入 URL 到页面展示完整流程示意图:从图中可以看出,整个过程需要各个进程之间的配合,所以在开始正式流程之前,我们还是先来快速回顾下浏览器进程、渲染进程和网络进程的主要职责。浏览原创 2020-06-08 11:45:56 · 411 阅读 · 0 评论 -
3 分钟上手 CSS Grid 布局
CSS Grid 布局是 CSS 中最强大的布局系统。与 flexbox 的一维布局系统不同,CSS Grid 布局是一个二维布局系统,也就意味着它可以同时处理列和行。通过将 CSS 规则应用于 父元素 (成为 Grid Container 网格容器)和其 子元素(成为 Grid Items 网格项),你就可以轻松使用 Grid (网格) 布局。基础知识截至2017年3月,许多浏览器都提供了对 CSS Grid 的原生支持,而且无需加浏览器前缀:Chrome(包括 Android ),Firefox,.原创 2020-06-04 15:49:24 · 458 阅读 · 0 评论 -
18行JavaScript代码构建一个倒数计时器
18行JavaScript代码构建一个倒数计时器有时,您将需要构建一个JavaScript倒数时钟。您可能有活动,销售,促销或游戏。您可以使用原始JavaScript构建时钟,而不用寻找最近的插件。虽然有很多很棒的时钟插件,但是使用原始JavaScript可以带来以下好处:您的代码将是轻量级的,因为它将具有零依赖性。您的网站将表现更好。您无需加载外部脚本和样式表。您将拥有更多控制权。您将构建时钟,使其行为完全符合您希望的方式(而不是尝试将插件弯曲到您的意愿)因此,事不宜迟,这里介绍了如何仅原创 2020-06-03 15:31:25 · 1916 阅读 · 0 评论 -
CSRF与XSS攻防知识点总结
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-12-16 15:11:35 · 552 阅读 · 0 评论 -
Three.js新手入门实践案例解析
导读该篇文章呢,主要用于记录一个简单的入门级Three.js小案例,主要涉及到场景、摄像机的种类及摄像机创建,几何体创建,几何体运动,材质贴图添加,窗口渲染 内容自适应这几个方面来开发下面这个小案例,当然也包括相关实现方法的参数的详解。帮助自己知识复习,如果能帮助大家入门Three.js这门浏览器端的WebGL神奇强大炫酷框架中去,那就更好了。首选我们来看一下,Three.js的基本概念和简介...原创 2019-11-20 10:25:43 · 1119 阅读 · 0 评论 -
初学者学习前端开发的实用指南
我在不到5年前的2014年春季开始了编码之旅。从那时起,我已经获得了一些编程技能,但我仍然知道,还有很多事情需要学习。无论如何,我决定将这些技巧集中在一个地方,以帮助将来的开发人员前进。本文是我开始旅程时希望找到的指南。在开始之前如果您决定自己学习,那么互联网上就会有很多信息,您很难将所有事情都束之高阁。重要的是要有一个结构化的计划,避免浪费时间从一种资源转移到另一种资源。请注意,这些只是进...原创 2019-10-24 11:10:10 · 535 阅读 · 0 评论 -
JS常见算法题精解
01. 模拟实现 new首先,这里呢,先简单说明一下new关键字的基本作用,有以下三点:创建一个新的对象把Person方法的原型挂载到了obj的原型链上返回一个新的对象所以呢,我们可以根据它的这三个特性,来自定义个一个方法objectFactory,如下所示:function person(name, age) { this.name = name this.age = a...原创 2019-10-15 09:14:53 · 463 阅读 · 0 评论 -
前端知识每日小拷问 006 网络协议、支付相关
前端知识小拷问 006 网络协议、支付相关准备接收大前端形法的考验吧!?每日5题,直击你的内心 ~~今天的前端知识点有如下:对Socket编程的理解,及实现原理,Socket之间是怎么通讯的 ?web应用从服务器主动推送data到客户端有哪些方式?什么是https,做什么用的呢?如何开启https?如何看待使用node.js搭建中间层?web微信支付怎么做?请...原创 2019-07-17 21:26:37 · 811 阅读 · 0 评论 -
前端知识每日小拷问 002
前端知识小拷问 002准备接收大前端形法的考验吧!?每日5题,直击你的内心 ~~仓库地址:https://github.com/RiversCoder/fontend-question-ten-everyday如何计算白屏、首屏时间?白屏时间:<head> 标签解析完就是白屏的结束时间点,在head标签中前后打点,计算差值首屏时间:首屏时间是指用户打开网站开始,到...原创 2019-07-07 11:15:51 · 6458 阅读 · 0 评论 -
前端知识每日小拷问 001
2019年07月05日 星期五 深圳天气 晴准备接收大前端形法的考验吧!?每日5题,直击你的内心 ~~prototype和__proto__的关系是什么?prototype和__proto__都指向原型对象;一个是原型,一个是原型链,原型创建可继承的方法和属性,原型链访问其构造方法的原型对象;补充:所有对象都有__proto__属性,函数这个特殊对象除了具有__proto__属...原创 2019-07-06 00:06:15 · 870 阅读 · 0 评论 -
前端知识每日小拷问 005 资源、bug管理相关
前端知识小拷问005 资源、bug管理相关准备接收大前端形法的考验吧!?每日5题,直击你的内心 ~~今天的前端知识点有如下:如果不想让别人盗用你的图片,访问你的服务器资源该怎么处理?面对精灵图和base64如何选择?webpack怎么引入第三方的库?git如何管理线上的bug?nginx有哪些好用的功能?仓库地址:https://github.com/RiversCoder/...原创 2019-07-14 13:50:23 · 915 阅读 · 0 评论 -
前端知识每日小拷问 004 前端工程化相关
前端知识小拷问 004今天的前端知识点有如下:如何进行cdn托管,图片整合?如何利用webpack把代码上传服务器以及转码测试?项目上线流程是怎样的?工程化怎么管理的?如何编写一个元素拖拽的插件?仓库地址:https://github.com/RiversCoder/fontend-question-ten-everyday如何进行cdn托管,图片整合?cdn托...原创 2019-07-09 17:07:54 · 866 阅读 · 0 评论 -
前端知识每日小拷问 003 跨域和事件模型相关
前端知识小拷问 003准备接收大前端形法的考验吧!?每日5题,直击你的内心 ~~今天的前端知识点有如下:处理跨域的几种方式?如何压缩CSS,JS代码?get和post的区别?什么是事件模型?对事件模型的理解?如何编写一个元素拖拽的插件?仓库地址:https://github.com/RiversCoder/fontend-question-ten-everyday处理...原创 2019-07-08 14:03:50 · 1261 阅读 · 1 评论