前端开发知识总结
文章平均质量分 89
程序员云锦
全栈工程师
展开
-
[JavaScript]ES6的函数拓展
文章目录ES6函数拓展函数的默认参数ES6写法注意事项reset参数name属性箭头函数ES6函数拓展函数的默认参数之前的写法:function count(x, y) { return x + y;}count(3);//因为只传递了参数x,y的默认值为undefined//undefined + 3返回NaNfunction count(x, y) { x = x || 0; y = y || 0; return x + y;}count(3);//3function原创 2022-01-07 09:31:14 · 1294 阅读 · 13 评论 -
[JavaScript]解构赋值详解
文章目录概念数组解构声明分别赋值解构默认值交换变量值解构函数返回的数组忽略返回值(或跳过某一项)赋值数组剩余值给一个变量嵌套数组解构字符串解构对象解构基础对象解构赋值给新变量名解构默认值赋值给新对象名的同时提供默认值同时使用数组和对象解构不完全解构赋值剩余值给一个对象嵌套对象解构(可忽略解构)注意事项小心使用已声明变量进行解构函数参数的解构赋值解构的用途交换变量的值从函数返回多个值提取JSON数据概念ES6提供了更简洁的赋值模式,从数组和对象中提取值,这被称为解构示例:[a, b] = [50, 1原创 2021-12-27 10:06:14 · 12228 阅读 · 119 评论 -
[JavaScript]Promise详解
文章目录概念特点基本用法Promise提供的一些APIPromise.prototype.then()Promise.prototype.catch()Promise.prototype.finally()Promise.all()Promise.race()Promise 是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了语言标准,统一了用法,原生提供Promise对象。概念Promise是一个对象,它用来标识JavaScri原创 2021-12-26 17:34:41 · 1105 阅读 · 29 评论 -
[JavaScript]原型与实例
文章目录构造函数 实例 原型三者的关系注意prototype属性属性或成员的搜索原则构造函数 实例 原型三者的关系1.任何函数都有一个prototype属性,该属性是一个对象function F () {}console.log(F.prototype) // => object//原型对象F.prototype.sayHi = function () { console.log('hi!')}2.构造函数的prototype对象默认都有一个constructor属性,指向pro原创 2021-12-24 19:48:44 · 3431 阅读 · 114 评论 -
[JavaScript]页面的回流与重绘
文章目录一些DOMAPI获取元素相关结点API增加节点API回流与重绘CSS的书写顺序影响节点渲染优化一些DOMAPI获取元素相关结点API<body> <div class="item"> <h3 class="title">123</h3> <p class="des">456</p> <p class="price">789</p> </div> <script&g原创 2021-12-23 21:58:48 · 1006 阅读 · 25 评论 -
[JavaScript]DOMAPI
文章目录获取DOM节点对象获取的DOM元素命名格式字母o前缀字母a前缀对象属性和标签属性概念的区分判断某一个属性是否有某属性DOM节点对象的属性获取DOM节点对象var oHeader = document.getElementById("header");表示直接获取ID名称为header的标签,返回对应的节点对象(单个),如果有多个ID名为header的标签,也只获取第一个标签var aP = document.getElementdByTagName("p");表示获取文档中的所有p标签,返原创 2021-12-18 18:54:37 · 1013 阅读 · 41 评论 -
[JavaScript]基础事件
什么是事件一个事件就是一个用户在访问网页时,所使用键盘或者鼠标对网页做出某种操作,这就是一个基础事件在js中,用户与文档交互基础事件又分为鼠标事件与键盘事件例如:当用户点击鼠标时当网页加载后当图像加载后当鼠标移至元素上时当输入字段被改变时当 HTML 表单被提交时当用户敲击按键时示例演练: <div>我是一个div</div> <input type="text" id="input" value=''> <script>原创 2021-12-17 20:33:01 · 1000 阅读 · 74 评论 -
[移动端]移动端适配方案略解
文章目录css3新增单位remvw vh移动端适配方案flexible rem方案优点缺点vh、vw方案缺点css3新增单位remcss3 新增相对单位rem和em单位一样,都是一个相对单位,em是相对于父元素的font-size进行计算,即父元素的font-size为npx,则1em就代表npx,所以em单位在不同的元素或选择器中都不同因此我们需要一个在所有元素或选择器中都一致的一个单位,rem因此出现了rem是相对于根元素html的font-size来进行计算的,即根元素html的fon原创 2021-12-09 20:54:18 · 2730 阅读 · 60 评论 -
[移动端]视口与媒体查询
文章目录视口布局视口视觉视口理想视口视口适配 Meta viewport获取窗口大小API媒体查询 @media媒体类型媒体功能视口viewport 解释为中文就是‘视口’的意思,也就是浏览器中用于显示网页的区域。在 PC 端,其大小也就是浏览器可视区域的大小,所以我们也不会太关注此概念;而在移动端,绝大多数情况下 viewport 都大于浏览器可视区,保证 PC 页面在移动浏览器上面的可视性。为提升可视性体验,针对移动端有了对 viewport 的深入研究。在移动端有三种类型的viewport:原创 2021-12-08 22:51:56 · 2551 阅读 · 19 评论 -
[移动端]移动端设备属性
文章目录移动端设备的一些属性尺寸分辨率像素屏幕分辨率图像分辨率PPIDPIDIP(设备独立像素)DPR(设备像素比)移动端web页面的开发,由于手机屏幕尺寸、分辨率不同,或者需要考虑横竖屏问题,为了使得web页面在不同移动设备上具有相适应的展示效果,需要在开发过程中使用合理的适配方案来解决这个问题。移动端设备的一些属性尺寸想要实现移动端适配 就要认识下 显示设备的物理尺寸(屏幕对角线长度) 单位 “英寸”我们用单位英寸描述屏幕的物理大小,如电脑显示器的17英寸,22英寸,手机显示器的4.8原创 2021-12-07 20:46:49 · 7021 阅读 · 44 评论 -
预处理?看这一篇就够了
文章目录背景概念几种具有代表性的预处理器学习sass前的准备sass常用语法缩进变量条件语句背景CSS 自诞生以来,基本语法和核心机制一直没有本质上的变化,在很长一段时间内,它的发展几乎全是表现力层面上的提升。 最开始 CSS 在网页中的作用只是辅助性的装饰,轻便易学是最大的需求;然而如今网站的复杂度已经不可同日而语,原生 CSS 已经让开发者力不从心。 当一门语言的能力不足而用户的运行环境又不支持其它选择的时候,这门语言就会沦为 “编译目标” 语言。开发者将选择另一门更高级的语言来进行开发,然原创 2021-12-02 22:00:39 · 1260 阅读 · 42 评论 -
模板引擎?看这一篇就懂了
概念模板引擎可以让(网站)程序实现界面与数据分离,业务代码与逻辑代码的分离,这就大大提升了开发效率,良好的设计也使得代码重用变得更加容易。光看生硬的概念没有用,接下来我来给大家详细解释,这模板引擎究竟是何物?假设现在你打开电脑浏览器,进入某宝的网站,然后输入“笔记本”,唰的一下页面上就出现了琳琅满目的商品,让你是应接不暇,然后你又输入了“辣条”,一下子页面上又是不一样的商品了,这个时候,疑问就产生了:页面上的这些商品究竟是直接写在页面上的还是实时渲染的呢?毫无疑问,这些展示的商品肯定是实时渲染出原创 2021-11-27 21:15:52 · 6884 阅读 · 51 评论