- 博客(27)
- 收藏
- 关注
RSS订阅原创 pinia简单介绍与使用
依据Pinia官方文档，Pinia是2019年由vue.js官方成员重新设计的新一代状态管理器，更替Vuex4成为Vuex5。1 pinia特点兼容vue2和vue3版本删除mutations现不能与vuex 混用支持插件扩展功能支持模块热更新无需加载页面可以修改容器，可以保持任何现有的状态更完美TS支持支持服务端渲染2 基本使用首先我们先安装npm install pinia在main.js中引入pinia并创建容器挂载到根实例上import { createPinia }
2022-02-19 12:02:06
7982
2
原创 面试收集
1、 rem 和 em 的区别em 特点： 是根据字体的大小决定的，大小取决于父组件的大小rem 特点： 根据 html 根目录的字体大小来计算，rem 还可以设置元素的宽高2、水平垂直居中方法absolute + 负 margin： 已知父子元素宽高// 父组件position： relative；// 子组件position: absolute;top: 50%;left: 50%;margin-left: -XX px;margin-top: -XX px;a
2021-03-11 11:12:25
146
原创 面试题总结Vue
以下是对于面试题整理1 MVVMMVVM是Model-View-ViewModel缩写，Model代表视图层，View代表用户界面，ViewModel是链接视图和用户UI的核心枢纽2 双向绑定原理Vue2Vue在初始化数据时，会使用Object.defindProperty重新定义data中所有的属性，当页面使用对应的属性时，就会进行依赖收集(使用watcher)，如果属性发生变化就会通知相关医疗进行更新操作(发布订阅)。3 Vue3 响应数据原理Vue3 Proxy代替Object.defin
2021-03-09 21:56:36
165
原创 记录一下 页面多次复用缓存页面的方法
在项目中使用keep-alive缓存页面 有个问题就是页面被使用多次 缓存的是上次的页面 这里就是使用key来标明每次的缓存的页面<keep-alive > <router-view v-if="$route.meta.keepAlive" :key="$route.fullPath"></router-view></keep-alive>遇到坑记录一下...
2021-01-12 09:47:06
183
原创 互联网是如何工作的
文章目录什么是互联网互联网的历史互联网工作当我们在浏览器中输入一个网址时发生了什么？DNS解析DNS作用摘自MDN什么是互联网互联网是网络的支柱，以这种技术为基础使网络成为可能。作为基础，互联网是把电脑互相连接起来的一个巨大网络。互联网是一种基础的技术，它允许我们把成千上万的电脑连接在一起。在这些电脑中，有 一些电脑（我们称之为网络服务器（Web servers））可以发送一些浏览器可以理解的信息。互联网是基础设施，网络是建立在这种基础设施之上的服务。值得注意的是，一些其他服务运行在互联网之上，比如
2020-11-11 19:16:07
624
1
原创 HTTP学习
文章目录HTTP什么是HttpHTTP发展HTTP/0.9HTTP/1.0HTTP/1.1HTTP2.0HTTP什么是HttpHyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布式超媒体信息系统。它于199
2020-11-10 16:43:05
133
原创 学习计算机网络安全
······文章目录一、同源策略1.1为什么需要同源策略二、XSS什么是XSSXSS防御二、CSRF防御CSRF攻击三、流量劫持DNS劫持HTTP劫持四、浏览器网络安全五、浏览器网络安全······一、同源策略所谓的的源是指URL，可以是连接： https://github.com/liusaisaia名称举例协议http、https域名github.com端口8080、 8081其中，如果URL上未标明端口，那么http默认就是80端口，https默
2020-11-05 11:02:55
283
原创 2020-11-04 记录父组件传值给子组件 子组件值发生改变父组件跟着改变
在项目中到一个问题： 父组件请求的数据传给子组件，在子组件重新赋值然后渲染给input框，如果是单个值的话改变子组件值父组件不会跟着改变，如果传过去是个对象子组件发生改变会引起父组件改变。 得知是vue双向绑定的问题。props: { wide: Number, discount: Object, volume: Object, productTitle: String, }解决方法：就是单独赋值，不是直接赋值对象 使用JSON.parse(JSO.
2020-11-04 11:18:58
509
原创 慢慢学习TS
多数例子参照于https://ts.xcatliu.com/TS入门教程原始数据类型布尔值、数值、字符串、null、undefined以及SymbolTS中定义各种类型布尔值let isDone: boolen = true;在JavaScript中Boolean创建的对象不是布尔值，事实上new Boolean()返回的是一个Boolean对象数值使用number定义数值类型let num: number = 6; let binary: numn...
2020-09-12 16:40:26
243
原创 JavaScript的数据类型、检测、数据类型转换
JavaScript几种类型的值基本数据类型：undefined、null、Boolean、number、string、symbol（ES6新增表示独一无二的值） 引用数据类型： object、 array、 function基本数据类型的特点：基本数据类型的值是不可改变的 原始数据类型存储在栈中的简单数据段，占据空间小、大小固定、属于被频繁使用的数据，所以存放在栈中引用数据类型的特点：值是可变的，拥有属性和方法，并且是可以动态改变的 同时保存在栈内存和堆内存中，引用数据类..
2020-08-02 22:46:51
95
原创 数据基本类型 数组方法 增删改查 学习记录
1、介绍一下js的数据类型有哪些，值是如何存储的javaScript一共有8种数据类型，其中7种基本数据类型： Undefined、 Null、 Boolean、 Number、 String、 Symbol（es6新增。表示独一无二）和Biglnt（es10新增）一种引用数据类型Object（本质上是由一组无序的键值对组成）。里面包含 function、Array、Data等原始数据类型直接存放在栈中，占据空间小、大小固定。属于被频繁使用数据，所以放入栈中存储引用数据类型： 同时存储...
2020-08-02 22:44:40
362
原创 antF2使用记录
最近项目用到antF2记录一下使用npm安装工具npm install @antv/f2 --save安装完成使用import或者require引入const F2 = require('@antv/f2');也可以使用script标签引入本地文件在代码中使用canvas<canvas id="myChart" width="400" height="260"></canvas>下面对其封装成组件绘画图标需要canvas标签对其进行封装成vue文件<te
2020-05-15 19:43:37
1117
原创 webpack使用记录
# webpack的使用## 配置环境全局安装npm install webpack webpack-cli -g本地安装mkdir my-projectcd my-projectnpm init -ynpm install webpack webpack-cli -D## 配置文件webpack默认配置文件：webpack.config.js...
2020-03-31 22:18:16
147
原创 小程序项目遇到的一些问题
阻止事件冒泡： 把 'bindtap'改成'catchtap'遮罩层穿透问题：catchtouchmove="true"父子组件传递数据// 父组件.wxml<my-component name="{{name}}" age="{{age}}"><my-component>// 父组件.jsdata: { name: 'paggy', ...
2020-03-31 22:14:01
173
原创 关于时间戳转换
最近在项目遇到转化时间记录一下 注意时间戳的位数 formatDate (value) { if (!value) return false let date = new Date(value * 1000) // 时间戳为10位需*1000，时间戳为13位的话不需乘1000 // let Y = date.getFullYear() + '-...
2020-01-20 16:58:39
142
原创 关于在微信小程序开发使用到less 如何使用
最近在写小程序项目 遇到过标签样式权重问题 层级多时让我会想起了less和scss然后在微信社区里面看到有人写出方法 在此记录一下 我使用的是vscode一、在vscode里面下载插件 easy Less二、在vscode里面打开设置搜索easy 打开setings.json编辑在里面加上一条 "less.compile": { "outExt": ".wx...
2020-01-19 17:09:05
5946
3
原创 vue上拉加载
vue上拉加载最近项目接触到上拉加载问题，体验到ui库使用列表有抖动现象，体验不是很好，自己实现试试看 自己写的还是有bug 但是体验还可以 mounted () { window.addEventListener('upScroll', this.scroll, false) // 滚轮滚动事件 }, methods () { upScroll () { ...
2020-01-17 13:37:27
223
原创 页面性能优化的方法
**在互联网中有一条著名的8秒原则，用户在访问Web网页时，如果时间超过8秒就会感到不耐烦，如果下载需要太长时间，他们就会放弃访问。**如果访问时间减少会提高用户的访问量，网页的性能优化就是必不可少的。文件的压缩主要包括：html 压缩、 css压缩、 js压缩以及文件的合并html压缩HTML代码压缩就是压缩这些在文本文件中有意义，但是在HTML中不显示的字符，包括空格，制表符，换行符...
2019-10-20 14:51:56
229
原创 一些继承方法
什么是继承？一个原本没有某些方法和功能的对象，用过一些方法拿到另一个对象的属性和方法构造函数的继承： function Fn(name){ this.name = name; this.show = function(){ alert(this.name); } } var obj1 = new Fn("...
2019-09-22 20:11:21
115
原创 箭头函数的简单理解
如果函数的参数就一个，可以不使用（），当没有参数时也要有一个空括号。函数体如果只有一行就不需要｛｝，表达式会自动return返回值。如果不止一行就要用｛｝来包裹起来同时还需要关键字return来返回表达式的值，没有return返回值就是undefined。简单的箭头函数//正常函数var fn = function (a){ return a;};fn(3);//...
2019-09-14 12:21:29
679
原创 数组的一些方法
Array.push()从后面添加元素，返回值是添加完后的数组长度var arr = [1,2,34,5];console.log(arr.push(2))//返回的是数组的长度5Array.pop()从后面删除元素，只能是一个，返回值就是删除的元素var arr = [1,2,34,5];console.log(arr.pop())//返回的是数组的最后一个删除的元素5cons...
2019-09-08 16:29:15
90
1
原创 模仿放大镜效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-08 14:35:29
111
1
原创 this指向的简单理解
this本身含义：执行上下文（只能是对象 不是对象强行转换成对象）this一般存在于函数中，表示当前函数的执行上下文，如果函数没有被执行，那么this没有内容，只有函数在执行后this才有绑定。函数执行的位置：1、默认执行：（自己执行自己）fn() （默认情况下的隐式执行） this指向window （严格模式下指向undefined，不指向）windowvar arr = [1,...
2019-09-01 22:32:35
229
1
原创 鼠标拖动效果js
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-09-01 21:28:36
205
原创 js模仿下拉菜单制作
简单下拉菜单制作<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...
2019-09-01 20:46:34
927
原创 使用indexOf去重 （无兼容问题）
var a = ["a","a","b",'b','c','c','a','d']; function quchong(str){ var newstr2 = ""; console.log(newstr2); for(var i=0;i<str.length;i++){ if(newstr2.indexOf...
2019-08-22 23:16:08
297
3
原创 冒泡排序与选择排序
冒泡排序与选择排序 冒泡排序规则：两两比较，大的放后面 例如： var = [25,3,78,2,9]; //共有五位 0-4 // 排序比较 // 0 - 1 1-2 2-3 3-4 length-1-0 // 0 - 1 1-2 2-3 length-1-1 // 0 - 1 1-2 length-1-2 // 0 - ...
2019-08-21 13:28:26
85
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人