cscscssjsp的博客

需求：一个vue项目打包放在windows系统 以桌面应用程序的方式打开。准备：1.electron ----- 可以在当前vue项目中 直接通过npm 安装 或者去官网git一个demo官方demo地址：https://github.com/electron/electron-quick-startvue项目安装命令npm install electron --save-dev //安装electronnpm install electron-packager --save-.

1.onReachBottom 滚动到底部事件 无效原因：滚动内容层级问题解决： v-for 出来的数据 在上一级设置height以及overflow：auto，滚动事件才有效，并且当前页面顶节点不能是自定义的组件，如：<my-component>原因：页面在scroll-view中解决：页面不能再此组件中，在此组件监听失效，事件也就不起作用了，如果在此组件中 则使用组件的监听滚动事件，一样可以做到上拉加载下一页2.v-for循环出来的数据在点击时 获取不到item对象...

利用a标签的target属性，把target设置成具体的页面跳转值，如果浏览器已经有标签页的地址是#/companyIndex，则点击上面的链接并不会打开新窗口，是直接进入已经打开的#/companyIndex；如果浏览器中没有地址是#/companyIndex的标签页，则此时target属性的行为表现类似'_blank'，会打开一个新的#/companyIndex标签页 ，有两种写法1.直接在html页面中写死<a class="product_content1_item_title po

1.给threejs中的一个物体说明其作用，设置一个提示标签，代码如下<div class="absolute bg_rgba6 warning_title_box center px-10 py-10" style="left:1000px;top:345px;"> 火灾警报 </div>效果如图：这是一个写死的通过css样式控制位置的标签，但是此时如果我们去转动物体，标签是不会动的，这样效果就很差了，如果标签多了都不知道是

1.

1.创建物体let geometry = new THREE.ConeBufferGeometry(0.01,0.05,16);// 圆锥几何体geometry.rotateX(Math.PI / -2);// 旋转几何体let material = new THREE.MeshBasicMaterial({ color: 0xff0000 });let cone = new THREE.Mesh(geometry, material);2.创建对象 把物体添加到对象去因为播放混合器参数

1.开启光源的阴影投射directionalLight.castShadow = true; // 开启阴影投射directionalLight.shadow.bias = 0.001;// 调整阴影偏差，减少阴影中的伪影directionalLight.shadow.mapSize.width = directionalLight.shadow.mapSize.height = 2048;// 设置阴影质量的宽高，值越高效果越好，同时性能消耗越大，值必须是2的幂，默认512,512

1.创建楼栋在上一篇文章中已经了解了创建物体的几个要素，本文在上一基础来进行实现，同样的所有的变量声明还是在init中完成，或者直接在mounted中声明，不要在data中，可以试验下在data中的效果，在这个例子中会很明显的感觉到浏览器渲染的卡顿撸起，在init中添加创建楼栋this.createFloor();createFloor(){ let _this = this; let a = createFloorOne(10,-66.6,7,'A栋',['

1.安装threejsnpm install --save three 安装import * as THREE from "three" 引入.vue组件中2.简单案例---创建一个简单几何体<style scoped> #container { width: 100%; height: 100%; }</style><template> <div id="container"></div>&lt

1.低版本ios中input输入框的@keypress事件中的event对象中没有键盘的key值，但是能返回keyCode，所以使用keyCode2.iheight值为100%或者百分比时，父类必须有height值，否则ios下height值会是默认值auto，也就是你内容多少就多高，还有低版本的ios对calc（）的函数的支持也不完美，在安卓或者ios12以上可以写嵌套calc（），但是低版本是无效的，例如：calc(100% - calc(1px+ x)),这种情况直接把里面的calc去掉就可以，.

1.在根state下定义数据，以及设置获取数据store/index.tsimport Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { lang:String, }, mutations: { lang(state,n){ state.lang = n; } },

1.在router.ts内，只有根路径使用 '/' 就可以，二级路由以及三级都写在children下，二级路由可以配置'/'，配置后是也是一个根路由，和'/'是同级的router/index.tsimport Vue from 'vue';import VueRouter, { RouteConfig } from 'vue-router';import home from '../views/home'import product from '../views/product'impo

1.main.jsVue.prototype.Cancel = [];在vue原型上声明一个全局变量 cancel用来保存在请求时的cancel方法2.统一请求拦截封装 http.jslet http = axios.create({ timeout: 30000, headers: { 'Content-Type' : 'application/json;charset=UTF-8' },});let _this = Vue.prototype;// 请求拦截

记录之前写的金额转为大写展示思想：1.先把大写金额需要用到的汉化数字、单位、钱币的金额单位、整数的描述 这些汉字罗列出来，声明为数组2.判断传过来的数字参数是否合法，设置最大处理数字，以及等于零时的处理3.上述条件都不成立时，说明是一个正常金额数字，判断其有没有小数部分，拆分金额分为整数部分和小数部分4.处理整数部分的返回结果，遍历整数部分，获取当前对象所在位数，以及其除以4和取余4的结果，分别控制其高级大额单位和基础小额单位，返回对应的汉化数字以及单位组合，5.处理小数部分的返回结