- 博客(44)
- 收藏
- 关注
RSS订阅原创 pdf预览
使用pdfjs-dist完成pdf预览功能，。新版用了很多es新写法，好像更适合vue3使用，老项目识别不了其中的一些语法。我用的时候，先是报了 obj?.name这种语法的错误，解决之后又报其他错误。用require引入pdf本地测试，就像我是把pdf放到assets目录下，那么需要下载一个file-loader@6.2.0，不然会报错。要注意。
2024-09-04 16:11:24
523
原创 windows家庭版安装Hyper-V
创建一个文本文件，复制以下代码，然后将文件名改为Hyper-V.bat，右击以管理身份运行，会立马弹出命令框展示下载进度，下载完成后会有个选项，是否重启，输入"Y ",即可重启安装。win+R键调出cmd，输入systeminfo（不能有空格），然后回车，检查Hyper-V要求是否符合。重启完成后，再去 启用或关闭windows功能 里，就能看到Hyper-V这一项，勾选上即可。如果有Hyper-V这一项，就代表安装过，没勾选的勾选上，点击确定，下文不用看了。，如果出现就代表有，如果没出现，就搜索。
2024-07-30 12:47:24
981
原创 uniapp-ios支付
uniapp安卓包中的微信,支付宝逻辑放在iOS测试包中也能使用.但询问iOS开发者后得知,有支付相关功能的app要上架苹果,必须先有苹果支付,不然苹果审核不给过.甚至没有支付逻辑,但打包时有支付相关的SDK也不行,苹果会认为你偷偷做了支付逻辑,想要绕开他.
2024-05-07 18:24:15
3994
2
原创 运行vue create vue-demo报错：无法加载文件，因为在此系统上禁止运行脚本
因为win中段禁止脚本运行，需要调整运行策略，打开PowerShell（只能PowerShell），以管理员身份运行，输入get-ExecutionPolicy。输入 set-ExecutionPolicy RemoteSigned。
2023-10-09 22:46:59
777
原创 获取APP的MD5，公钥私钥，包名等信息
因为网上的命令形式获取MD5，公钥私钥，包名等信息，获取的不全。很多工具要收费，或者要去github下载，不翻墙太慢了。最终找到的免费工具，苹果安卓都能查看到
2023-09-14 15:02:20
574
原创 touchstart事件和click事件分开执行
插件用了@touchstart @touchmove @touchend事件，后来又加了点击相册，查看大图的功能。但@touchstart和@click一起用的话，只会执行@touchstart。然后发现@touchstart事件只是在点击时起到一个类似稍微放大的功能，告诉用户可以拖动图片。而且既能拖动换位，又能查看大图。最终，删除@touchstart， 使用@longpress继承@touchstart稍微放大的功能，并且在开头添加。uniapp项目中相册功能，要能拖动换位，所以用了插件。
2023-05-09 11:09:12
522
原创 uniapp返回上一个页面，携带参数
问题：接收时会重复接收，即函数会执行多次。很多情景下会出问题。emit传递 on 接收。接收页面，返回的页面。接收页面，返回的页面。
2023-03-25 11:31:39
2566
原创 vue三元表达式的选项中有换行标签＜br＞，整个表达式变为字符串
在Vue中，使用三元表达式，并且表达式的选项中有换行标签，则表达式不会生效。整个表达式变为字符串。
2022-09-29 16:25:22
988
原创 uniapp-app的视频轮播图
uniapp直接使用swiper做图片轮播图是没有问题的，视频轮播图的兼容性仅仅体现在APP上。我的方法是将nvue页面作为视频的遮罩层，如果直接将视频放到nvue页面，说不定也可以。其实这个兼容性的关键在于video标签在手机上的层级过高，除了nvue，还有其他方法解决。...
2022-08-17 16:55:44
1358
原创 uniapp-视频图片轮播图
自己封装uni轮播图，超过一页，视频就不能播放了，uview提供的轮播图在真机测试时，视频页不能滑动。找了一个大佬的文章，改了点样式，直接就能用。
2022-08-15 19:00:58
1070
原创 uniapp-真机测试
1.运行=》运行到手机或模拟器=》制作自定义调试基座有自有证书就用自有证书，没有就用公共测试证书。2.打包完成后=》运行=》运行到手机或模拟器=》运行基座选择=》自定义调试基座如果没有找到设备，可以把Hbuilder关了重新打开。或者把数据线拔了重连。之前用了华为助手连接测试，一言难尽，莫名其妙一直断开链接，一直在电脑上自行弹出。直接卸了，不用那玩意也能测试。比较麻烦的可能是证书申请。如果是接手的别人的项目，证书可以找他要，还要让他把你拉进项目团队里。
2022-08-06 14:14:50
9465
原创 redux调试器
1.将调试器放到谷歌浏览器2.代码import { applyMiddleware, legacy_createStoreas as createRoot } from 'redux'//redux中间件import thunk from 'redux-thunk'//数据import reducer from './reducer'//1.调试器的配置import { composeWithDevTools } from 'redux-devtools-extension'//
2022-05-02 21:19:14
187
原创 React-Redux
概念：React 和 Redux 是两个独立的库，需要React-Redux 绑定两者。使用（分为两步）：1 全局配置（只需要配置一次）。 2 组件接入（获取状态或修改状态）。安装yarn add react-redux1.全局配置// 导入 Provider 组件import { Provider } from 'react-redux'// 导入创建好的 storeimport store from './store'//使用 Provider 包裹整个应用//将导入的
2022-05-01 17:41:17
116
原创 redux
//log一个redux，观察里面的属性，以下是引入创建store仓库的方法。import { legacy_createStore as createStore } from 'redux'const reducer2 = (prevState = 200, action) => { switch (action.type) { case 'ADD': prevState = prevState * 1 + 100 re.
2022-04-30 00:16:24
241
原创 富文本Vue-Quill-Editor使用
1.下载包npm install quill --savenpm install vue-quill-editor -s2.main.js引入// 富文本import VueQuillEditor from 'vue-quill-editor'// require styles 引入样式import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubbl
2022-04-10 10:26:38
720
原创 axios拦截器
引入axios,创建axios实例。import axios from 'axios'const axios = axios create()请求拦截器requestaxios.interceptors.request.use()主要处理token的统一注入问题。成功执行（config），如果有token，给请求头统一携带一个。失败执行（error），如果没有，返回错误。响应拦截器responseaxios.interceptors.response.use()主要处
2022-03-22 22:53:13
413
转载 在mac上查找项目隐藏的git文件
方法一：终端打开一个新终端 依次执行defaults write com.apple.finder AppleShowAllFiles TRUEkillall Finder去文件夹中就能看到隐藏的文件夹方法二：快捷键在你要查看.git 或其他隐藏文件的文件夹中 使用 (command + shift + .) (点别忘了)隐藏和查看都可以用这个快捷键，要在你想查看的文件夹中使用————————————————版权声明：本文为CSDN博主「鸡汤辉」的原创文章，遵循CC
2022-03-22 15:30:51
1640
原创 图片的上传
<input type="file" hidden ref="file" @change="onFileChange" ><!-- 个人信息 --><van-cell class="photo-cell" title="头像" is-link center @click="$refs.file.click()"> <van-image class="avatar" .
2022-03-18 22:14:39
78
原创 有关vuex的相关基础知识
首先准备好vue项目文件夹（基于vue2）项目目录结构如下另新建一个store文件夹首先是/store文件夹下面的index.js文件，如下代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)// 创建了一个仓库实例const store = new Vuex.Store({ // 严格模式 strict: true, // 配置项，核心概念 // 存储数据的地方 任何组件...
2022-03-07 08:45:27
139
原创 Vue路由
路由:接口和服务的映射关系,设备和ip的映射关系,路径和组件的映射关系.从字面上：路径由来。功能：在一个页面里, 切换业务场景，所有功能在一个html页面上实现优点： 整体不刷新页面，用户体验更好 数据传递容易, 开发效率高 缺点： 开发成本高(需要学习专门知识) 首次加载会比较慢一点。不利于seo 组件分类 ：页面组件 - 页面展示 - 配合路由用 复用组件 - 展示数据/常用于复用views下的页面组件, 配合路由切换, components下的一
2022-03-03 20:55:13
1249
原创 Vue组件进阶，自定义命令
1.动态组件多个组件使用同一个挂载点，并动态切换。就是实现多个组件的来回切换。 //comName为一个变量，用来接收组件的名字 <button @click="comName = 'UserInfo'">账号密码填写</button> <button @click="comName = 'UserName'">个人信息填写</button> <p>下面显示注册组件-动态切换:</p>
2022-03-01 22:00:43
167
原创 Vue-axios
特点：支持客户端发送Ajax请求；支持服务端Node.js发送请求支持Promise相关用法支持请求和响应的拦截器功能自动转换JSON数据axios 底层还是原生js实现, 内部通过Promise封装的先下载axios, yarn add axios//引入axiosimport axiossss from "axios";// 每次都使用前缀地址，会造成后期维护困难，所以统一设置。// 请求时, axios会自动拼接baseURL的地址在前面axiossss..
2022-02-28 20:30:08
498
原创 Vue-获取DOM
利用 ref 和 $refs 可以用于获取 dom 元素<h1 id="h" ref="myH">我是一个孤独可怜又能吃的h1</h1>mounted() { console.log(document.getElementById("h")); console.log(this.$refs.myH); },使用ref调用组件内的方法。<Demo ref="de"></Demo>import Demo from "./
2022-02-28 20:29:20
993
原创 Vue生命周期
1.0_生命周期一组件从 创建 到 销毁 的整个过程就是生命周期1.1_钩子函数Vue 框架内置函数，随着组件的生命周期阶段，自动执行1.2_初始化阶段含义讲解:1.new Vue() – Vue实例化(组件也是一个小的Vue实例)2.Init Events & Lifecycle – 初始化事件和生命周期函数3.beforeCreate – 生命周期钩子函数被执行4.Init injections&reactivity – Vue内部添加data和method
2022-02-26 21:43:25
49
原创 Vue组件及组件传值
概念：组件是可复用的 Vue 实例, 封装标签, 样式和JS代码将可复用的代码封装为组件（有独立的结构，样式，行为），方便开发维护。//引入组件import panel from "./components/panel.vue";export default { data() { return { isShow: false, }; }, components: { 自定义标签名：引入的组件名 PannelL: panel, ..
2022-02-26 00:09:32
585
原创 vue基础知识
虚拟DOM本质：就是一个JS对象, 保存DOM关键信息好处：提高DOM更新的性能, 不频繁操作真实DOM, 在内存中找到变化部分, 再更新真实DOM(打补丁。v-for更新页面时：循环出新的虚拟DOM结构, 和旧的虚拟DOM结构对比, 尝试复用标签就地更新内容。重绘与回流回流(重排): 当浏览器必须重新处理和绘制部分或全部页面时，回流就会发生重绘: 不影响布局, 只是标签页面发生变化, 重新绘制注意: 回流(重排)必引发重绘, 重绘不一定引发回流(重排)数组方法会更新
2022-02-24 21:04:44
943
原创 vue简单命令
清空vue欢迎页，删除assets下的图片和components下的文件, App.vue初始代码。在App.vue里写vue，直接出现页面基础结构。在style标签上添加scoped属性，表示它的样式作用于当下的模块，实现了样式私有化。vue基础-MVVM设计模式model：数据。 DOM：页面元素。 ViewModel:Vue。 前两者通过vue达到数据的交流。目标：转变思维, 用数据驱动视图改变, 操作dom的事, vue源码内干了插值表达式{{表达式}}<.
2022-02-22 21:10:12
299
原创 vue初识
概念：渐进式的js框架，一套拥有自己规则的语法。（渐进式：vue的功能是“独立”的，想用哪种用哪种，不必全用。）库和框架的区别：库是方法的集合,可以更换。而框架是一套拥有自己规则的语法，功能更强大，不能更换。vuecli脚手架是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目。脚手架是为了保证各施工过程顺利进行而搭设的工作平台。安装两种安装方式，yarn global add @vue/clinpm i -g @vue/cli..
2022-02-22 19:41:32
632
1
原创 WebPack
好处减少文件数量，缩减代码体积，提高浏览器打开速度。本质第三方模块包；用于识别，压缩，打包代码；提高网站打开速度。终端下载yarn，npm i -g yarn（可以不用yarn，用npm,但yarn更好。）WebPack使用初始化：yarn init 一直按回车键下载依赖包:yarn webpack webpack-cli -D在json文件里，配置scripts (自定义命令)。{ "name": "anli1", "version": "1.0.0..
2022-02-21 21:25:09
74
原创 WebPack隔行换色案例
在基础配置（具体可见基础打包）下，新建一个index.html。写入<ul id="myUL"> <li>这是1</li> <li>这是2</li> <li>这是3</li> <li>这是4</li> <li>这是5</li> <li>这是6</li&...
2022-02-21 21:24:45
494
原创 git-2
1. 查看分支列表使用如下的命令，可以查看当前 Git 仓库中所有的分支列表：git branch2. 创建新分支使用如下的命令，可以基于当前分支，创建一个新的分支，此时，新分支中的代码和当前分支完全一样：git branch 分支名称3. 切换分支使用如下的命令，可以切换到指定的分支上进行开发：git checkout login4. 分支的快速创建和切换使用如下的命令，可以创建指定名称的新分支，并立即切换到新分支上：b 表示创建一个新分支checkout 表示
2022-01-20 21:57:18
281
原创 Git-简单的命令
Git基础概念Git 是一个开源的分布式版本控制系统。优点：每台电脑（本地，远程）都有一个仓库，都存了所有的项目，即使一台电脑坏了，那么他的数据在其他电脑上也有备份。Git 中的三个区域使用 Git 管理的项目，拥有三个区域，分别是工作区（处理工作的区域）暂存区（已完成的工作暂时被存放的区域，等待提交）Git 仓库（最终存放的区域）Git 中的三种状态 已修改 modified，修改了文件，但结果还没放到暂存区 已暂存 staged，表
2022-01-18 20:26:28
391
原创 防抖&节流
防抖就是设置一个事件触发的间隔时间，如果在这个时间内再次触发改事件，则重新计时，事件只执行最后一次。// 定义一个全局变量，方便删除定时器var timer = null //在触发点击事件事件（keyup）时$('#ipt').on('keyup', function() { //先清除之前定时器。重新计时 clearTimeout(timer) //用定时器实现防抖 timer = setTimeout(function() { console.log(111)
2022-01-17 19:20:07
295
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人