开发攻城狮-CSDN博客

原创 Ios移动端fastClick导致 input触控不灵敏的解决办法！

移动设备上的浏览器默认会在用户点击屏幕大约延迟300毫秒后才会触发点击事件，这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，就有了FastClick。安装完发现输入框点击变得不灵敏，第二次点击页面中的输入框需要长按一会才能正常唤起键盘输入。我用的是vue3 这里直接再main.js修改即可！最后再在全局文件添加以下样式。

2022-08-25 09:30:41 1231 1

原创 vue项目启动报错 in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

vue项目启动报错：in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法

2022-07-21 11:48:46 17339 15

原创 react + TS 配置@开头路径提示和别名

我们在写项目的时候，引入文件有提示会非常的爽，如下图，那就需要给项目配置路径别名和提示了。

2022-07-18 11:17:16 1803

大致步骤：1，新建.js文件，使用require提供的函数context加载某一个目录下所有的.vue后缀的文件。2，然后context函数会返回一个导入函数的ctx，它有一个keys()方法获取所有文件路径。3，通过文件路径数组，遍历数组，在使用ctx根据路径导入组件对象4，遍历的同事进行全局注册即可。//参数：1. 在那个目录找 2.是否加载子目录 3.加载的文件名（正则匹配）export default { install (app){ //批量注册全局组建 //加载该目录下所有.v

2022-03-26 10:54:27 3442 4

原创 js数组去重

