ꪤ、匿名
码龄6年
求更新 关注
提问 私信
  • 博客:48,413
    48,413
    总访问量
  • 54
    原创
  • 150
    粉丝
  • 96
    关注
IP属地以运营商信息为准,境内显示到省(区、市),境外显示到国家(地区)
IP 属地:广东省
加入CSDN时间: 2019-05-24
博客简介:

jjjh968的博客

查看详细资料
个人成就
  • 获得68次点赞
  • 内容获得3次评论
  • 获得160次收藏
  • 代码片获得186次分享
  • 博客总排名2,301,174名
创作历程
  • 3篇
    2022年
  • 51篇
    2021年
成就勋章

TA关注的专栏 0

TA关注的收藏夹 0

TA关注的社区 3

TA参与的活动 0

兴趣领域 设置
  • 前端
    前端框架
创作活动更多

新星杯·14天创作挑战营·第13期

这是一个以写作博客为目的的创作活动,旨在鼓励大学生博主们挖掘自己的创作潜能,展现自己的写作才华。如果你是一位热爱写作的、想要展现自己创作才华的小伙伴,那么,快来参加吧!我们一起发掘写作的魅力,书写出属于我们的故事。我们诚挚邀请你们参加为期14天的创作挑战赛!注: 1、参赛者可以进入活动群进行交流、互相鼓励与支持(开卷),虚竹哥会分享创作心得和涨粉心得,答疑及活动群请见:https://bbs.csdn.net/topics/619781944 【进活动群,得奖概率会更大,因为有辅导】 2、文章质量分查询:https://www.csdn.net/qc

90人参与 去参加
  • 最近
  • 文章
  • 专栏
  • 代码仓
  • 资源
  • 收藏
  • 关注/订阅/互动
更多
  • 最近

  • 文章

  • 专栏

  • 代码仓

  • 资源

  • 收藏

  • 关注/订阅/互动

  • 社区

  • 帖子

  • 问答

  • 课程

  • 视频

搜索 取消

cookie、localStorage、sessionStorage三种客户端存储方式

cookiecookie是http协议下,服务端或者脚本可以维护客户端信息的一种方式。 域、路径、失效时间和安全性都是服务器给浏览器的指示,它们不会随着请求发送给服务器,发送给服务器的只有名称与值对。sessionStorage(会话存储)同源策略: 不同于 Cookie, sessionStorage 访问限制更高,只有当前设定了 sessionStorage 的域下才能访问。单标签页: 两个相同域下的标签页不能互通。即:在关闭标签页或者新开的标签页下都不能访问之前写下的 sessionS
原创
博文更新于 2023.02.03 ·
2637 阅读 ·
2 点赞 ·
0 评论 ·
11 收藏

gitee基本命令及使用

基本命令:git init -初始化 git status -查看状态 git add '文件名’ -提交到缓存区 git add * -提交全部文件,git add .* -提交包含隐藏文件的全部文件 git status -查看状态是否提交成功 git commit -m "first commit" -提交到本地源码库,并附加提交注释 git remote add origin https://github.com/chape/test.git ...
原创
博文更新于 2022.12.13 ·
6647 阅读 ·
11 点赞 ·
1 评论 ·
51 收藏

VueX(Vue状态管理模式)

vuex是什么?Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。也是一种组件间通信的方式。应用vuex的好处能够集中管理共享的数据,易于开发和后期的维护 高效的实现组件之间的数据共享,提高开发效率 存在vuex的数据也是响应式的,能够实时保持数据与页面的同步应用场景多个组件共享数据或者是跨组件传递数据时vuex基本使用安装npm i vuex -s导入vuex
原创
博文更新于 2022.11.03 ·
434 阅读 ·
2 点赞 ·
0 评论 ·
1 收藏

vue路由router的基本使用及路由跳转的方式

路由的基本使用1. 安装vue-router,npm install vue-router 2. 应⽤插件:Vue.use(VueRouter)// 下载路由之后,在main.js引入路由器import VueRouter from 'vue-router'// 注册全局使用Vue.use(VueRouter)3. 编写router配置项编写router文件夹里的index.js文件:// 引入路由import VueRouter from 'vue-router'// ..
原创
博文更新于 2022.10.28 ·
6792 阅读 ·
3 点赞 ·
0 评论 ·
16 收藏

虚拟DOM

