自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 vue2中使用composition/api, script setup问题记录

compositon-api,script/setup

2022-05-19 19:44:48 4138 6

原创 记录好文章

记录好文章浏览器和 Node.js 的 EventLoop 为什么这么设计? :主要介绍了浏览器、Node.js中EventLoop的设计的区别,介绍了为什么会有EventLoop,分别介绍了这2个环境对EventLoop的设计、处理逻辑等。

2022-03-17 10:41:12 747

原创 el-table的底边框跑偏了。。。

详见:el-table的底边框问题会出现这个问题的情况:给el-table加class,设置有height或者max-height属性。

2021-10-09 18:51:03 278

原创 JS经典小栗子

JS经典小栗子函数提升在变量提升之前,当函数跟变量名重复的时候,如果变量没有被赋值,则函数生效。????:console.log(a); a(); var a=3;function a() { console.log(10)}alert(a)a()等同于:function a() { console.log(10)}var a;console.log(a); // 打印函数体a(); // 10a=3;alert(a) // 3a() //报错 a is n

2021-10-04 23:08:14 94

原创 git本地修改密码

查看当前用户名、邮箱、密码git config user.namegit config user.emailgit config user.password修改用户名、邮箱、密码方式:git config --global user.name "xxx(新的用户名)"git config --global user.email "[email protected](新的邮箱)"git config --global user.password "123456(新的密码)"...

2020-08-31 14:21:17 15990

原创 History 对象

window.history属性指向 History 对象,它表示当前窗口的浏览历史。History 对象保存了当前窗口访问过的所有页面网址。使用history.length来查看当前窗口访问历史记录。属性History.length:当前窗口访问过的网址数量(包括当前网页)History.state:History 堆栈最上层的状态值方法History.back()、History.forward()、History.go()History.back() // 移动到上一个网址

2020-08-26 20:47:54 246

原创 null与undefined的区别

1.相似性null与undefined都表示无。转化为布尔值时都是false,所以在‘==’判断时为true。null == undefined // trueBoolean(null) // trueBoolean(undefined). // trueNumber(null) // 0Number(undefined) // NaNtypeof null /

2020-06-09 20:47:49 413

原创 记录好文章,学习了!

最近看的文章,挺不错的。记录下:npxcookie.setPath()介绍会话技术、Cookie的API、详解、应用Session介绍、API、生命周期、应用、与Cookie区别从零单排学Redis

2020-05-15 15:06:08 180

原创 使用element时间选择器时,设置时间可选范围

使用element时间选择器时,设置时间可选范围// template <jc-time-picker v-model="selectedTime" :picker-options="pickerOptions" placeholder="任意时间点" /> // scr...

2020-01-01 14:39:13 2660

原创 element的日期时间选择器,时间可选范围从远程获取

使用element的日期时间选择器,时间可选范围从远程获取背景:最近需要使用日期时间选择器,且时间可选范围需要从接口获取。实现如下:// template<el-date-picker v-model="time" :picker-options="pickerOptions" type="datetime" />// scriptdata() { ...

2020-01-01 12:16:11 710

原创 keep-alive与activated、deactivated

keep-alive与activatedkeep-alive使用<component v-bind:is="currentTabComponent"></component>来切换不同的组件时,有时会想保持这些组件的状态,以避免反复重渲染导致的性能问题。这时就可以用 元素将其动态组件包裹起来。<keep-alive> <component v-b...

2019-11-20 20:59:47 625

原创 何时需要给router-view组件绑定 key

由Vue文档-动态路由匹配部分可知:当使用路由参数时,例如从 /user/foo 导航到 /user/bar,原来的组件实例会被复用。因为两个路由都渲染同个组件,比起销毁再创建,复用则显得更加高效。不过,这也意味着组件的生命周期钩子不会再被调用。复用组件时,想对路由参数的变化作出响应的话,你可以简单地 watch (监测变化) $route 对象或使用 2.2 中引入的 beforeRoute...

2019-11-20 11:14:38 9247 3

原创 jest+vue-test-utils测试设置了lodash.debounce的函数