方法一思路：Object 键值对去重；把数组的值存成 Object 的 key 值，比如 Object[value1] = true，在判断另一个值的时候，如果 Object[value2]存在的话，就说明该值是重复的。let arr = [1, 2, 3, 4, 5, 6, 7, 2, 4, 4, 5, 6, 3, 6]function unique(arr) { let newArr = [] let obj = {} arr.forEach(item => !ob

2022-03-18 17:10:30 163

原创 vue3，watch监听使用总结。

要将箭头函数写成函数return的方式才有效，一定不要踩坑哦！ const p = reactive({ name: 'zs', age: 18 }) //()=>p.name 为要监听的函数 watch(() => p.name, (newVal, oldVal) => { console.log(newVal, oldVal) })...

2021-11-26 14:39:26 884

原创 vue3 provide与inject 异步传值问题。

我们经常遇到一个需要等接口返回一个复杂数据类型完成之后再在孙组建或者子组件中获取其值因为数据异步问题，这样子组件是拿不到值的，此时我们可以把provide改成以下写法 provide('menuList', computed(() => state.menuList))然后再子组件中正常接收即可。...

2021-11-26 09:14:04 3659 2

原创 vscode添加到右键菜单【适用于 win11，win10系统】

1、新建文件add.reg，（名字可以随便取，后缀得是reg）2、复制一下代码，到文件中Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\*\shell\VSCode]@="Open with Code""Icon"="E:\\Microsoft VS Code\\Code.exe" [HKEY_CLASSES_ROOT\*\shell\VSCode\command]@="\"E:\\Microsoft VS Code\\Cod

2021-11-09 15:24:01 1671

原创面试必会的Vue面试题一

1、vue中的MVVM是什么？即Model-View-ViewModel，Model代表数据模型，也可以在Model中定义和修改数据的逻辑。View代表UI组件，它负责将数据模型转化成UI展现出来。ViewModel监听数据的改变和控制视图行为，处理用户交互，简单理解就是同步View和Model的视图对象，连接Model和View。在MVVM架构下，View和Model直接并没有直接的联系，而是通过VIewModel进行交互，Model和ViewModel之间的交互是双向的，因此，View的数据变化

2021-03-26 12:58:55 181

原创快速有效解决GitHub 下载慢的问题！

解决办法：使用国内镜像，目前已知Github国内镜像网站有github.com.cnpmjs.org和git.sdut.me/。速度根据各地情况而定，在clone某个项目的时候将github.com替换为github.com.cnpmjs.org即可//这是我们要clone的git clone https://github.com/Hackergeek/architecture-samples //使用国内镜像git clone https://github.com.cnpmjs.org/H

2021-01-07 10:06:20 255

原创 Vue超详细知识点学习（第二节）

好的，今天我们来学习一下Vue指令。1，v-bind指令作用：动态的设置html的标签属性语法：v-bind:titile="msg"简写：:title="msg"注意点：v-bind访问的值，必须在data中存在2，v-model指令作用：在变淡元素上创建双向数据绑定双向数据绑定：将DOM与Vue实例的data数据绑定到一起，彼此之间相互影响数据的改变会引起DOM的改变DOM的改变也会引起数据的改变原理：数据劫持，object.defineproperty中的get和se

2020-11-20 13:20:06 136

原创 Vue超详细知识点学习（第一节）

学习内容： Vue全家桶（vue/vue-router/vuex/axios）1，MVVM学习vue之前首先了解什么是MVVM架构模式，MVVM，是一种架构模式，也有人叫做设计模式。 M：model数据类型。V：view视图（页面） VM：ViewModel 视图模型 MVVM通过‘数据双向绑定’让数据自动滴双向同步。 V（修改视图）=> M（数据自动同步） M（修改数据）=> （视图自动同步）。Vue就是一个MVVM的框架，在vue中，通过数据驱动视图..

2020-11-19 11:17:29 125

原创 Vue Canvas添加水印

项目生成公司水印是很普遍的需求，下面是vue项目生产水印的方法。话不多说，复制粘贴就可以马上解决你的需求。/** 水印添加方法 */let setWatermark = (str1, str2) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(document.getElementById(id))

2020-11-03 13:57:42 799 1

原创基于vue大数据可视化（大屏展示）案例

项目地址： vue-big-screen 点击这里一、项目描述1，一个基于 vue、datav、Echart 框架的 " 数据大屏项目 "，通过 vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。2，项目需要全屏展示（按F11）。3，项目部分区域使用了全局注册方式，增加了打包体积，在实际运用中请使用按需引入。4，拉取项目之后，建议按照自己的功能区域重命名文件，现以简单的位置进行区分。5，项目环境：vu.

2020-09-18 11:07:50 11269 11

原创小程序分享功能处理后台返回文件流！

需求点击分享生成二维码到朋友圈，发送请求，保存图片到本地。由于图片是后端生成的牵制只需要点击分享朋友圈然后去请求接口数据，让图片保存本地即可，然后发现后台返回的是流文件的形式 :这种我们前段就需要转换数据了，发请求的时候需要带上：responseType: ‘arraybuffer’, //ArrayBuffer涉及面比较广，我的理解是ArrayBuffer代表内存之中的一段二进制数据，一旦生成不能再改。可以通过视图（TypedArray和DataView）进行操作。 let u

2020-09-09 11:20:48 1047

原创使用Promise封装小程序md5加密请求

我们公司的url地址以及参数内容都是md5加密的，因此自己尝试封装了一下，今天分享给大家。第一步下载md5 函数没有的百度都可以找到！第二部创建 fetch.js 引入你下载的md5这里写你自己的路径var md5 = require('../assets/js/md5/md5.js');第三步设置BASE_URLconst BASE_URL = '********************************'第四步导出你的md5 函数和密钥/* MD5验证函数 */fu

2020-08-20 17:22:42 228

原创 Vue 判断是否为安卓 ios 微信浏览器环境判断！

最近公司开发项目要求对ios和安卓内嵌H5界面，微信浏览器，以及小程序对不同环境做出判断然后做不同的事情我这里是一个加入购物车和跳转详情也功能比较简单话不多说下面分享我的代码！一，判断是小程序环境!if(window.__wxjs_environment == 'miniprogram'){} if (window.__wxjs_environment == 'miniprogram') { wx.miniProgram.navigateTo({url: '/pages

2020-08-18 10:19:46 2380 3

原创 Vue上传视频预览进度条功能！

话不多说加下来看代码，这里我使用的是 vue-ele-upload-video 插件！首先下载npm install vue-ele-upload-video --save 第二步// 全局引入import EleUploadVideo from 'vue-ele-upload-video'Vue.component(EleUploadVideo.name, EleUploadVideo)// 局部引入import EleUploadVideo from 'vue-ele-uplo..

2020-08-01 13:54:28 2437 2

原创解决vue Cli4 移动端tabbar 刷新页面默认为1的bug

未解决之前第一次进入与刷新页面底部tabbar与当前页面不匹配！如何解决? 直接上代码思路监听路由并且根据路由状态设置你的tabbar状态值即可！ mounted () { /* 判断当前页面是哪个页面,解决刷新时,tab默认为 1 的bug */ const CURRENTHREF = window.location.hash if (CURRENTHREF.includes('#/home')) { this.active = 0 } else.

2020-05-29 13:03:05 563 6

原创关于Vue移动端 ios图片需要刷新显示的问题！

最近做了一个Vue移动端的项目，做好之后部署到服务器，发现ios手机访问图片不显示刷新一下就显示，如下图！！对于这个问题整整困扰了我一天时间于是开始在网上找办法网上的办法并不多，尝试了各种方法最后实在不行用电脑打开浏览器看控制台最终发现了问题！由于ios手机系统安全机制较高这就造成了ios手机访问空白的问题，而安卓安全机制比ios低所以安卓是可以正常加载图片的，当然解决这个问题也是后端人员配置一下就好了！...

2020-05-28 15:27:19 978 3

原创 Vue Cli4 使用高德地图定位获取当前经纬度信息以及周边定位

以上是最终效果图下面开始代码分享第一步在index,html引入高德地图模块 `  <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.1&key=58b4d21fc077537dda2dcbe756a1c9&plugin=...

2020-04-30 09:54:00 2131 1

草莓味的青