
前端
文章平均质量分 51
前端
Mr_Bobcp
该用户资料受国家保护,不予公布。
展开
-
nginx反向代理解决打前端项目打包环境下https与http混用的问题
请注意,上述示例中的配置是基本的反向代理配置。根据你的需求,你可能还需要进行其他配置,例如添加SSL证书、缓存、限速等。原创 2024-06-26 14:00:30 · 745 阅读 · 0 评论 -
uniapp组件和HTML标签重名致设置标签样式不生效
在uniapp中使用 input 标签,希望修改 placeholder 属性内容的样式,在css( style)中修改未生效原创 2022-07-06 17:11:10 · 16538 阅读 · 0 评论 -
Vue项目中使用Three.js写Web3D页面问题记录
在Vue项目中使用Three.js出现明显卡顿现象:单页写的物体自动移动移植到Vue项目中明显卡顿原因:用浏览器开发者工具中的Performance分析网页性能,发现有一项reactiveGetter耗时占比高,展开其中包含调用Three.js相关函数,结合Vue响应式原理,Vue会对data里面的变量进行变化追踪,占用了资源。解决方法:将data中的数据写到mounted中或者定义当页局部变量在Vue项目中退出动画页面还会调用requestAnimationFrame现象:在Vue项目中某页面W原创 2022-01-19 16:32:13 · 17720 阅读 · 0 评论 -
Vue 中的 v-if 和 v-show 的区别
首先我们看一下Vue中文社区说明文档的介绍:v-if vs v-showv-if 是“真正”的条件渲染,因为它会确保在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建。v-if 也是惰性的:如果在初始渲染时条件为假,则什么也不做——直到条件第一次变为真时,才会开始渲染条件块。相比之下,v-show 就简单得多——不管初始条件是什么,元素总是会被渲染,并且只是简单地基于 CSS 进行切换。一般来说,v-if 有更高的切换开销,而 v-show 有更高的初始渲染开销。因此,如果需要非常频繁地原创 2020-12-31 14:07:33 · 16225 阅读 · 0 评论 -
Vue.js中判断某对象数组中某个对象属性值是否与传入的对象对应属性值相同
在Vue.js中判断某对象数组中某个对象属性值是否与传入的对象对应属性值相同JavaScript访问对象属性用点号和中括号的区别:点号后加标识符(静态的)中括号放字符串,字符串可以是动态的,obj[‘string’+variable]// 判断某对象数组中的某个属性值是否与传入的对象对应属性值相同,返回值为索引值,包含0Existed(Array,inputObj,inputProp){ for (let i in Array){ if(Array[i][inputProp] == i原创 2020-11-25 16:32:02 · 20541 阅读 · 0 评论 -
Vue @click 绑定的函数,同时传入事件对象和自定义参数
虽然是从Vue.js中了解到的,但是挺多地方也是适用的。一、仅仅传入事件对象HTML<div id="app"> <!-- 不写任何参数 --> <button @click="click">click</button></div>JSnew Vue({ el: '#app', methods: { click: function(event){ // 事件对象会自动传入第一个参数 console原创 2020-11-26 15:42:54 · 19258 阅读 · 0 评论 -
JS中为对象数组添加新对象结果导致数组中已存在的对象也修改了
问题描述为对象数组添加新对象结果导致数组中已存在的对象也改变了我需要将一个空数组中存放已有的某个对象,这个对象是复用的,结果每次执行添加后所有对象都成为了最后添加的那个。this.ObjList.push(this.Obj);问题分析因为数组是引用传递而不是值传递,指向的是同一个内存地址 ,所以赋值给数组里的对象其实一直都是同一个地址里存的同一个数组 ,所以最后一次输入的值会将每个引用的值都修改。解决方法先先将需要操作的Obj对象转换成字符串,然后再转换成对象这样就会新分配一块内存新创建一个原创 2020-11-25 16:25:45 · 18007 阅读 · 5 评论 -
HTML DOM的attribute和property
概念attribute:特性,property:属性,attribute 是元素标签的属性,property 是元素对象的属性;attribute是HTML标签上的特性,它的值只能够是字符串;property是DOM中的属性,是JavaScript里的对象;例子attribute是我们在html代码中经常看到的键值对下面代码中的 input 节点有三个 attribute:id:myinputtype:textvalue:myvalue <input id="myinput" ty原创 2020-11-12 16:34:32 · 16578 阅读 · 0 评论 -
express框架下ECHARTS和MySQL结合使用
express框架框架中目录结构app.js: 启动文件,或者说入口文件。package.json: 存储着工程的信息及模块依赖,当在 dependencies 中添加依赖的模块时, 运行 npm install ,npm 会检查当前目录下的 package.json,并自动安装所有指定的模块。node_modules: 存放 package.json 中安装的模块,当你在 package.json 添加依赖的模块并安装后,存放在这个文件夹下。public: 存放 image、cs原创 2020-06-24 17:02:11 · 17016 阅读 · 12 评论