- 博客(14)
- 收藏
- 关注
RSS订阅
原创 常用数组方法总结
数组方法总结1.数组的方法数组.splice(开始索引,删除个数,添加元素1添加元素2…) 删除,替换,添加 改变原数组const arr = [1,2,3,4,5]arr.splice(1,1) // 删除console.log(arr) // [1,3,4,5]arr.splice(1,0,2) // 添加console.log(arr) // [1,2,3,4,5]arr.splice(1,1,3) // 替换console.log(arr) // [1,3,3,4,5]
2021-07-06 21:36:27
205
原创 NProgress 进度条
NProgress 进度条插件极简进度条Github地址:https://github.com/rstacruz/nprogress1.下载yarn add nprogress2.安装import NProgress from 'nprogress' // 引入一份进度条插件import 'nprogress/nprogress.css' // 引入进度条样式5.使用NProgress.start() // 开启滚动条NProgress.done() // 结束滚动条...
2021-07-02 11:51:47
188
原创 TypeScrpt初体验
TypeScrpt初体验1.什么是TSTupeScript 是一种由微软开发的自由开源的编程语言,他是JavaScript的一个超集,扩展JavaScript的语法,主要提供了类型系统和对ES6 的支持TypeScript 的优势强大的IDE支持: 体现在三个特性上,1.类型检查,在TS中允许腻味变量指定类型.2.语法提示.3.重构Angular2,Vue3的开发语言2.安装TypeScript// 下载TSnpm install -g typescript// 以上命令会在全
2021-07-02 08:22:14
235
原创 Sass的了解和基本使用
Sass的了解和基本使用Sass 是 css预处理器1. vscode中安装easy sass插件使用easy sass 插件会自动帮我我们把**.scss文件化成.css文件**2.Sass的基本使用-使用变量scss使用**$**符号来识别变量$base-color: #666; // 声明变量上面我们声明了一个名为**$base-color**的变量,我们可以把该变量用在任何位置举例.container { background-color: $base-color;
2021-06-29 15:49:24
137
原创 封装本地持久化方法
封装本地持久化方法现在: localStorage用的好好地的,散落在各个逻辑页面里隐患: 将来要编程sessionStorage,那又得挨个地方找,修改解决: 封装本地持久化方法文件utils下新建storage.js文件const obj = { setItem (key, value) { localStorage.setItem(key, value) }, getItem (key) { return localStorage.getItem(key) }
2021-06-27 07:00:12
99
原创 Vue封装自定义指令focus
Vue封装自定义指令focus功能: 自动获取输入框焦点方式: 采用Vue插件开发方式方式1: 传入对象(带install方法) - 给Vue添加全局的东西(Vue插入插件)方式2: 传入函数体代码实现:第一步:在utils文件夹下新建directives.js文件import Vue from 'vue'const obj = { install() { // Vue.prototype.$属性 = 值 // 全局自定义指令 Vue.
2021-06-26 11:44:08
508
原创 大数解决方案
大数解决方案服务器返回来的值超出了 JavaScript 中最大的 Number 数值,会导致 JS 无法正确的进行数字的处理和运算解决方案:json-bigint（https://www.npmjs.com/package/json-bigint）下载json-bigint包yarn add json-bigint在request.js中使用,对后台的数据,不要让axios自动转成JS对象,需要用json-bigint转换import bigInt from 'json-bigi
2021-06-21 20:55:56
288
原创 vuex基本使用
vuex基本使用vuex核心概念State、Getters、Mutations、Actions、Modules代码演示：const store = new Vuex.Store({ state: { // 定义全局变量 变量名：初始值 }, mutations: { // "同步"修改state // 具体赋值给予state身上变量 state.变量名 = 具体值 }, actions: { // "异步"修改state
2021-06-21 20:54:30
78
原创 vuex基础知识
vue基础知识1.vuex简介vuex是什么Vuex 是一个专为Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化vuex解决了什么问题 随着应用程序规模的扩大，应用程序使用的数据量随之增长，我们会遇到两个非常明显的问题 1.如何确保在不同组件中的数据保持同步 2.如何确保每次对于数据的修改都是可追踪的vuex中存什么一般情况下，只有多个组件均需要共享的数据，才有必要存储在vuex
2021-06-21 20:53:56
74
原创 rem解决多屏适配方案
rem解决多屏适配方案项目是移动端，所以，它需要去适配不同的手机屏幕。我们希望实现适配的效果是：与屏幕大小相关。以按钮为例：在大屏手机，按钮的宽高都大些，在小屏手机上尺寸小些。三方模块：把所有px单位改成rem，用 postcss-pxtorem 来实现，它是一款postcss插件，用于将px自动转化rem。根据不同的手机屏幕的宽度，来动态设置rem的参考值：html标签上的font-size的大小。用lib-flexible来实现，用于设置 rem 基准值注意点它对应的包名不
2021-06-19 20:14:45
479
原创 npm、yarn下载包的源地址查看与设置成国内淘宝镜像的地址
npm、yarn下载包的源地址查看与设置成国内淘宝镜像的地址1.查询npm，yarn等下载包的源地址npm config get registryyarn config get registry2.设置成国内淘宝镜像的地址（加快下载第三方包的速度，服务器在国内，超快的）npm config set registry https://registry.npm.taobao.orgyarn config set registry https://registry.npm.taobao.org
2021-06-19 13:36:27
2129
原创 axios实战应用
axios实战应用基于@vue/cli脚手架开发 项目技术：Vue.js、vuex、 vue-router 、axios1.下载# npm 下载npm i axios# yarn 下载yarn add axios2.实战步骤第一步：src下新建utils文件夹（utils工具函数库集合）第二步：utils文件夹下创建request.js文件（二次封装axios请求模块 ）// 导入axiosimport axios from 'axios'// 第三步的awaiTo技术(包裹
2021-06-19 13:25:00
225
1
原创 NPM包管理工具 nrm
NPM包管理工具 nrm1.nrm(npm registry manager) 是npm的镜像源管理工具，有的时候国外资源太慢，使用这个可以快速的在npm源间切换2.nrm 安装npm install -g nrm3.nrm 查看源nrm ls4.nrm 切换源nrm use taobao5.nrm 源恢复nrm use npm6.修改执行策略以管理员身份运行powershellset-ExecutionPolicy RemoteSigned回车输入Y7.nrm源速度测
2021-06-15 19:41:33
236
原创 vue-router基本使用
vue 路由的基本使用vue前端路由：路径和组件的映射关系1.vue-router 基本使用 1.1 下载vue-router模块包npm 安装npm install vue-routeryarn 安装yarn add vue-router 1.2 引入VueRouterimport VueRouter from 'vue-router' 1.3 使用Vue的use方法，全局注册RouterLink和RouterView的两个组件Vue.use(VueRouter)
2021-06-15 19:29:33
134
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人