自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue实现点击按钮左右滚动

【代码】vue实现点击按钮左右滚动。

2023-04-21 14:19:30 1279

原创 当修改一个数据时,不想整个页面都被重新渲染,只想要渲染变更数据的那一部分,怎么做?

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性,可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上,也可以使用 this.$forceUpdate() 方法,可以局部更新。让数据变为响应式的,如:vue中,当页面初始化时候,vue会遍历data对象所有的属性,并使用defineProperty或Proxy把这些属性全部转化为getter/setter,所以属性必须在 data 对象上存在才能让 Vue 转换它,这样才能让它是响应的。

2023-02-22 15:50:51 400

原创 手写代码面试真题

手写各种前端代码面试真题

2023-02-22 10:30:20 104

原创 本地存储的简单理解

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>存储</title></head><body> <script> /** * localStorage * * 存数据/修改数据: localStorage.setI

2021-06-08 11:58:57 137

原创 一些数组常用的操作

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>数组操作</title></head><body> <script> var arr = [1,2,3,4,5,6,5,4,3,2,10,90] /** * 数组的内置操作 变异数组的

2021-06-08 11:55:42 67

原创 async函数原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-13 11:57:51 85

原创 promsie实现原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-13 11:51:13 85

原创 css重置样式

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, .

2021-05-13 11:46:14 54

原创 JS实现全选、不选和反选

思路:1、获取元素。2、用for循环历遍数组,把checkbox的checked设置为true即实现全选,把checkbox的checked设置为false即实现不选。3、通过if判断,如果checked为true选中状态的,就把checked设为false不选状态,如果checked为false不选状态的,就把checked设为true选中状态。HTML代码全选:<input type="button" id="All" value="全选" /><br />不选&lt

2021-05-06 20:50:35 1248

原创 Vue 实现checkbox的全选,单选和删除

<template> <div> <input type='checkbox' class='input-checkbox' :checked="fruitIds.length === fruits.length" @click='checkedAll()'>全选 <div v-for='(fruit, index) in fruits' :key="index"> <!--判断fruitIds是否包.

2021-05-06 20:40:09 1356 2

原创 数据双向绑定原理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.

2021-05-06 10:50:11 40

原创 对象根据key排序的方法

无意间获取大一组城市的数据 数据本身是一个对象 但是key是由A~Z的字母组成的 但是呢 字母的顺序是错乱的 所以数据无法直接渲染 需要根据对象的属性对对象进行排序,于是有了这次的果,话不多说 上代码// 这是我获取到的数据的大概类型 因为数据太多 不做全部的演示了var citys = { "E": [ {"name": "厄瓜多尔"}], "A": [ {"name": "安阳"}], "R": [ {"name": "日照"}]}// 接下来是排序的代码第一种办法 va

2021-05-05 20:53:42 1365

原创 Vue配置rem

export default function() { // 7.5根据设计稿的横向分辨率/100得来 var deviceWidth = document.documentElement.clientWidth; // var deviceWidth = window.screen.availWidth // console.log(navigator.userAgent) // console.log(deviceWidth) // console.lo.

2021-04-29 11:15:34 58

原创 react路由嵌套路由及路由传参

因为react的嵌套路由跟vue比就像屎一样 不好写 所以在使用的时候建议使用react-router-config来配置路由 会相对轻松第一步 先安装路由依赖目录第一步 先安装路由依赖

2021-04-28 16:09:13 111

原创 常见的错误码介绍

1**:请求收到,继续处理2**:操作成功收到,分析、接受3**:完成此请求必须进一步处理4**:请求包含一个错误语法或不能完成5**:服务器执行一个完全有效请求失败100——客户必须继续发出请求101——客户要求服务器根据请求转换HTTP协议版本200——交易成功201——提示知道新文件的URL202——接受和处理、但处理未完成203——返回信息不确定或不完整204——请求收到,但返回信息为空205——服务器完成了请求,用户代理必须复位当前已经浏览过的文件206——服务器已经完成

2021-04-28 15:58:37 250 1

空空如也

空空如也

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

TA关注的人

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