1、虚拟 DOM 是什么?一个能代表DOM树的对象,通常含有标签、标签上的属性、事件监听和子元素们,以及其他的属性,用普通js对象来描述DOM结构,因为不是真实DOM,所以称之为虚拟DOM。2、虚拟 DOM 的优点?减少 DOM 操作虚拟 DOM 可以将多次操作合并为一次操作,比如你添加 1000 个节点,却是一个接一个操作的(减少频率) 虚拟 DOM 借助 DOM diff 可以把多余的操作省掉,比如你添加 1000 个节点,其实只有 10 个是新增的(减少范围)跨平台虚拟
原创
博文更新于 2022.05.29 ·
293 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

vue2到vue3生命周期的演变

将 Vue2 的生命周期钩子代码更新到 Vue3这个从Vue2 到Vue3的生命周期映射是直接从Vue 3 Composition API文档中获得的:beforeCreate -> 使用 setup()created -> 使用 setup()beforeMount -> onBeforeMountmounted -> onMountedbeforeUpdate -> onBeforeUpdateupdated -> onUpdated
原创
博文更新于 2022.05.24 ·
373 阅读 ·
0 点赞 ·
0 评论 ·
1 收藏

vue2的生命周期

生命周期什么叫做vue的生命周期一个vue的实例在它创建到销毁的一系列过程,就叫做生命周期什么是生命周期钩子函数在vue实例的生命周期中,某个特定时刻会自动触发的函数,就叫做生命周期的钩子函数vue⽣命周期主要分为四个阶段,⼋个过程四个阶段Create 创建 Mount 挂载 Update 更新 Destory 销毁⼋个过程Create之前和Create之后 Mount之前和Mount之后 Update之前和Update之后 Destory之前和Dest
原创
博文更新于 2022.05.24 ·
206 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

Vue3通过Proxy实现双向数据绑定

