![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 50
sen丶晓森
这个作者很懒,什么都没留下…
展开
-
移动端禁止页面滚动,超简单的方法
一分钟解决移动端禁止页面滚动,超简单的方法原创 2023-03-09 14:28:48 · 1623 阅读 · 1 评论 -
taro + h5 app端 删除数组中的元素,虽然已经删除,但在目标处还是显示该数组的值,只有重新复制才会消失。
Taro + h5 删除数组中的元素,虽然已经删除,但在目标处还是显示该数组的值,只有重新复制才会消失。原创 2023-01-12 19:04:30 · 322 阅读 · 0 评论 -
基于React完成的SPA同构渲染项目打包报错throw new TypeError(‘Router.use() requires a middleware function but got a‘
今天在完成一个基于React的SPA同构渲染项目打包时,打包报错G:\code\demo\spa\node_modules\express\lib\router\index.js:469throw new TypeError('Router.use() requires a middleware function but got a ’ + gettype(fn))原创 2022-06-17 14:24:32 · 862 阅读 · 0 评论 -
为什么React中setState是异步的?(其实是模拟异步的行为,并非真正的异步)
为什么React中setState是异步的?原创 2022-06-15 11:21:28 · 3362 阅读 · 0 评论 -
React自执行函数
React自执行函数原创 2022-06-14 16:16:03 · 1312 阅读 · 0 评论 -
NaN表示什么?typeof NaN结果是什么?
解释下NaN表示什么呢?typeof NaN结果是什么?原创 2022-03-16 08:19:37 · 7260 阅读 · 0 评论 -
localstorage和sessionstorage的区别
localstorage和sessionstorage的区别原创 2022-03-09 19:33:17 · 21311 阅读 · 0 评论 -
数组常用方法有哪些
数组的常用方法原创 2022-03-09 19:01:28 · 247 阅读 · 0 评论 -
事件扩展符
事件扩展符原创 2022-03-07 09:58:47 · 784 阅读 · 5 评论 -
节流与防抖
节流与防抖的原理及其解决方法原创 2022-03-07 08:53:37 · 461 阅读 · 0 评论 -
null 和 undefined 的区别
null 其实属于自己的类型 Null,而不属于Object类型,typeof 之所以会判定为 Object 类型,是因为JavaScript 数据类型在底层都是以二进制的形式表示的,二进制的前三位为 0 会被 typeof 判断为对象类型,而 null 的二进制位恰好都是 0 ,因此,null 被误判断为 Object 类型。原创 2022-03-02 15:17:45 · 408 阅读 · 0 评论 -
vue中js判断长时间不操作界面自动退出登录
vue中js判断长时间不操作界面自动退出登录原创 2022-03-03 20:00:47 · 1433 阅读 · 0 评论 -
深拷贝的四种实现方法及其缺点
实现深拷贝的四种方法原创 2022-02-28 11:14:01 · 431 阅读 · 0 评论 -
var let const的区别和变量提升
var let const 的区别以及变量提升原创 2022-02-25 08:11:35 · 658 阅读 · 0 评论 -
call、apply以及bind的区别
call、apply以及bind的区别原创 2022-02-21 21:02:34 · 181 阅读 · 0 评论 -
js 深比较和浅比较
深比较和浅比较原创 2022-02-21 20:28:53 · 1124 阅读 · 0 评论 -
JavaScript中的数据类型
JS的数据类型原创 2022-02-21 09:55:25 · 394 阅读 · 0 评论 -
VUE3.0-其他的Composition API——学习笔记
作为学习笔记使用三、其它 Composition API1.shallowReactive 与 shallowRefshallowReactive:只处理对象最外层属性的响应式(浅响应式)。shallowRef:只处理基本数据类型的响应式, 不进行对象的响应式处理。什么时候使用?如果有一个对象数据,结构比较深, 但变化时只是外层属性变化 ===> shallowReactive。如果有一个对象数据,后续功能不会修改该对象中的属性,而是生新的对象来替换 ===> sha原创 2021-11-30 11:51:58 · 93 阅读 · 0 评论 -
VUE3.0-常用 Composition API源自——学习笔记
作为学习笔记使用二、常用 Composition API官方文档: https://v3.cn.vuejs.org/guide/composition-api-introduction.html1.拉开序幕的setup理解:Vue3.0中一个新的配置项,值为一个函数。setup是所有Composition API(组合API)“ 表演的舞台 ”。组件中所用到的:数据、方法等等,均要配置在setup中。setup函数的两种返回值:若返回一个对象,则对象中的属性、方法, 在模板中均可以直接使原创 2021-11-30 11:50:40 · 610 阅读 · 0 评论 -
VUE3.0简介——学习笔记
1.Vue3简介2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王)耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者github上的tags地址:https://github.com/vuejs/vue-next/releases/tag/v3.0.02.Vue3带来了什么1.性能的提升打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%…2.源码的升级使用Proxy代替definePr原创 2021-11-30 11:47:34 · 202 阅读 · 0 评论 -
VUE.JS-全局路由守卫、独享路由守卫、组件内路由守卫
1、全局路由守卫在index.js中写入即可://全局前置路由守卫————初始化的时候被调用、每次路由切换之前被调用router.beforeEach((to,from,next)=>{ console.log('前置路由守卫',to,from) if(to.meta.isAuth){ //判断是否需要鉴权 if(localStorage.getItem('school')==='heikeji'){ next() }else{ alert('学校名不对,无权限查看!')原创 2021-11-30 11:18:32 · 823 阅读 · 0 评论 -
VUE.JS-自定义指令
需求1:定义一个v-big指令,和v-text功能类似,但会把绑定的数值放大10倍。需求2:定义一个v-fbind指令,和v-bind功能类似,但可以让其所绑定的input元素默认获取焦点。自定义指令总结:一、定义语法:(1).局部指令:new Vue({ new Vue({directives:{指令名:配置对象} 或 directives{指令名:回调函数}}) })(2).全局指令:Vue.directive原创 2021-11-22 08:35:56 · 154 阅读 · 0 评论 -
VUE.JS-生命周期
生命周期:1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数。3.生命周期函数的名字不可更改,但函数的具体内容是程序员根据需求编写的。4.生命周期函数中的this指向是vm 或 组件实例对象。//Vue完成模板的解析并把初始的真实DOM元素放入页面后(挂载完毕)调用mounted mounted(){ console.log('mounted',this) setInterval(() => { this.opa原创 2021-11-22 08:38:28 · 157 阅读 · 0 评论 -
VUE.JS非单文件组件
Vue中使用组件的三大步骤:一、定义组件(创建组件)二、注册组件三、使用组件(写组件标签)一、如何定义一个组件?使用Vue.extend(options)创建,其中options和new Vue(options)时传入的那个options几乎一样,但也有点区别;区别如下:1.el不要写,为什么? ——— 最终所有的组件都要经过一个vm的管理,由vm中的el决定服务哪个容器。2.data必须写成函数,为什么? ———— 避免组件被复用时,数据存在引用关系。备注:使用template可以配置组原创 2021-11-22 08:44:36 · 97 阅读 · 0 评论 -
VUE.JS-main.js
npm install webpack -g/*该文件是整个项目的入口文件*///引入Vueimport Vue from 'vue'//引入App组件,它是所有组件的父组件import App from './App.vue'//关闭vue的生产提示Vue.config.productionTip = false/*关于不同版本的Vue:1.vue.js与vue.runtime.xxx.js的区别:(1).vue.js是完整版的Vue,包含:核心功能+模板解析器。(2).vu原创 2021-11-29 10:37:09 · 245 阅读 · 0 评论 -
VUE.JS-mixin混入(合)及插件
混合:在mixin.js文件中写入export const hunhe = { methods: { showName(){ alert(this.name) } }, mounted() { console.log('你好啊!') },}export const hunhe2 = { data() { return { x:100, y:200 } },}之后在main.js中引入:import {hunhe,hunhe2} from './原创 2021-11-29 10:52:57 · 170 阅读 · 0 评论 -
VUE.JS-路由的props配置
在其相应的单页面文件中写入:<template> <ul> <li>消息编号:{{id}}</li> <li>消息标题:{{title}}</li> </ul></template><script> export default { name:'Detail', props:['id','title'], computed: { // id(){ //原创 2021-11-30 09:34:11 · 522 阅读 · 0 评论 -
VUE.JS-路由的基本使用、多级路由与路由的query参数
先创建router文件夹,并在其目录下创建index.js文件:// 该文件专门用于创建整个应用的路由器import VueRouter from 'vue-router'//引入组件import About from '../components/About'import Home from '../components/Home'//创建并暴露一个路由器export default new VueRouter({ routes:[ { path:'/about', co原创 2021-11-30 09:17:25 · 436 阅读 · 0 评论 -
VUE.JS-mapMutations与mapActions
<template> <div> <h1>当前求和为:{{sum}}</h1> <h3>当前求和放大10倍为:{{bigSum}}</h3> <h3>我在{{school}},学习{{subject}}</h3> <select v-model.number="n"> <option value="1">1</option> <option原创 2021-11-30 08:10:31 · 283 阅读 · 0 评论 -
VUE.JS-getters、mapState与mapGetters
创建getters://准备getters——用于将state中的数据进行加工const getters = { bigSum(state){ return state.sum*10 }}//创建并暴露storeexport default new Vuex.Store({ actions, mutations, state, getters})使用getters:<h3>当前求和放大10倍为:{{$store.getters.bigSum}}</h3&原创 2021-11-29 14:55:18 · 463 阅读 · 0 评论 -
VUE.JS-求和案例_vuex版
Count.vue:<template> <div> <h1>当前求和为:{{$store.state.sum}}</h1> <select v-model.number="n"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option&g原创 2021-11-29 14:47:58 · 339 阅读 · 0 评论 -
2021-08-23 JSON
JSONJS中的对象只有JS自己认识,其他的语言都不认识JSON就是一个特殊格式的字符串,这个字符串可以被任意的语言所识别,并且可以转换为任意语言中的对象,JSON在开发中主要用来数据的交互JSONJavaScript Object Notation JS对象表示法JSON和JS对象的格式一样,只不过JSON字符串中的属性名必须加双引号其他的和JS语法一致JSON分类:1.对象 {}2.数组 []JSON中允许的值:1.字符串2.数值3.布尔值4.null5.对象6.数原创 2021-08-23 21:37:20 · 345 阅读 · 0 评论 -
BOM和不同的浏览器不同的userAgent
一、BOM-浏览器对象模型- BOM可以使我们通过JS来操作浏览器- 在BOM中为我们提供了一组对象,用来完成对浏览器的操作- BOM对象Window- 代表的是整个浏览器的窗口,同时window也是网页中的全局对象Navigator- 代表的当前浏览器的信息,通过该对象可以来识别不同的浏览器Location- 代表当前浏览器的地址栏信息,通过Location可以获取地址栏信息,或者操作浏览器跳转页面History- 代表浏览器的历史记录,可以通过该对象来操作浏览器的历史记录由于隐原创 2021-08-18 10:21:47 · 378 阅读 · 0 评论 -
JavaScript对象、构造函数、this
一、作用域: - 作用域指一个变量的作用的范围 - 在JS中一共有两种作用域: 1.全局作用域 - 直接编写在script标签中的JS代码,都在全局作用域 - 全局作用域在页面打开时创建,在页面关闭时销毁 - 在全局作用域中有一个全局对象window, 它代表的是一个浏览器的窗口,它由浏览器创建我们可以直接使用 - 在全局作用域中: 创建的变量都会作为window对象的属性保存原创 2021-08-17 14:45:40 · 113 阅读 · 0 评论 -
2021-08-03 JavaScript中DOM各个对象方法
getElementsByTagName()可以根据标签名来获取一组元素节点对象这个方法会给我们返回一个类数组对象,所有查询到的元素都会封装到对象中即使查询到的元素只有一个,也会封装到数组中返回innerHTML用于获取元素内部的HTML代码的对于自结束标签,这个属性没有意义如果需要读取元素节点属性,直接使用 元素.属性名例子:元素.id 元素.name 元素.value注意:class属性不能采用这种方式,读取class属性时需要使用 元素.classNamechildNo..原创 2021-08-03 15:50:23 · 126 阅读 · 0 评论