随笔分类 - VUE
VUE学习之路
摘要：需求： 打包PC 桌面程序， 前提条件： 1、node （有个nvm 管理工具 可以管理不同的node版本） 2、Electron 官网入口 步骤： 1、安装前置内容 2、编辑 main.js package.js preload.js 文件 // main.js // Modules to con
阅读全文
摘要：1、背景图片纹理效果 实现方案：搬运 CSS代码： .pattern-overlay { font-size: 60px; font-family: 'microsoft yahei'; background-image: url(./pattern01.jpg); -webkit-text-fil
阅读全文
摘要：1、需求： 在做网站的时候、需要加一个根据页面滚动位置进行页面变化的效果。 2、实现方案： 自己写个滚动监听也不是很复杂、但是管理维护起来比较乱。所以直接找了这个插件 官网：vue-scrollmagic、插件地址 3、使用： 安装 npm i vue-scrollmagic --save 载入 /
阅读全文
摘要：之前在vue2项目中要用到轮播的功能，用swiper插件实现遇到了一些坑。 先上结果，运行安装命令： npm i swiper@5.x vue-awesome-swiper -s 在main.js文件中加上 import VueAwesomeSwiper from 'vue-awesome-swip
阅读全文
摘要：需求： 项目需要在3D场景增加动画按钮，直接添加到场景时 当场景过大的时候 、加载比较麻烦 因在找资料时发现这玩意居然要付费。故做此记录， 效果： 参考： 1、https://www.jiangweishan.com/article/css3htmlsdf20210208a1.html 2、http
阅读全文
摘要：1、安装 npm i animate.css --save 2、引用 main.jsimport 'animate.css' 3、使用 <img v-show="welcomeindex ==0" class="animate__animated animate__backInUp" :src="M
阅读全文
摘要：一般使用企业签名的iOS安装包 都需要一个下载地址，像蒲公英什么的 都有下载限制，所以求人不如求己。 内容也是复制别人的 ：https://lzw.me/a/itms-services-ios-install-ipa.html 不复杂 拿过去改几个地方就好 。 1、服务器升级https 2、创建 t
阅读全文
摘要：场景： THREE.Scene(); 场景辅助坐标模型： THREE.AxesHelper(20); 相机： THREE.PerspectiveCamera()// 透视相机 THREE.OrthographicCamera()// 正交相机 渲染器： THREE.WebGLRenderer() /
阅读全文
摘要：requestAnimationFrame 切换页面时, 之前定时的内容还会继续执行. 所以 要注意处理动画函数内容,否则会出现死循环. 遇到的问题: 我在两个页面都有使用 requestAnimationFrame 加载动画,所以排查的时候花了不少时间, 要是你只有一个动画函数的话, 排查应该没有
阅读全文
摘要：需求： 1、一个列表滑动效果为360 旋转 准备： 1、css 基础 2、Css 动画基础animation 3、transform-style 概念 4 transform 概念 5 JavaScript 基础 过程描述： 1、创建一组DIV 父子div 2、调整子级div的Y轴 以及 Z轴（y:
阅读全文
摘要：更改路由传递的参数： const query = JSON.parse(JSON.stringify(this.$route.query)) // 获取路由参数信息 query.id = Name //改变参数 this.$router.push({path:this.$route.path,que
阅读全文
摘要：原文：https://blog.csdn.net/dear_zx/article/details/82785250 防止链接丢失，复制一下 兼容iphone4/4s： @media (device-height:480px) and (-webkit-min-device-pixel-ratio:2
阅读全文
摘要：需求： 1、修改微信内置浏览器分享信息 记录： 1、申请公众号： https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN&token= 2、设定安全域名： 公众号设置 ——》 功能设置 ——》js接口安全域名设
阅读全文
摘要：背景图片路径找寻失败问题 1、加~ background-image: url("~@/assets/login/login-bg.png"); background-size: 100% 100%; 2、加require <div class="login_content" :style="`ba
阅读全文
摘要：1、路由设定，增加meta参数 { path: '/', name: 'Home', component: Home, meta: { index: 0, showFooter: true //由这个参数对路由进行控制 } }, 2、通过v-show绑定到tab上 <div class="burge
阅读全文
摘要：参考： https://www.bbsmax.com/A/nAJvB1mGJr/ 示例： right: 0px; //边距 transform: rotate(0deg); //旋转角度 /* transition:right transform 600ms linear 0s; */ transi
阅读全文
摘要：参考： 1、https://blog.csdn.net/m0_37201243/article/details/106862817 2、https://www.cnblogs.com/ifaswind/p/13430862.html 步骤： 1、安装Android 开发环境 2、增加一个 WebVi
阅读全文
摘要：方案 1 ： 添加环境变量 _JAVA_OPTIONS = -Xmx512M 2： 在新建的 系统变量里 变量名 _JAVA_OPTIONS 变量值 -Djava.net.preferIPv4Stack=true
阅读全文
摘要：参考： https://blog.csdn.net/leijie0322/article/details/80664554 https://www.cnblogs.com/jpfss/p/9106209.html 需求是要求在图片上添加一个动画效果，可以位置、颜色、大小等参数， 1、在原有的图片上增
阅读全文
摘要：阴影： --可以同时设定多个阴影、用逗号隔开 http://www.fly63.com/article/detial/4726 div { box-shadow: 10px 10px 5px #888888; }div {box-shadow: 10px 10px 20px 10px rgba(25
阅读全文