1.什么是Proxy?它的作用是?Proxy可以理解成,在目标对象之前架设一层 "拦截",当外界对该对象访问的时候,都必须经过这层拦截,而Proxy就充当了这种机制,类似于代理的含义,它可以对外界访问对象之前进行过滤和改写该对象。2.Proxy基本语法const obj = new Proxy(target, handler)被代理之后返回的对象 = new Proxy(被代理对象,要代理对象的操作)handler中常用的对象方法如下:get(target, propKey, re
原创
博文更新于 2022.05.24 ·
908 阅读 ·
1 点赞 ·
0 评论 ·
2 收藏

HTTP状态码及其含义

HTTP状态码及其含义1XX:信息状态码 100 Continue 继续,一般在发送post请求时,已发送了http header之后服务端将返回此信息,表示确认,之后发送具体参数信息 2XX:成功状态码 200 OK 正常返回信息 201 Created 请求成功并且服务器创建了新的资源 202 Accepted 服务器已接受请求,但尚未处理 3XX:重定向 301 Moved Permanently 请求的网页已永久移动到新位置。 302 Found 临时性重定向。
原创
博文更新于 2021.12.04 ·
202 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

ajax跨域

什么是跨域简单的理解就是因为javascript同源策略的限制同源:协议相同 域名相同 端口相同举例来说,http://www.example.com/dir/page.html这个网址,协议是http://,域名是www.example.com,端口是80(默认端口可以省略)不同域条件先看看域名的组成:同源政策的目的同源政策的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据。设想这样一种情况:A网站是一家银行,用户登录以后,又去浏览其他网站。如..
原创
博文更新于 2021.11.19 ·
164 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

理解Promise

一、Promise是什么?理解1. 抽象表达 Promise是一门新的技术(ES6规范) Promise是JS中进行异步编程的新解决方案 Promise就是为解决“回调地狱”而生的 备注:旧的方案是单纯使用回调函数2. 具体表达从语法上来说:Promise是一个构造函数 从功能上来说:Promise对象用来封装一个异步操作并可以获取其成功或失败的结果值。二、Promise对象的状态改变Promise的状态指的是实例对象中的一个属性Prom...
原创
博文更新于 2021.10.29 ·
162 阅读 ·
0 点赞 ·
0 评论 ·
0 收藏

JS(六)理解闭包

1.什么是闭包?简单讲,闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说:闭包是一种特殊的对象。它由两部分构成:函数,以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。闭包的作用域链包含着它自己的作用域,以及包含它的函数的作用域和全局作用域。在Javascript语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成"定义在一个函数内部的函数"。如果函数A内部有函数B,函数B可以访问函数A的变量,那么函数B就是闭包。在本质上,闭
原创
博文更新于 2021.10.25 ·
381 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

vue的特点及核心思想

一、声明式渲染命令式渲染:需要具体代码表达在哪里,做什么,关心如何实践。 声明式渲染:只需要声明在哪里,做什么(what),而无需关心如何实现(how)。例子:声明式编码:无需直接操作DOM原生js或jquery(命令式编码): 1.获取元素 2.给元素添加文字 (按步骤)命令式渲染:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8">...
原创
博文更新于 2021.10.25 ·
743 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

了解及使用AJAX(JS原生ajax)

1.什么是AJAX?AJAX即“Asynchronous Javascript And XML”(异步的JavaScript和XML),是指一种创建交互式网页应用的网页开发技术,用于浏览器和服务器之间进行数据交互。AJAX在浏览器与Web服务器之间使用异步数据传输(HTTP请求),这样就可使网页从服务器请求少量的信息,而不是整个页面。AJAX描述了一种主要使用脚本操作HTTP的Web应用架构,AJAX应用的主要特点是使用脚本操纵HTTP和Web服务器进行数据交换,不会导致页面重载。对AJAX的印象:
原创
博文更新于 2021.10.24 ·
367 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

JS(十一)原型链继承、经典继承、组合继承

1.原型链继承构造函数、原型和实例的关系:每个构造函数都有一个原型对象,原型有一个属性指回构造函数,而实例有一个内部指针指向原型。原型链继承(将父类的实例作为子类的原型)://父类function Animal(){ this.name ='animal';}Animal.prototype.getAnimalName=function(){ console.log(this.name)}//子类function Dog(){ this.name='dog';}//
原创
博文更新于 2021.10.24 ·
295 阅读 ·
1 点赞 ·
0 评论 ·
1 收藏

web前端性能优化方案

回流、重绘会影响网络性能优化回流: 当render树中的一部分或者全部因为大小边距等问题发生改变而需要重建的过程叫做回流 ( 几何大小和位置发生改变 )重绘: 当元素的一部分属性发生变化,如外观背景色不会引起布局变化而需要重新渲染的过程叫做重绘 ( 文字、边框、背景颜色、外观风格 )注意:回流必定触发重绘,而重绘不一定触发回流性能优化方案一、客户端1、压缩源码和图片JavaScript文件源代码可以采用混淆压缩的方式,CSS文件源代码进行普通压缩,JPG图片可以根据具体质量来压缩为..
原创
博文更新于 2021.10.23 ·
601 阅读 ·
1 点赞 ·
0 评论 ·
3 收藏

浅拷贝、深拷贝、赋值

一、数据类型存储前面文章我们讲到,JavaScript中存在两大数据类型: 基本类型 字符串(String)、数字(Number)、布尔(Boolean)、对空(Null)、未定义(Undefined)、Symbol。 (注:Symbol 是 ES6 引入了一种新的原始数据类型,表示独一无二的值。 ) 引用类型 对象(Object)、数组(Array)、函数(Function)。基本类型数据保存在在栈内存中引用类型数据保存在堆内存中,引用数据类型的变量是一个指向堆..
原创
博文更新于 2021.10.20 ·
262 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

web前端学习(四)http、https、http协议、get、post

什么是 HTTP?超文本传输协议(Hypertext Transfer Protocol,缩写 HTTP)旨在启用客户端和服务器之间的通信。https安全性、保密性比http强GET和POST是什么? HTTP协议中的两种发送请求的方法。http协议http协议是超文本传输协议,常用于BS架构中,为数据在网络传输中规定协议。HTTP报文的分类有两种:请求报文和响应报文。顾名思义,请求报文就是客户端向服务端发送请求的信号,响...
原创
博文更新于 2021.10.19 ·
278 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

JS异步编程的解决方案

js中解决异步编程有6种方案:1.1 回调函数异步编程的最基本方法,把任务的第二段单独写在一个函数里面,等到重新执行这个任务的时候,就直接调用这个函数。优点:简单、容易理解和实现。 缺点:多次调用会使代码结构混乱,形成回调地狱。function sleep(time, callback) { setTimeout(() => { // 一些逻辑代码 callback(); }, time);}1.2 事件监听...
原创
博文更新于 2021.10.18 ·
437 阅读 ·
1 点赞 ·
0 评论 ·
0 收藏

web前端学习(三)块级元素、行内元素特点及区别

1.块级元素作用:搭建网页结构特点:* 独占一行空间* 默认宽度为100%* 高度由子元素或内容决定* 可以通过css指定其宽度高度* 块级元素可以包含块级与行内。元素:html、body、div、p、h1~h6、ul->li、ol->li、dl->dd/dt、table、tr、th、td、hr、header、footer、nav、article、section、aside、address...2.行内元素作用:在结构中填充网页内容特点:* .
原创
博文更新于 2021.10.14 ·
907 阅读 ·
2 点赞 ·
0 评论 ·
2 收藏
加载更多