使用jest测试vue组件中设置了debounce的函数代码中用到了lodash.debounce来避免一些高频操作导致的函数在短时间内被反复执行,需要测试函数中包含的接口及参数。待测试代码如下:// MyVueComponent.vueimport _ from 'lodash'getPrice: _.debounce(function() { myApi ....

2019-11-19 18:21:13 941

原创 使用echarts制作拓扑图

使用echarts制作拓扑图1.首先是设置option,设置基本属性。this.option = { title: { text: '', }, tooltip:{}, // animationDurationUpdate: 10, // anim

2018-01-24 19:47:34 36234 8

原创 git pull

在进行多人协作开发的时候,如果有人修改了服务器上的文件,而你需要拉取最新的代码,但是自己本地文件也修改过,此时需要先将本地的修改进行commit,然后再pull,而pull的时候可能会发生代码冲突错误,如: 如果希望保留生产服务器上所做的改动,仅仅并入新配置项, 处理方法如下:git stashgit pullgit stash pop然后可以使用git diff -w +文

2017-12-16 11:31:41 248

原创 三栏布局的多种实现

三栏布局:左右各300px,中间自适应。

2017-10-03 22:51:35 278

原创 [[Prototype]]--浅析

[[Prototype]]JavaScript中的对象有一个特殊的[[Prototype]]内置属性,其实就是对于其他对象的引用。几乎所有的对象在创建时[[Prototype]]属性都会被赋予一个而非空的值。

2017-08-24 22:37:21 2749

原创 this--浅析

从开始接触this到真正理解this之前,可能会对this有一些误解, 如:第一种常见的倾向是认为this指向函数自己;第二常见的对this的含义的误解,是它不知怎的指向了函数的作用域。明确地说,this不会以任何方式指向函数的 词法作用域。作用域好像是一个将所有可用标识符作为属性的对象,这从内部来说是对的。但是JavasScript代码不能访问作用域“对象”。它是 引擎 的内部实现。什么是t

2017-08-24 20:20:42 366

原创 vue动态数据绑定3--深层次数据变化逐层往上传播

基于vue动态数据绑定2,再多考虑一个问题:”深层次数据变化如何逐层往上传播”。举个例子。let app = new Observer({ name: { first: 'yy', last: 'jm' }, age: 18});app2.$watch('name', function (newName) { console.log(

2017-08-01 21:24:07 1820

原创 vue动态数据绑定2---响应数据变化

动态数据绑定1的基础上,考虑传递回调函数。在实际应用中,当特定数据发生改变的时候,我们是希望做一些特定的事情的,而不是每一次都只能打印出一些信息。所以,我们需要支持传入回调函数的功能。举个例子。let app = new Observer({ name: 'yjm', age: 20 }); // 你需要实现 $watch 这个 API app1.$watch

2017-08-01 20:00:50 1565

原创 css盒模型

CSS盒子模型 又称框模型 (Box Model),包含了元素内容(content)、内边距(padding)、边框(border)、外边距(margin)几个要素。一、盒模型一共有两种,一种是标准盒模型,另一种就是IE盒模型 。标准盒模型如下图所示: 标准盒模型中,元素的width、padding、border互不包含。 元素框的总宽度 = 元素(element)的width + pad

2017-07-18 21:24:46 181

原创 vue动态数据绑定1--如何监听一个对象的变化

之前经常使用 Vue,后来不满足于仅仅使用它,我想了解其内部实现原理,所以就尝试学习其源码,获益匪浅。 - 动态数据绑定就是 Vue 最为基础,最为有用的一个功能。给定任意一个对象,如何监听其属性的读取与变化?也就是说,如何知道程序访问了对象的哪个属性,又改变了哪个属性? 举个例子。let app1 = new Observer({ name: 'yyy', age: 20});let

2017-07-17 12:28:44 2590

原创 ECMAScript中函数传递的参数是object的话,是按值传递还是按引用传递?

ECMAScript中函数传递的参数是object的话,是按值传递还是按引用传递?之前看书时,有下面2段代码,当时看的时候感觉不甚理解,后来查了很多资料,现在整理了一下,分享出来一起学习。function setName(obj) { obj.name = "Nic";};var person = new Object();setName(person);alert(person.n

2017-06-06 12:07:16 1285

空空如也

空空如也

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

TA关注的人

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