- 博客(46)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 uniapp：轮播里如何加入视频
uniapp：轮播里如何加入视频template代码主要使用uniapp swiper 根据后端传递type判断是图片，还是视屏<view class="screen-swiper"> <swiper style="height: 900rpx;" @change="change" class="screen-swiper" indicator-dots="true" circular="true" :autoplay="!autoplay"> <swiper-
2021-04-07 16:18:04
3091
12
原创 nvm使用以及切换
在开发过程中，老项目使用了vue2，但是新项目使用的是vue3/nuxt3，这样就会出现node/npm的版本不适配，出现各种问题，比如安装，sass/sass-loader/cache-loader等都会出问题，但是又不可能删除原先版本再去运行，这样即复杂又麻烦。
2023-10-24 10:53:08
1188
原创 如何实现企业微信扫码登录？
企业微信提供了OAuth的授权登录方式，可以让从企业微信终端打开的网页获取成员的身份信息，从而免去登录的环节。企业应用中的URL链接（包括自定义菜单或者消息中的链接），均可通过OAuth2.0验证接口来获取成员的UserId身份信息。A) 用户访问第三方服务，第三方服务通过构造OAuth2链接（参数包括当前第三方服务的身份ID，以及重定向URI），将用户引导到认证服务器的授权页B) 用户选择是否同意授权。
2023-06-08 11:50:47
1089
原创 nuxt3.0学习-四、nuxt3.0的middleware（中间键）、composables（可组合物）以及Plugins（插件目录）
Nuxt提供了一个可定制的路由中间件框架，您可以在整个应用程序中使用它，非常适合在导航到特定路由之前提取要运行的代码；全局路由名称增加 global后。
2023-06-07 11:44:20
2531
原创 vue篇——vue原理以及实现
官网解释Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架，简单易学、双向数据绑定、组件化。数据和结构的分离、虚拟DOM、运行速度快。它有以下的特性：1.轻量级的框架；2.双向数据绑定；3.指令；4.插件化。Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统：声明式编程(英语zhidao：Declarative programming)是一种编程范型，与命令式编程相对立。它描述目标性质，让计算机明白目标，而非流程。
2023-06-07 11:12:02
1885
原创 nuxt3.0学习-三、nuxt.config.ts配置、跨域处理以及浏览器适配处理
nuxt.config.ts配置、跨域处理以及浏览器适配处理
2023-06-07 10:18:33
5656
2
原创 element dialog对话框中select/cascader 弹窗不跟随问题
Select 选择器Cascader 级联选择器在这两种组件组合使用是出现了滑动 弹出框不跟随情况，如下出现这种情况原因是因为弹出框相对的位置是body，展示后，如果body不动，所以弹窗位置不会发生改变。
2023-05-30 17:11:29
1465
原创 nuxt3.0学习-二、nuxt3.0的请求相关内容、状态管理(useState/Pinia)、cookie管理(useCookie)、token续期
nuxt3.0学习-二、nuxt3.0的请求相关内容、状态管理(useState/Pinia)、cookie管理(useCookie)、token续期
2023-05-06 16:54:50
2535
1
原创 nuxt3.0学习-一、nuxt3.0的安装与使用
使用nuxt3.0开发是为了SSR优化，因为公司开发功能性的官网，需要对接大量的接口以及完善的功能页面，所以学习并使用了nuxt3.0开发，仅记录学习的过程以及学习的内容。学习视频链接（
2023-03-28 01:27:40
1010
1
原创 vue项目，table选中时，新数组和旧数据组成的数组，新数组数据和旧数组数据无法匹配匹配问题
在修改老项目时，在调用el-table选中过程中，组成一个新的数组后出现了无法选中左边栏的checked，但是这个新的数据和老数据表面是相同的。出现了无法选中的情况。
2023-03-08 18:26:57
308
原创 vue3.0 ---＞Pinia 使用方式
Pinia是一个全新的Vue状态管理库，支持vue2.0以及vue3.0（不会受版本印象），支持ypeScript,vueX，Vuex3(对应Vue2.x) & Vuex4(对应Vue3.x)。
2022-08-30 12:08:12
577
原创 vue-three.js基础篇（一）——引入
Three官网Three.js是基于原生WebGL封装运行的三维引擎，是一款运行在浏览器中的 3D 引擎，说到数字化与可视化，就得说到数字孪生，而3D模型在浏览器展示就是其中的一环，就是数字模型设计。使用CAD工具开发出满足技术规格的产品虚拟原型，精确记录产品的各种物理参数，以可视化的方式展示出来，并通过一系列验证手段来检验设计的精准程度。这边3D建模使用的是3DMAX，主要支持转化能在three中展示的类型有fbx、3ds、obj、stl、dae。three的使用需要安装以下内容创......
2022-07-12 15:25:38
2576
原创 vue 行为验证码(滑动验证AJ-Captcha)
行为验证码采用嵌入式集成方式，接入方便，安全，高效。抛弃了传统字符型验证码展示-填写字符-比对答案的流程。支持多种语言实现，后端包括java、php，前端有html、vue、vue3.0,flutter、uniapp、微信小程序、reactNative，安卓、IOS、angular。官方使用网址：AJ-Captchagit使用地址：AJ-Captcha git地址防止用户修改密码恶意刷验证码的方式（设计如此），行为验证滑动拼图、文字点选、图标点击等多种验证码方式，能给用户带来极致体验的同时，安全还有保
2022-07-12 14:18:28
3563
1
原创 node示例后台搭建
本文属于搭建主要使用express框架搭建，有一定的express理解，本文只有登录、注册、获取用户详情的接口，同时使用apidoc生成文档,配合git看吧node作为后端极少，一般作为简易的博客后端或者一些大公司作为产品的应用层做中转官网expressnpm install -g express-generatorexpress --view=pug 英文名称我这里直接复制了5.到这里就是先链接数据库5.1.第一种封装（直接链接）5.1.1（5.1使用）5.2.第二种（将链接和sql语句整合在一
2022-06-01 17:36:09
602
1
原创 mySql学习记录——三、mysql查询语句
一、mysql数据类型数值类型类型用途大小范围（有符号）范围（无符号）tinyint小整数值1Bytes(-128, 127)(0, 255)smallint大整数值2Bytes(-32768, 32767)(0, 65635)mediumint大整数值3Bytes(-8 388 608, 8 388 608)(0, 16 777 215)int或integer大整数值4Bytes(-2 147 483 648, 21474836
2022-05-25 11:33:15
177
原创 React 学习记录——一、React的创建
认识React了解React搭建React注意：搭建时候的node版本一定要高些，否则会报错；如何升级node呢：1.windows：需要到官网下载覆盖旧的node；2.OS:npm i -g n ,如果报错用npm i -g n --force升级到指定的版本：n 版本号 如 n 10.0.0安装最新的版本：n latest安装最近的稳定版本：n stableYou are running `create-react-app` 4.0.3, which is behind the l
2022-05-06 18:08:01
920
原创 Taro的学习使用
什么是Taro？Taro 是由京东《凹凸实验室》开发的一个开放式跨端跨框架解决方案，支持使用 React/Vue/Nerv 等框架来开发 微信 / 京东 / 百度 / 支付宝 / 字节跳动 / QQ / 飞书 小程序 / H5 / RN 等应用。链接: 社区链接1.Taro的使用:2.Taro的写法Vue/React:3.Taro–>uniapp对比:...
2022-05-05 15:44:09
3244
2
原创 git命令提交代码/vscode提交代码
如何提交代码第一步：检查代码状态：第二步：使用git add . 或者 git add xxx命令可以把修改的文件添加到本地git缓存区。注意：git add . (后面有个点)表示添加目录下所有文件到本地git缓存区。git add/rm …第三步：将代码提交到本地仓库中使用命令：git commit -m "添加你的注释,一般是一些更改信息"将本地git缓存中的文件推送修改到本地git库中。然后git push第四步：获取远程主机某个分支的更新，在与本地的指定分支合并。git pul
2022-04-28 11:29:32
4458
原创 vscode如何创建用户片段
**原因:**电脑主板烧了，很多东西都不见了，特别是以前创建的用户代码片段全没了/(ㄒoㄒ)/~~,需要重新创建用户代码片段，但是又很长时间没弄过了，所以记录下懒人神器用户代码片段：1.用户代码片段的使用：只需要输入自己所需要的前缀，就可以生成对应的代码片段，大大提高了工作效率:2.如何设置：3.生成用户代码片段文件：4.如何设置用户代码片段：以我的为例子："vue基础信息添加": { "prefix": "vueBasic",//代码输入提示 "body": [//生成片段主
2022-04-26 11:22:06
327
1
原创 Windows10、11 git如何配置多角色开发
如何进入code管理:你先登录进去，然后直接访问https://code.aliyun.com，登录你的账户信息码云直接搜索登录生成多git角色需求公司有代码库，自己的代码库…融合如何生成SHH公匙ssh-keygen -t rsa -C “emil地址”（在第二步命名文件的名称）问题解决方法，1.git pull --tags origin test Unable to negotiate with 47.98.49.44 port 22:如何解决：在config文件配置Host *
2022-04-25 11:55:31
810
原创 element信息提交各种rule验证
var taxNoWordLink = (rule, value, callback)=>{ const reg = /^[A-Z0-9]{15}$|^[A-Z0-9]{17}$|^[A-Z0-9]{18}$|^[A-Z0-9]{20}$/ if (value === '') { callback(new Error('请输入企业税号')); }else if(reg.test(value)) { callback(); }else{ return callba
2022-04-13 17:01:47
686
原创 Vue—如何实现多页面配置并实现打包
为什么会用多页面在开发时，对于同一类型的多网站，多页面大大节省开发时间，只需要配置一次就可以实现多次开发变成单次开发，同时一个包就可以展示一整个网站如何在vue.config.js配置多页面信息多页面打包会打包多个.html文件，根据.html配置跳转地址就可以了目录（四个页面）配置打包相关//引入打包组件const FileManagerPlugin = require('filemanager-webpack-plugin')//配置打包信息const fs = require('
2022-04-08 17:58:24
4024
原创 vue前端加密方法md5/crypto-js
为什么前端加密密码或者其他比较重要东西假如使用明文，出现传输中被窃听是很危险的行为，所以就需要前端一些加密协议，对密码、手机号、身份证号或着去其他重要的信息进行保护；前端的加密方式前端的加密方式有很多，目前我使用的有md5、crypto-js以及JWT，这篇文章目前只讲md5、crypto-js方式。MD5加密安装：cnpm i --save js-md5在main.js文件中将md5转换成vue原型：//main中引入import md5 from 'js-md5';Vue.protot
2022-04-08 17:18:06
3014
原创 js中的一头问号
? / ??/ ???/ .?/ .??/ ?.的区别看源码时发现? / ??/ ?./ ???/ .??/ .?等的内容，我突然间满头?,这是啥玩意，干啥的，怎么用，有啥好处，方不方便。1. 最熟悉的?的用法主要作用：怎么用：有啥好处：2. ??的用法2.1 主要作用：Null判断运算符??。它的行为类似||，但是只有运算符左侧的值为null或undefined时，才会返回右侧的值。2.2 怎么用：//可以与链判断运算符?.配合使用const list = {userName:'
2022-04-08 13:52:33
140
原创 react与后台链接方式（Axios、fetch-jsonp）
https://blog.csdn.net/weixin_43675447/article/details/96463580https://www.itying.com/axios: https://www.npmjs.com/search?q=axiosfetch-jsonp：https://www.npmjs.com/package/fetch-jsonp安装axios、fetch-jsonp：npm install axios --save / npm install fetch-jso.
2022-03-02 11:50:56
871
原创 A string ref, “title“, has been found within a strict mode tree. String refs are a source of po
react严格模式报错:Warning: A string ref, "title", has been found within a strict mode tree. String refs are a source of potential bugs and should be avoided. We recommend using useRef() or createRef() instead. Learn more about using refs safely here:
2022-01-20 15:18:46
1212
原创 css3的常用小东西
为什么整理总结内容1.如何修改点击手势div{ //1.1点击手势 cursor: pointer; //1.2带指针手势 cursor:alias; //1.3带问号手势 cursor: help; //1.4加载手势 cursor:progress;}2.如何画一个三角形//正、倒三角div { margin-top: 100px; width: 10px; height: 10px; border: 50px solid transparent; /
2021-12-27 10:33:29
376
转载 vue制作网站灰白模式
在App.vue中直接引用html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); _filter:none;}
2021-12-16 10:10:20
360
原创 vue vue.config.js配置问题以及热更新慢的问题
vue.config.js配置使用 webpack-bundle-analyzer 插件查看打包文件大小*cnpm install webpack-bundle-analyzer --save-dev// 引入const BundleAnalyzerPlugin = require("webpack-bundle-analyzer").BundleAnalyzerPlugin;// 展示图形化信息chainWebpack: config => { config .p
2021-11-13 15:20:45
4443
原创 vue vue-qr组件使用以及循环下载时的实现
vue-qr安装命令安装npm install vue-qr --savevue-qr链接普通使用<vue-qr :text="生成链接" :logoScale="60" :size="200" :margin="0"></vue-qr>增加中心logo<vue-qr :text="生成链接" :logoScale="60" :logoSrc="生成链接logo" :size="200" :margin="0"></vue-qr>海报下载
2021-11-13 15:13:43
748
原创 vue 使用v-if实现tab切换，导致数据间互相影响的原因
<div class="tagmsg" v-for="(item,index) in queueList" :key='index'></div>//循环时，v-for的key值取index导致点击转换时数据发生影响
2021-11-05 16:26:33
904
原创 mySql学习记录——一、mysql安装与使用对接
MYSQL安装为了简单直接给你们安装包使用:mysql-installer-community-8.0.18.0.提取码：g1cj链接：https://pan.baidu.com/s/1XPGJG435svnUmiNSGO6iBw 提取码：u0qv 只需要安装无脑安装就行，方法很简单。服务环境配置:navicat 链接报错(我遇见的)报错1251mysql版本问题，可能是用户密码和当前navicta的识别密码不能用：1.使用管理员身份登录（通过搜索cmd，右击选中使用管理员身份运行
2021-11-01 00:21:37
111
原创 js信息以及相关常使用信息
JavaScript 是属于 HTML 和 Web 的编程语言。编程令计算机完成您需要它们做的工作，主要做动态美化网页,校验表单等等。
2021-09-30 14:33:28
161
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人