前端
关注
分享
扫一扫
ttt唐老鸭
爱做视频，爱玩游戏，爱摸鱼的程序猿
展开
-
浏览器pdf亮度调暗
【代码】浏览器pdf亮度调暗。原创 2023-01-04 17:55:34 · 216 阅读 · 0 评论 -
nvm nodejs包版本管理原理
你安装nvm时会让你选择nodejs位置。你打开这个位置会发现它创建了一个快捷方式。这下你应该就明白了。nvm切换版本的时候只是把这个快捷方式的地址换成你要的版本。自己下载多个版本的node ，然后通过.bat 脚本手动改环境变量也能实现同样的效果。单独安装到此目录，每次换版本要重新修改环境变量里面的nodejs地址。nodejs地址不变，改变里这个地址里面的东西。原创 2022-12-01 11:12:43 · 166 阅读 · 0 评论 -
webStrom uniapp 不识别@别名
2 改为手动（Manually），目录选择当前项目目录的下的。3 改为手动（Manually），目录选择刚才创建的文件。1 找到webstrom设置。2 找到webstrom设置。原创 2022-10-18 13:48:07 · 1784 阅读 · 2 评论 -
uniapp组件文档模板，移动端组件文档模板
本项目只是个简单的空vuepress模板，使用了reco主题。拥有vuepress和reco的全部功能。只是在docs/.vuepress/styles/index.styl修改了一些样式。便于h5模拟器组件的展示。大多移动端组件的文档都只有代码演示和api说明纯文档，而没有展示实际演示效果，或者只是简单说截图，想要看实际效果还得自己下载跑一遍，太麻烦了。原创 2022-08-24 13:42:37 · 437 阅读 · 0 评论 -
vue history路由模式设置虚拟路径
都会去访问 xx.com/home/www/hgdoor。改为 xx.com/hgdoor/userlist 进行访问。意思为所有的 xx.com/hgdoor。如果是本地运行项目，那么到此就结束了。期望 xx.com/userlist。原创 2022-08-11 11:46:05 · 1508 阅读 · 0 评论 -
vue两个完全相同页面，不同参数的处理方案
使用watch是因为如果直接从页面1到页面2，created是不会执行的。原创 2022-07-27 17:35:14 · 2335 阅读 · 0 评论 -
vue keep-alive 无效的问题
keepalive原创 2022-07-20 10:17:07 · 401 阅读 · 0 评论 -
antd a-upload 多选multiple为ture时 限制上传个数
a-upload多选时限制个数原创 2022-07-13 17:16:41 · 6133 阅读 · 1 评论 -
webStrom vue eslint 与 prettier冲突
1 排除两者冲突eslint-config-prettier yarn add eslint-config-prettier -D.eslintrc.js 'extends': [ "prettier" ],.eslintrc.json "extends": [ "prettier" ]2 修改代码风格,原创 2022-05-16 16:09:31 · 899 阅读 · 0 评论 -
antd-vue table滚动条样式修改
// 滚动条背景颜色.ant-table-body::-webkit-scrollbar,.info::-webkit-scrollbar { height: 9px; width: 9px; background-color: #4d64bd;}// 滚动条颜色.ant-table-body::-webkit-scrollbar-thumb,.info::-webkit-scrollbar-thumb { border-radius: 9px; background-co原创 2022-04-11 15:49:14 · 2543 阅读 · 1 评论 -
解决图片的防盗链导致图片显示不出来（适合所有的防盗链图片）
亲测下文方法４和方法５是可行的 例如百度贴吧和ｂ站<!DOCTYPE html><html lang="en"><head> <meta name="referrer" content="never"> <meta charset="UTF-8"> <title>Title</title></head><body><div> 百度贴吧 &转载 2022-02-20 23:20:52 · 4565 阅读 · 0 评论 -
uniapp 安卓/ios 录音授权,录制音频,录音文件上传
下载依赖插件官方的app端要权插件:App权限判断和提示第三方录音组件:录音播放-语音录制voice-sound-recording引入依赖import permision from "@/js_sdk/wa-permission/permission.js"import soundRecording from '@/components/sound-recording/sound-recording.vue'组件声明 components: { soundRecording,原创 2021-12-15 16:07:59 · 8440 阅读 · 0 评论 -
npm 使用指定版本安装 解决code ERESOLVE ERESOLVE could not resolve 问题
npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolvenpx -p npm@6 npm i --legacy-peer-deps原创 2021-12-10 16:18:28 · 5201 阅读 · 0 评论 -
下载node-sass 4.14版本 -gyp verb `which` failed Error: not found: python2
新版本node-sass没问题，就老版本会出问题。试了那么多方法Python安装了又删还是不行。直到依次执行下面步骤1 npm install -g mirror-config-china --registry=http://registry.npm.taobao.org2 npm install --global node-gyp3 安装Python 2.7（v3.x.x不支持），(原文中说安装后要配置Path环境变量 ,但是我没配也好了)4 npm config set python py原创 2021-11-22 15:10:06 · 1443 阅读 · 0 评论 -
快速删除指定目录下所有的node_modules
删除一个你百度过应该知道npm install rimraf -gcd 你的项目目录rmdir /s/q node_modules删除多个FOR /d /r . %d in (node_modules) DO @IF EXIST "%d" rmdir /s/q node_modules "%d"显示系统找不到指定文件的时候代表正在删除。出现第二个找不到指定文件的代表着第一个找到的已经删完了。命令结束了。那就是全都删除了。出现的系统找不到指定文件的个数就是被删除的node_modules的个数原创 2021-11-21 00:23:59 · 690 阅读 · 0 评论 -
three.js 指定在某一平面上拖拽。拖拽吸附在某个平面
使用的api DragControls该接口作用为：拖拽时会在摄像机视角垂直的平面上移动，即以摄像机视角方向为法向量的一个平面。它是如何实现的在摄像机对着的屏幕移动的文件位置:three/examples/jsm/controls/DragControls内部代码//新建一个平面const _plane = new Plane();...//鼠标按下function onPointerDown( event ){ ... //设置平面的法向量和点 //将摄像机(_camera)的世界原创 2021-10-20 13:26:47 · 3101 阅读 · 1 评论 -
vue/uniapp 异步请求状态管理 加载更多，成功，加载中，失败
描述之前用过react的ahook很舒服，但是vue的ahook功能太少。于是仿照react ahooks的useRequest 写的异步请求状态管理 加载更多，成功，加载中，失败示意图测试代码<template> <view> <h2>自动触发</h2> <view v-if="state.loading">loading</view> <view v-else-if="state.erro原创 2021-09-03 11:11:15 · 1281 阅读 · 0 评论 -
js 对象工厂模式和构造函数模式的区别
简单说工厂模式生成的对象，只知道是个对象，但是不知道是哪个工厂生产的。构造函数模式生成的对象，你不仅知道它是个对象，而且你还知道它是哪来的。例如 /*构造函数*/ function ObjKind(num=0){ this.num=num; } /*工厂模式*/ function factoryKind(num){ return { num } } const oObj=new ObjKind(原创 2021-09-01 16:05:45 · 377 阅读 · 0 评论 -
uniapp 页面生命周期和组件生命周期顺序。
初次进入页面的时候在onLoad的时候就已经可以访问data,method了。在此可以发请求在onReady时候$el已经创建成功了。在此可以进行依赖el的一些操作。例如u-view中 给form设置校验值的的时候页面数据更新的时候与vue无区别退出页面的时候先执行的onUnload复制粘贴自己试试export default { /*vue组件生命周期*/ beforeCreate(){ console.log('beforeCreate');原创 2021-09-01 11:46:07 · 930 阅读 · 0 评论 -
uniapp 下载文件/二进制流数据文件 ，保存文件 ，打开文件。以及H5下载二进制流文件。
前提注意点downloadFile 发送的是GET请求。如果url接口返回的是二进制流数据。则要求后端content-type 里面填写具体的返回文件类型。否则下在的文件会没有后缀名。比如excel是 application/vnd.ms-excel移动端不支持Blob。移动端下载 //下载文件 uni.downloadFile({//只能是GET请求 url: "xxxxxxx",//请求地址 header:{ 'Author原创 2021-09-01 09:51:36 · 21281 阅读 · 4 评论 -
有关.env；.env.development,.env.production的相关介绍
区别.env 会全局加载.env.development 只在开发环境加载.env.production 只在生产环境加载顺序优先级先加载.env，再按照环境加载dev或者prod。如果重名。则后加载的会覆盖前面的。文件内容属性名必须以VUE_APP_开头，比如VUE_APP_API_BASE_URL=http://dev.iczer.com...原创 2021-07-20 17:28:45 · 421 阅读 · 0 评论 -
uniapp 超详细的极光推送对接流程
场景后台创建订单，前台手机app得到消息推送原理后台服务器调用极光接口->极光服务器->用户app。参考地址极光推送安装sdkapiuniappJYJPush极光推送插件自定义基座制作方法、常见问题等准备工作极光官网注册并创建应用获得Appkey，这里太简单了不细说。提一点可能会有问题的就是填写的app包名在这里获取开始对接1下载插件uniapp插件下载地址选择自己要试用的项目2 配置插件选择插件hbuilder中-app 原生插件配置 ——选择云端插件—原创 2021-07-16 13:42:23 · 10349 阅读 · 2 评论 -
uniapp onBackPress 自定义
注意点最后必须返回true才能取消默认的返回uni.navigateBack也会触发onBackPress,可以根据from判断避免死循环 onBackPress(options) { //避免死循环 if (options.from === 'navigateBack') return false; //自己的判断条件，执行自定义的返回操作 if (你的条件) { //你的自定义操作 } //执行uniapp的返回操作 else uni.n原创 2021-07-13 09:32:50 · 3640 阅读 · 0 评论 -
uni-app 实现表单项“下一项”
关键confirm-type@confirm参考地址uni-app 实现表单项“下一项”里面的moveNext方法修改下 //焦点移动 moveNext(dom){ this.focusList={ ...this.focusList, [dom]:true, } },原创 2021-07-12 15:53:35 · 476 阅读 · 0 评论 -
js 删除对象属性
const obj={ a:1, b:2, } delete obj.a console.log('obj', obj);大量删除操作建议使用es6的map。原创 2021-07-08 10:04:47 · 119 阅读 · 0 评论 -
客户端关闭http请求，服务器为什么还会发送数据？
参考HTTP response after request cancellationTCP协议详解概况tcp请求是双向的，客户端关闭了，不接受数据。但是服务端没有关闭，仍然会发送数据。TCP connections are bi-directional, and a single Fin only closes one direction. When you cancelled your request on the client side, you sent a Fin and the serv原创 2021-07-08 09:51:13 · 1177 阅读 · 0 评论 -
uniapp image 的mode常用属性
比起文字，我更喜欢图片来的直接,使用image时，外层建议包裹一层view，因为image mode .image_wrapper{ width: 400rpx; height: 400rpx; border: 1px solid black; margin: 0 auto; .img{ width: 100%; height: 100%; } }aspectFit 缩放显示图片全部aspectFill 缩放填满容器，但原创 2021-07-05 14:46:30 · 14852 阅读 · 0 评论 -
vue v-if和v-for不要同时使用
错误 <view v-if="item" v-for="item in list">{{item.id}} </view>无论item是否有值，v-for 都会执行，所以可能会产生 can not read id of null的错误。正确写法分开写，推荐使用template空标签 而不是view <template v-if="list.data"> <view v-for="item in list">{{i原创 2021-06-25 14:01:04 · 106 阅读 · 0 评论 -
js await/async 和promise的try catch 区别与坑
结论说前推荐使用async和await，语法看起来更简洁和顺眼区别pormise的then 和catch不会阻塞后面的代码 console.log('.then代码的之前'); api() .then((e) => { console.log('.then执行了'); }) console.log('.then代码的之前');而 await/async 并不会阻塞后原创 2021-06-23 10:17:12 · 659 阅读 · 0 评论 -
flex 设置一行个数
关键属性flex-wrap: wrap;,是否felx里面会换行。如何设置几个设置子元素的宽度，想3个 就宽度33.3333% 想5个就20%例子 .cardList { display: flex; flex-wrap: wrap; .card { width: 33.3%; .content { width: 220rpx; height: 260rpx; margin: 0 auto;原创 2021-06-08 17:51:54 · 8965 阅读 · 2 评论 -
在行内样式 或 对象格式的样式中 使用scss变量
前言scss可以通过$mcolor:color,设置变量，方便全局统一样式和后续修改整体风格。一般也不会写行内样式，所以用起来没什么问题。但是在使用uniapp及其第三方ui框架uview的时候，有的样式你还必须得写成行内。比如下面这个配置。必须写成对象格式的。所以需要在这里也能拿到scss定义的变量。方法,使用css变量/*uni.scss scss文件*/$testColor: red;/*App.vue 全局的样式文件*/body{--difference:#{$testColor原创 2021-06-08 15:47:48 · 3653 阅读 · 0 评论 -
chrome浏览器 自动创建网页标签组，将网页分组
组功能非常方便，尤其是多网页多的时候但是关闭打开都要重新手动添加组太麻烦。可以设置自动分组chrome://flags/原创 2021-05-31 16:44:48 · 1091 阅读 · 0 评论 -
vuex总结
下载yarn add vuexmain.js注入import store from '@/store'const app = new Vue({ ...App,store})单文件简单基本结构import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ state: {}, getters: {}, mutations: {},原创 2021-05-30 13:31:16 · 109 阅读 · 0 评论 -
webstrom uniapp rpx格式化空格 报错飘红 的解决方法
网上搜遍了大多就两种1 sed+解除css报错检测设置webStrom的filewatdher 实现空格rpx 自动替换，但是我这并没有用处，会一直卡在这里。2 插件然而仍然没有作用解决方法参考文章下载 wechat mini program support 插件,设置里面讲小程序支持选为启用。等待一两分钟即可。刚选完时候我的也没反应，但确实过了一会之后就不漂红，格式化没空格了。效果 格式化之后没空格，css也不飘红了...原创 2021-05-28 14:18:46 · 5083 阅读 · 7 评论 -
uniapp 路由传递对象类型参数
直接传递导致对接被截成"[Object Object]" 字符串解决方法传递先把数据JSON.stringify转string格式，再使用encodeURIComponent对数据特殊字符进行转换url:`xxxxx?param=${encodeURIComponent(JSON.stringify(param))}`解析跳转页面后，使用decodeURIComponent把特殊字符转回来，再使用JSON.parse转成对象格式即onLoad: function(option) { //op原创 2021-05-19 10:20:11 · 1437 阅读 · 0 评论 -
css溢出文本省略号
参考地址CSS实现单行、多行文本溢出显示省略号（…）简单总结overflow: hidden;text-overflow: ellipsis;white-space: nowrap;原创 2021-05-12 16:41:58 · 115 阅读 · 0 评论 -
vue slot插槽
参考地址:Vue 中插槽slot的用法和应用场景个人总结React中组件双标签写的时候，标签里面放东西。可以通过props.childeren来获得但是vue没有props.childeen这种东西。但是我又想有类似的效果。所以插槽出现了。父组件<template> <h1>父组件</h1> <Child>双标签中的内容</Child></template>子组件<template> <原创 2021-05-12 16:00:11 · 103 阅读 · 0 评论 -
uniapp height高度 100% 无效的问题
错误示例<template> <view class="test"> 111 </view></template><style lang='scss' scoped> .test { height: 100%; background-color: pink; }</style>原因百分比想有效果，那么必须外层父元素设置了高度。类似web经常会全局设置的html，body一样解决给外层元素加上高度原创 2021-05-11 10:26:02 · 7026 阅读 · 0 评论 -
uniapp 小程序 嵌套组件 flex 失效的问题
简单代码示例list是父，item是子item<template> <view class="test"> <text>111</text> </view></template><script></script><style lang="scss" scoped> .test { flex:1;//子组件flex：1 border: 3px solid blue; }原创 2021-05-11 09:35:04 · 4459 阅读 · 2 评论 -
uniapp tabBar配置后不显示，无效的问题
原因tabBar.list数组的第一项必须和pages配置中的第一项要相同。错误写法tabBar.list的以一个数组单独配置了页面。正确写法和pages的第一个保持相同然后就好了原创 2021-05-10 11:42:23 · 14082 阅读 · 4 评论