- 博客(44)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 pinia是什么？ 全新一代的状态管理工具
学习于技术胖(https://jspang.com/detailed?id=82#toc21)01 pinia的优势和环境安装兼容vue2和vue3，可以在老项目中使用省略掉mutaions操作，只有state、getters、actions简化了状态管理库的使用，让代码编写更加直观。不需要嵌套代码，符合vue3的composition Api完整的支持TypeScript,vuex对TS的支持不完整代码更加简洁，可以实现很好的代码自动分割。Vue2的时代，写代码需要来回翻滚屏幕屏幕找变量.
2022-03-01 14:14:08
891
原创 uniapp 区分多环境 h5
问题产生背景：需要用uniapp实现一个h5网站得发布，但是默认自带得只有开发和生产两个环境，没法满足运营同学使用jenkins自动化打包部署。第一步使用命令行创建uniapp得项目vue create -p dcloudio/uni-preset-vue my-project具体可以参考：https://uniapp.dcloud.io/quickstart-cli?id=%e5%88%9b%e5%bb%bauni-app这是命令行生成出来得目录结构使用编辑器创建得目录结构可以看.
2021-11-16 13:31:41
2178
原创 nodejs更新package.json中的dependencies依赖到最新版本的方法
如果手动去修改dependencies中各个包的版本号，那就太麻烦了，借助npm-check-updates工具可以很方便的将package.json中的依赖包版本号更新为最新版本。1、安装：npm install -g npm-check-updates使用：2、检查package.json中dependencies的最新版本：ncu3、更新dependencies到新版本：ncu -u更新全部dependencies到最新版本(包括当前指定版本范围满足最新版本号的,比如^4.2.0 -&
2021-11-05 17:29:13
1914
原创 vite 搭建Vue3.0项目
1、全局安装vite：npm install create-vite-app -g2、创建项目：npx create-vite-app project-name3、cd project-name -> npm install -> npm run dev4、至此项目搭建完毕， 浏览器访问：http://localhost:3000/5、npm install vue-router@next -S 安装路由，并且配置路由文件 history: createWebHashHistory(
2021-11-05 17:28:41
1127
原创 vite无法使用require,require is not defined
错误原因require is not definednode.js不是内置对象的一部分，如果想用typescript写Node.js，则需要引入第三方声明文件vue无法识别require，执行命令：npm install @types/node --save-dev
2021-08-13 10:03:44
19058
3
原创 关于代码规范那点事
第一个秘籍：京东凹凸实验室前端代码规范.网址是：https://guide.aotu.io/ ,如果你们公司没有具体的前端代码规范，你完全可以自己按照这套规范来编写。里边包括了HTML规范、图片规范、CSS规范、命名规范和JS规范。优点是清晰、简单、不复杂。近一年来，我工作中的代码都是安装这个标准来写的。第二个秘籍：腾讯前端代码规范 网址是：http://tgideas.qq.com/doc/index.html我经常看腾讯的前端博客，也阅读他们的开源项目。我认为腾讯的前端代码规范是优秀的。所以第二个推
2021-08-13 10:01:37
417
2
原创 oss上传文件使用url，oss上传文件，antdesign upload组件 url上传 oss
搬运链接：https://juejin.cn/post/6844903929164070926Ant Design 使用Upload组件默认方式上传图片到阿里云OSS背景近来做了一个管理后台，采用的AntDesignPro脚手架，阿里版的React全家桶，包含Ant Design组件库，Dva状态管理，权限模块，国际化，主题定制等等称成熟的解决方案，当然这不是今天要将的重点。今天要谈论的是使用Upload默认方式上传到OSS，为啥要用默认的方式上传呢？No reason ! Why not .
2021-06-01 09:12:24
1735
2
原创 git 命令
1.删除所有本地标签. (可选推荐)git tag -d $(git tag -l)2.获取远程所有标签. (可选推荐)git fetch3.删除所有远程标签.git push origin --delete $(git tag -l) # Pushing once should be faster than multiple times4.删除所有本地标签.git tag -d $(git tag -l)...
2021-04-20 16:22:40
201
原创 uniapp 获取商米本机SN码
如果有对接商米机型的同学可以参考，在Android环境下获取商米机型的SN码，参考如下代码：博主这边使用的是 M2_MAX，1.首先在AndroidManifest.xml中添加如下权限： <uses-permission android:name="android.permission.READ_PHONE_STATE" />在需要的地方获取SN码// #ifdef APP-PLUSvar build_Obj = plus.android.newObject("android
2021-03-18 11:26:49
1779
1
原创 vue3.0 先遣学习
vue3.0 中文预览地址vue3.0 github地址怎么使用vue-cli生成vue3.0的项目？安装vue-cli v4.5以上版本npm install -g @vue/clivue3.0新特性Vue3采用渐进式开发，向下兼容性能提升Composition Api 解决Vue2 组件开发的问题新的API加入* Teleprot 瞬移组件* SusPense 解决异步加载组件问题更好TypeScript支持性能提升* 打包减少41%* 初次渲染提升55%*
2021-01-26 09:48:14
1152
原创 uni-app的使用
安装https://www.dcloud.io/开始介绍 问题：无法运行到微信开发者工具点击微信开发者工具的设置->安全->服务端口设置为开启问题：怎么把现有项目迁移为uni-app项目https://uniapp.dcloud.io/translatevue h5项目转换uni-app指南：https://ask.dcloud.net.cn/article/361...
2020-10-14 10:10:48
1173
原创 禁止页面缩放提示，ie浏览器提示
使用了新技术总会有兼容性问题，一般公司不考虑兼容性问题，但是还是出现诸如样式错乱、无法支持ie、缩放浏览器或屏幕设置比率非100%下的网页错位，作为开发者需要给出友好的提示，提高用户体验。演示地址：https://sywsywsyw.github.io/noie-nozoom/源码：https://github.com/sywsywsyw/noie-nozoom兼容ie8、不支持以下版本兼容ie需要再服务器环境下打开 （可以使用http-server,live-server热更新服务）因为缩放之后
2020-05-14 15:06:58
760
原创 TypeScript笔记
typescript 是javascript的超集，是一种编程语言1. typescript和javascript的区别更适合大型应用程序js的超集，类似于less,sass, 最终会转为javascript跨平台（浏览器，操作系统linux,mac）且开源开始于js,终止于js.上手成本低，易于学习重用js,可以引入js流行的库 echartstypescript 类、接口、...
2020-04-24 14:12:24
756
原创 微信小程序7.0、抓包安卓、反编译小程序
2020.04.15亲测可用！！！！ 直接使用电脑版本微信抓包！！！！！别的都没用 太麻烦了！抓包工具自己找汉化破解
2020-04-23 18:14:51
1918
1
原创 尤雨溪 vue 3.0 Bate
直播回放观看，尤雨溪 vue 3.0 Bate视频B站观看入口：https://www.bilibili.com/video/BV1Vk4y1R7nb?from=search&seid=16444809052248618350尤大Vue3.0直播虚拟Dom总结(和React 对比)掘金文档：https://juejin.im/post/5e9faa8fe51d4546fe263eda...
2020-04-23 18:12:47
483
原创 微信小程序使用Taro转H5
1. 微信小程序转Taro，文档https://nervjs.github.io/taro/docs/taroize.htmlTaro 可以将你的原生微信小程序应用转换为 Taro 代码，进而你可以通过 taro build 的命令将 Taro 代码转换为对应平台的代码，或者对转换后的 Taro 代码用 React 的方式进行二次开发。微信原生小程序转 Taro 的操作非常简单，首先必须安装...
2020-04-07 18:01:09
5610
2
原创 Webpack3.X版笔记
webpack官网webpack文档1. 认识Webpack的作用打包：可以把多个javascript文件打包成一个文件，减少服务器压力和下载带宽转换：把扩展语言转换成普通的javascript，让浏览器顺利运行。优化：前端复杂性的提高，开始肩负起优化和提升性能的责任。1. `win+R` 进入对话框输入`cmd`进入命令行模式。2. 输入`f： `进入f盘3. `mkdir ...
2020-04-02 17:11:20
241
原创 ES6笔记
1. var、const、let的区别var 全局变量let 局部变量const 常量 一般用于属性名，用于从常量命名开始的那一刻就不想让改变的属性名。2. 变量的解构赋值数组解构左右两边需要解构相同let [a,b,c] = [1,2,3];console.log(a,b,c)// 1,2,3let [a,[b,c],d]=[1,2,4];console.lo...
2020-03-31 18:08:29
220
原创 vuecli3项目prerender-spa-plugin预渲染
页面预渲染只支持静态内容较多的页面、如果接口多的页面建议使用ssr服务器渲染，例如nuxt安装npm install prerender-spa-plugin --savevue.config.js// 预渲染配置：在webpack.prod.conf文件中加入const PrerenderSPAPlugin = require('prerender-spa-plugin')cons...
2020-03-27 12:55:51
697
3
原创 vue百度地图使用默认信息框，默认标注。
项目需求：点击marker会默认弹出一个窗口，我想不点击直接弹出，怎么搞？企业联系我们地址，百度地图页面一打开默认显示标注提示框如图首先去出vue项目本身引入的vue Baidu Map 的插件在vue-cli 根目录项目中 public>index.html引入百度地图插件<!-- 百度地图 --><script type="text/javascript...
2020-03-15 21:31:41
2017
原创 js判断是否是IE浏览器
1、判断IE浏览器的具体版本function IEVersion() { var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串 var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") &g...
2019-08-08 14:09:20
169
原创 用过的正则
// 去除字符串全部空格 str.replace( /\s*/g., "");//去除字符串首尾空格str.replace(/(^\s*)|(\s*$)/g, "");//去除左边空格str.replace(/(^\s*)/g, "");//去除右边空格str.replace(/(\s*$)/g, "");...
2019-08-08 09:28:45
104
原创 vscode vue代码片段
{ "Print to console": { "prefix": "vue", "body": [ "<!-- $1 -->", "<template>", "<div class=>$5</div>", "<...
2019-08-02 11:47:56
401
原创 特别常用的布局方式
<!-- 参展信息 --><div class="exhv-content"> <div class="sui-info"> <div class="sui-head">作品详情</div> <dl class="sui-dl"> <dt class="sui-dt">...
2019-06-06 11:41:01
345
原创 vue 项目使用echarts图表
官方文档：https://www.echartsjs.com/option.html#xAxis.axisLine<!-- 后台统计图表 --><template> <div> 后台统计图表 <div class="echart"> <div id="main" :style="{width: '100...
2019-05-30 20:45:23
2733
原创 移动端、vue、h5、手机怎么看打印，vconsole,alloylever
经常遇到h5上面网页不好调试的问题，推荐一个下腾讯爸爸的开源项目vconsole,alloylever使用AlloyLever来搞定开发调试发布，错误监控上报，用户问题定位https://www.cnblogs.com/CyLee/p/6970914.htmlVue-cli中使用vConsole，以及设置JS连续点击控制vConsole按钮显隐功能实现http://www.cnblogs...
2019-05-23 16:33:44
1257
原创 Vue笔记
vue a标签链接拼接&amp;amp;amp;amp;amp;lt;a :href=&amp;amp;amp;amp;quot;['./ranklistmusic.html?id='+item.id ]&amp;amp;amp;amp;quot;&amp;amp;amp;amp;amp;gt;&amp;amp;amp;amp;amp;lt;a&amp;amp;amp;amp;amp;gt;
2019-05-16 16:17:07
718
原创 移动端rem，
rem布局 https://tgideas.qq.com/doc/frontend/spec/m/layout.html<style> html { font-size: 100px; } </style> <script> //屏幕适应 (function (win, doc) { if ...
2019-05-16 16:12:45
167
原创 使用axios请求数据，post请求出错。因为axios传递的请求参数是json格式，而后端接口要求是formData
设置请求头// 请求参数类型为FromData时候的headers的配置 let FromDataconfig = { headers: { 'Content-Type': 'multipart/form-data;boundary = ' + new Date().getTime() }}axios.post('/account/', data, From...
2019-05-16 14:41:21
2997
原创 基于vue的实时搜索，在结果中高亮显示关键词
参考资料：【Vue.js】基于vue的实时搜索，在结果中高亮显示关键词 https://www.cnblogs.com/pengshengguang/p/8059190.htmlJS不区分大小写匹配字符串高亮模拟浏览器Ctrl+F https://www.jianshu.com/p/936029d3b9a6js转义和反转义html https://www.cnblogs.com/daysm...
2019-05-16 14:28:56
2341
原创 vue 全局body监控回车登录
核心方法：addEventListener、removeEventListener<template></template><script>//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）//例如：import 《组件名称》 from '《组件路径》';export default { //impor...
2019-05-16 11:48:21
1224
原创 QQ，微信第三方授权登录、分享
登录pc微信登录找后台拿链接QQ登录https://graph.qq.com/oauth2.0/show?which=Login&display=pc&state=当前时间戳&response_type=code&client_id=授权id&redirect_uri=回调地址<a href="https://graph.qq.com...
2019-05-15 17:51:28
2613
原创 原生js返回顶部动画效果怎么实现？
项目背景：最近在做一个网站页面的改版，有一个返回顶部的功能需求，考虑怎么才能有更好一点的用户体验。1. 第一种实现方法转载 https://www.cnblogs.com/JosephBee/p/7326556.htmlvar scrollTop = document.documentElement.scrollTop || document.body.scrollTop;docu...
2019-05-15 17:39:26
2683
1
原创 vue项目目录文件说明(自己项目)
目录文件说明 ├─dist 生产环境打包目录`npm run buil`├─test 预发布环境（测试）打包目录`npm run test`├─public 项目根目录 ...
2019-05-14 09:38:35
2023
原创 记录一个vue-cli3项目的搭建
vue-cli3快速创建项目 https://www.jianshu.com/p/5e13bc2eb97cnpm install axios
2019-04-14 17:20:54
367
原创 vue项目中监听手机物理返回键，js监听返回按钮，移动端，手机，
问题背景: 项目中用户总是可能误触到返回按钮，但此时可能并不希望返回，所以需要弹框进行确认操作。原理：利用history 和 浏览器 刷新popstate状态 去实现每一次返回都会去历史记录回退 -1 所以就在进入页面之前 往历史记录里面多记录一次当前页面的链接。然后再回退的时候监听刷新，去做一些事情。1、挂载完成后，判断浏览器是否支持popstate// BBBB.vuemoun...
2019-04-12 15:57:58
17469
10
原创 js多文件切片上传 (vue项目)
问题背景项目在移动端因为图片过大，需要进行切片上传处理。（仅涉及前端逻辑）判断是否断网/* 主要解决缓存了当前页面之后 用户断网再上传图片出现的逻辑错误*/if ( navigator.onLine ) { //正常工作} else { //执行离线状态时的任务}单文件上传模拟进度条 animatePress(obj) { let randNum ...
2019-03-24 18:24:02
4573
原创 移动端获取输入法高度 解决定位被输入法顶开的问题
安卓手机底部logo被顶起来动态监控浏览器窗口的变化。当浏览器窗口的大小发生变化时，如果变化后的窗口高度小于初始的窗口高度，则让按钮隐藏起来；反之，则让按钮正常显示。var olbHeight = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;//navi...
2019-03-23 10:56:04
2571
2
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人