- 博客(34)
- 收藏
- 关注
RSS订阅原创 IE兼容scrollTo、scrollTop，input输入框自带X，safari输入框自带
ie 使用append报错，换appendChild。(window.scrollTo()是有的）dom.scrollTo IE不识别。
2023-04-19 09:39:05
349
1
原创 vue3+Element-plus el-pagination分页组件显示中文
解决Element-plus默认分页文字为英文Element Plus 组件 默认 使用英语。
2023-04-14 14:32:45
1596
原创 Vue中使用swiper问题集锦
Vue 项目中使用swiper且loop为true后，直接加在dom节点上的click事件会失效，因为swiper会自动多渲染出一份备份防止轮空，但是这些备份节点上点击是加不上的。
2023-04-03 19:22:23
235
原创 【LeetCode记录】排序数组中的重复项，返回长度
排序数组中的重复项，返回非重复项数组个数给你一个 升序排列 的数组 nums ，请你 原地 删除重复出现的元素，使每个元素 只出现一次 ，返回删除后数组的新长度。元素的 相对顺序 应该保持 一致 。由于在某些语言中不能改变数组的长度，所以必须将结果放在数组nums的第一部分。更规范地说，如果在删除重复项之后有 k 个元素，那么 nums 的前 k 个元素应该保存最终结果。将最终结果插入 nums 的前 k 个位置后返回 k 。不要使用额外的空间，你必须在 原地 修改输入数组 并在使用 O(1) 额外
2022-04-25 14:17:50
475
原创 JavaScript - H5 new Date在ios手机上兼容
这几天做一个需求，要前端计算时间差进行不同的页面展现。从接口拿回来的开始和结束时间 都是这样的"2022-03-21"我寻思，就new Date(starDate).getTime() - new Date(endDate).getTime() 不就行了。果然掉坑里了，ios不认识 “-” 只认 “/” new Date(starDate.replace(/-/g, '/')).getTime()...
2022-03-24 14:35:15
1152
1
原创 css ：解决图片实际宽高不满足容器宽高，造成短边露出背景色
高度固定的情况下，如果直接设置height:100%,那么图片会变形，显然不是我们想要的。解决办法：将图片改成背景图，并且设置background-size:coverbackground-size:cover 把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中<div class="face-head-img" :style="{ backgroundImage: 'url(' + cardHeadPicUrl + ')' }">.
2022-03-16 16:46:36
1013
原创 vue-cli 运行慢，无报错
昨天创建vue3的新项目，也不报错，但是run serve的时候就特别慢！！！我计了一下时间，运行成功竟然需要三分钟，简直不能忍。然后看了一下vue-cli版本是 “@vue/cli-service”: “~4.5.15” ，果断卸了重装，4.5.0 和 5.0.3 版本都没有这个问题！（主要是有4.5.0版本的项目，运行非常快）卸载重装，如果用npm 安装的就用npm写在，yarn安装的就用yarn卸载，不记得了就都卸一遍吧！ npm install -g @vue/cli npm u
2022-03-16 10:22:48
2627
原创 H5移动端监听键盘弹出收起visualViewport
H5移动端监听键盘弹出收起visualViewport// 获取页面的可视高度 const originHeight = document.documentElement.clientHeight || document.body.clientHeight const resizeHandler = () => { // 页面大小发生改变 重新获取可视窗口的高度 const resizeHeight = document.documentElement.client
2022-03-14 18:53:31
922
原创 Vue3+TS+elementPlus 搭建项目（二）[配置Router&引入ElementPlus]
配置Router文件位置：router > index.ts没有的话自己创建import {createRouter,createWebHashHistory,RouteRecordRaw} from 'vue-router'// 也可以单独写成import type {RouteRecordRaw} from 'vue-router' type 表示是个类型，不是其他的函数const routes :Array<RouteRecordRaw> = [ { path:
2022-03-14 16:50:01
2008
原创 Vue3+TS 搭建项目（一）[项目准备&代码风格&代码格式化&eslint]
搭建项目命令创建项目 vue create vue3-ts-cms如图选上回车规定项目代码风格使用vscode编辑器的安装editorconfig for vscode 插件新建.editorconfig文件 root = true #表示当前配置在根 [*] # 表示所有文件适用 charset = utf-8 # 设置文件字符集为 utf-8 indent_style = space # 缩进风格（tab | space） indent_
2022-03-11 17:36:42
669
原创 正则表达式学习
正则表达式的两种模式使用字符串方法function pattern_repressenation(){ let pattern_string = "a\tb" ;// \t 匹配一个制表符。Tab 'a\\tb' ;// 特殊字符的时候需要 \ 进行转义}输出：a b使用正则对象 regex —— /表达式/let pattern_object = /a\tb/ pattern_object.source => /里面的内容/ a\tb字符串方
2022-03-02 14:47:55
1979
原创 border-radius:50% 不圆
最近遇到的问题，当宽高小于16px的时候border-radius:50%(750的设计稿），多个圆点会出现某一个或者某几个不够圆的情况(猜测是rem转换的时候精度问题导致值多了或者少了）。解决办法：将宽高用1倍尺寸写并且border-radius直接写宽高的二倍值，并且不要转rem单位 width:4PX; height:4PX; border-radius:8PX;...
2022-03-01 19:14:43
1366
原创 webpack 配置环境变量，区分开发测试生产环境
webpack配置区分环境结构package.json新增 "script":{ "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", "start": "npm run dev", "build:test": "node build/test-build.js", "build:uat": "node build/build.js",
2022-02-14 10:35:12
1119
原创 Vue3 - Vuex中的命名空间module使用(三)
什么是命名空间？Vuex为了解决状态特别多造成store对象非常复杂的时候，允许将store分割成模块(module)每个模块都可以拥有自己的state、mutation、action、getter使用示例namespaced 命名空间关键字（用在模块的js文件里） namespaced : truestore 文件夹下新建modules文件夹新建home.js export default const homeModule ={ namespaced:true ,// 命名空间
2022-02-11 14:28:41
2881
原创 Vue3 - 利用vuex调取异步接口数据(二)
使用vuex调接口同步数据到各个组件，并且组件中能获取到异步请求是什么时候完成的。利用Promise 和 axios组件中使用<script> import {onMounted} from 'vue' import {useStore} from 'vuex' export default{ setup(){ const store = useStore() onMounted(){ const promise = store.dispatch("g.
2022-02-10 10:16:17
2656
原创 JS实现数组累加求和
数组求所有图书的总价 const books = [ {name:"语文", count:20, price:50}, {name:"数学", count:10, price:10}, {name:"英语", count:50, price:22} ]for循环 function getTotalPrice(books){ let totalPrice = 0 for(let i =0;i<books.length;i++){ totalPrice +
2022-02-09 10:02:07
3622
原创 Vue3 devtool 安装
Vue devtool（开发环境用） 安装vue devtool 是chrome 里面的插件，支持Vue3的版本安装6.0.0.beta15可以翻墙的话直接去扩展商店安装github 上搜索vue devtool 找到最新版本下载到本地，运行yarn , 可以看到packages文件夹里有shell-chrome，然后回到chrome浏览器加载已解压的扩展程序安装就行了...
2022-02-08 10:39:06
2092
转载 Cannot find module ‘vue-loader-v16/package.json‘
npm run serve后报错解决办法一：卸载后重装(亲测可用)npm uninstall vue-loader-v16cnpm i vue-loader-v16
2022-02-07 14:25:01
215
1
原创 Vue3 - Router@4.x使用（二）
路由的嵌套childrenHome.vue <h2>Home</h2> <router-link to='/message'>消息 </router-link> <router-link to='/shops'>商品</router-link> <router-view /> router / index.js const routes = [ { path:"/home", name:"ho
2022-01-29 16:57:14
1354
原创 Vue3 - Router@4.x使用（一）
每天多学一分钟 时代峻峰挑老公安装vue-router@04版本的 cnpm i vue-router@4使用1.创建与pages同级的目录router，新建index.js文件 import {createRouter,createWebHashHistory,createWebHistory} from 'vue-router' // 导入创建的组件 import Home from '@/pages/Home.vue' import About from '@/pages/A..
2022-01-27 17:14:03
1089
1
原创 Vue3 - ComponsitionAPI（二）
customRef 自定义响应式防抖，要求100ms后再更新useDebounce.js import {customRef} from 'vue' export default function(value,delay = 300){ let timer = null return customRef((track,trigger)=>{ return { get(){ track(); return value }, set(ne
2022-01-24 14:34:46
659
原创 记一次npm 安装包报错
npm ERR! code EACCESnpm ERR! syscall opennpm ERR! path /Users/xxxxx/.npm/_cacache/index-v5/42/0b/ac83bdd0870afc586be2dd046c64f2e652924a6bfaf42c7c640dcd8c37ecnpm ERR! errno -13npm ERR!npm ERR! Your cache folder contains root-owned files, due to a bug i
2022-01-21 14:25:07
8322
6
原创 Vue3 - ComponsitionAPI（一）
温故知新，常看常记setup 函数参数一：propsprops 是父组件传递过来的属性对象1.对于props定义的类型，和vue2的规则是一样的，在props的选项中定义。2.在template中也可以正常去用参数二:contextcontext 也称之为是一个SetupContext，包含三个属性attrs：所有非props的attribute(自定义属性)slots: 父组件传递过来的插槽（render的时候用）emit: 当组件内部需要发出事件时会用到emitApp.vue
2022-01-20 10:55:22
436
原创 Vue3 - 组件化开发二
温故知新动态组件动态组件是使用component组件，通过特殊的attribute中的is 来实现的 <component :is='currentTab'></component>currentTab的值要求可以是通过component函数注册的组件组件对象的components对象中注册的组件动态组件传值动态组件可以传值和监听事件吗？肯定的，只是需要将属性和监听事件放到component上来使用 <component name='tomat
2022-01-17 10:47:43
507
原创 Vue3 - 组件化开发父子传值
查漏补缺，温故知新父子组件之间如何进行通信？父组件传递给子组件：通过props属性子组件传递给父组件：通过 $emit 触发事件使用场景父组件有些数据，需要子组件进行展示什么是Props？Props 是在组件上注册的一些自定义attribute父组件给这些attribute赋值，子组件通过attribute的名称获取到对应的值Props常见的用法：字符串数组，数组中的字符串就是attribute的名称对象类型，可以在指定attribute名称的同时，指定它需要传递的类型
2022-01-14 10:57:32
1342
原创 数据结构基础四·哈希表
JavaScript数据结构基础学习思JavaScript数据结构基础学习哈希表为什么要把键名转换为索引不能直接存储呢？查找第一个重复字符使用for循环 时间复杂度O(n^2)使用哈希表哈希碰撞解决哈希碰撞链地址法解决哈希碰撞开放地址法JavaScript数据结构基础学习哈希表现有的JavaScript“对象”都是基于哈希表实现的哈希表提供了快速插入和查找操作，无论哈希表中总数有多少条数据，插入和查找的时间复杂度都是O(1)哈希表引入了哈希函数，将输入的键名通过哈希函数转换成索引为什么要把
2021-11-19 15:09:05
218
原创 数据结构基础·列表&表格
JavaScript数据结构基础学习三JavaScript数据结构基础学习什么是列表和表格数据结构列表List表格Tables列表堆栈&队列自定义堆栈自定义队列表格JavaScript数据结构基础学习什么是列表和表格数据结构列表List值的集合，例如数组、集合(Set) 、链表适合存储通过位置（索引或搜索）检索的值，比较适合循环表格Tables键值对的集合，例如对象、映射Map()适合存储通过键检索的值，不关注循环。实际应用比如：用身份证号或工号查询某个人的身份信息列表堆
2021-11-18 16:53:28
698
转载 快速给日期月份前面补0
快速给月份、日期前面补0String(new Date().getMonth()+1).padStart(2,0)获得月份，此时类型为Numbernew Date().getMOnth()+1Es2017 引入了字符串补全长度的功能，会在头部或者尾部根据指定长度自动补全要求的长度字符串padStart'a'.padStart(4,'bcd') => "bcda"'a'.padStart(6,'bcd') => "bcdbca"'a'.padStart(7,'bcd')
2021-11-17 14:34:54
1877
原创 数据结构基础·链表
JavaScript数据结构基础学习二JavaScript数据结构基础学习链表使用原因链表&数组时间复杂度链表代码简单实现JavaScript数据结构基础学习链表链表的每一个元素都存储下一个元素的指针位置(单链表)每一个元素都知道下一个元素，但不知道上一个元素使用原因可以有效的调整大小并在列表的开头和结尾插入如果需要频繁 在头部插入数据，链表比数组性能更高(链表是无序的且不连续的）数组静态分配内存，链表动态分配内存链表&数组时间复杂度链表数组
2021-11-17 14:29:16
200
原创 数据结构基础
JavaScript数据结构基础学习一JavaScript数据结构基础学习数组&集合数组特点集合特点对象&映射对象映射JavaScript数据结构基础学习数组&集合数组，高度灵活的数据结构，保存数据一般使用数组，如果强调排序和元素重复，必须使用数组集合，仅在顺序无关紧要且要求值的唯一性时可用，与数组相比，可以简化数据访问（比如查找，删除）数组特点保留插入顺序通过索引访问元素，下标从0开始可遍历（for循环）大小（长度）可以动态调整允许重复元素删除和查找元
2021-11-16 10:41:40
526
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人