自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(20)
  • 收藏
  • 关注

原创 理解 css rem与动态计算rem

首先css3规定1rem = html根节点的font-size,rem也就是root em简写。为了方便计算通常设置根节点font-size = 100px 那么 1rem = 100px。

2022-12-02 08:30:00 837 1

原创 vue-router 原理

用了 HTML5 的实现,单页路由的 url 就不会多出一个#,变得更加美观。hash 是 URL 中 hash (#) 及后面的那部分,常用作锚点在页面内进行导航,最重要的是改变 URL 中的 hash 部分不会引起页面刷新。vue-router 是 Vue.js 官方的路由插件,它和 vue.js 是深度集成的,适合用于构建单页面应用。在 vue-router 单页面应用中,则是路径之间的切换,也就是组件的切换。系,这种映射是单向的,即 URL 变化引起 UI 更新(无需刷新页面)。

2022-12-02 07:15:00 2016

原创 cookies sessionStorage和localstorage

1、cookie会参与到与服务端的通信中,一般会携带在http请求的头部中,例如一些关键密匙验证等。2、localStorage和sessionStorage是单纯的前端存储,不参与与服务端的通信。2、sessionStorage的有效期是仅保持在当前页面,关闭当前会话页或者浏览器后就会失效。3、localStorage的有效期是在不进行手动删除的情况下是一直有效的。1、cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效。

2022-12-01 21:00:00 813

原创 CSS透明度之rgba和opacity的区别

在CSS样式中,设置透明度的方式有两种。其一,opacity;其二rgba()。opacity和rgba()在一定程度上是没什么区别。

2022-12-01 16:51:04 746

原创 vue表单元素

【代码】vue表单元素。

2022-11-12 21:15:00 87

原创 数组变异方法

​ ● 在 Vue 中,直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值,你会发现,只有数据改了,但是页面内容并没有改变。​ ● 变异数组方法即保持数组方法原有功能不变的前提下对其进行功能拓展。不会改变原始数组,但总是返回一个新数组。

2022-11-12 16:53:56 208

原创 vue的循环结构v-for

这个默认的模式是高效的,但是在更多的时候,并不需要这样去处理,所以,为了给Vue一个提示,以便它能跟踪每个节点的身份,从而重用和重新排序现有元素,需要为每项提供一个唯一key特性,Vue会基于 key 的变化重新排列元素顺序,并且会移除 key 不存在的元素。因为v-for的优先级比v-if的优先级高,所以每次渲染时都会先循环再进行条件判断,而又因为v-if会根据渲染条件为ture或false来决定渲染与否的,所以如果将v-if 和 v-for 用在一起会特别消耗性能。

2022-11-04 00:00:00 219

原创 Vue的v-if和v-show

实现原理不一样: v-if是直接新增删除DOM节点,v-show是切换标签的display样式;v-show对于频繁切换状态的场景更加节省性能,但是如果为了提升初始渲染的速度应该使用v-if。1- 多个元素 通过条件判断展示或者隐藏某个元素。v-show的值为true的时候,当前标签显示,否则隐藏。2- 进行两个视图之间的切换。

2022-11-03 19:55:16 189

原创 前端常见面试题

同源策略(Sameoriginpolicy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。(1)Object.defineProperty(obj, prop, descriptor) ,这个语法内有三个参数,分别为 obj (要定义其上属性的对象) prop (要定义或修改的属性) descriptor (具体的改变方法)1、cookie的有效期是可以设置的,默认的情况下是关闭浏览器后失效。js:全局作用域、函数作用域、块级作用域(es6)

2022-10-28 12:42:20 203

原创 transition相关事件

height;background;transition;;.(,);.(,);

2022-10-16 08:15:00 563

原创 常用的方法(数组)

在数组末尾添加新元素,返回值:数组新长度。删除数组的最后一个元素,返回值:该元素。

2022-10-15 14:59:56 66

原创 js中数组map方法的使用和实现

js中数组map方法的使用和实现

2022-09-24 20:00:00 836

原创 ES6的严格模式

上面这些限制,模块都必须遵守。由于严格模式是 ES5 引入的,不属于 ES6,所以请参阅相关 ES5 书籍,本书不再详细介绍了。ES6 的模块自动采用严格模式,不管你有没有在模块头部加上。ES6 模块之中,顶层的。严格模式主要有以下限制。,即不应该在顶层代码使用。

2022-09-23 15:15:00 199

原创 面向对象及面向过程瀑布流

【代码】面向对象及面向过程瀑布流。

2022-09-12 19:30:00 125

原创 跨页面同步

【代码】跨页面同步。

2022-09-12 19:00:00 265

原创 动态创建表格

【代码】动态创建表格。

2022-09-12 18:45:00 103

原创 js冒泡排序

冒泡排序(Bubble Sort),是一种领域的较简单的。它重复地走访过要排序的元素列,依次比较两个相邻的,如果顺序(如从大到小、首字母从Z到A)错误就把他们交换过来。走访元素的工作是重复地进行,直到没有相邻元素需要交换,也就是说该元素列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端(升序或降序排列),就如同碳酸饮料中的气泡最终会上浮到顶端一样,故名“冒泡排序”。

2022-09-12 14:11:42 74

原创 动态生成获取节点

当我点击切换颜色按钮,发现获取不到这个按钮的节点。

2022-09-03 15:49:05 180

原创 数组去重的常见方法

数组去重的常见方法

2022-08-27 15:16:39 134

原创 css修改input选择框默认样式

css修改input选择框默认样式

2022-08-15 19:38:24 1131

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除