学习笔记
鱼—是鱼
新手上路,记录脚步
展开
-
angularjs $watch一些使用坑。
作用:angularjs $watch可以监控元素值得变化,当元素值发生变化时进入该方法。 遇到的问题描述:前端有一个开关按钮(enable),他的值会根据后端返回的数据中的另一个值(text)变化,开关按钮的值不会从后端获取。若text值不为空,则开关打开(enable=1)。在实现之后,页面中有其他的功能会更新表单中的数据。在更新表单中的数据时text前后的值没有变化,此时不会触发$watch的方法,也就不能给开关赋值,此时开关被关闭。但是我却不想开关关闭。 错误猜想:1.以为$watch方法被取。原创 2022-05-25 18:45:22 · 454 阅读 · 0 评论 -
301重定向存在的问题
问题描述:系统中需要将http的页面重定向到https页面。此功能的由服务器配置来实现较为简单。但是系统中能够修改访问系统的端口号,当修改了https访问的端口号后,再通过http去访问页面。此时浏览器自动判断http请求需要重定向并且是301状态码(此时请求根本没到达服务器)。浏览器认为是301状态码,直接从缓存读取到了重定向的目标地址(也就是https地址)。但是这个时候的https端口号已经修改,导致访问不到系统。清理浏览器缓存后才能访问系统。 解决思路:禁止浏览器缓存 实现: 1.给页面添加m原创 2022-03-29 10:29:38 · 1219 阅读 · 0 评论 -
openssl 申请证书 不能正确的存中文。
本人前端兼顾后端。在写一个路由器配置页面申请证书时。证书无法正确显示中文。大多是乱码。但是要求又需要能使用中文。这时候怎么办呢?去修改openssl源码么?那难度也太大了一点吧。 那就只能前后端来解决咯。当然是在后端写入配置文件之前。和读出证书数据之后,返回前端之前。进行一次编码和解码呀。这里用到php的urlencode和urldecode函数。 function encodeUnicode($str) { return urlToHex(urlencode($str)) ; } func原创 2021-09-13 17:19:56 · 326 阅读 · 0 评论 -
Three.js显示一个可控制的3D模型
在学习WebAR的过程中,我想用three.js自己创建一个3D模型而不是加载已经写好的obj文件。 这里我们使用到CSS3DRenderer.js(css3模型渲染器)和TrackballControls.js(场景控制器)当然还有Three.js 下面讲讲js部分代码 首先定义Three.js必备的东西 var camera, scene, renderer;//创建相机,场景,渲染器...原创 2019-10-21 10:23:08 · 1413 阅读 · 0 评论 -
vue用v-model实现数据双向绑定来实现简单的计算器(只有+-*/)
v-model 可以实现表单元素和model中数据的双向绑定(只能用于表单元素)(input,select,checkbox,......) 代码实现: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con...原创 2019-08-29 15:02:53 · 609 阅读 · 0 评论 -
vue中使用class样式的方法 以及v-for的基本用法
class样式的使用方法: 1.数组:<h1 :class="['red','thin']"> </h1> 2.数组中可以使用三目运算符:<h1 :class="['red','thin',isactive?‘active’:‘’]"> </h1> 3.数组中嵌套对象:<h1 :class="['red','thin',{'active:isa...原创 2019-08-30 15:33:16 · 1516 阅读 · 0 评论 -
vue中v-if和v-show的介绍及区别
v-if和v-show v-if: 每次都会重新创建或者删除目标元素(切换性能消耗大)(元素切换频繁不推荐使用) v-show: 只是切换了元素的display:none样式,将目标元素隐藏或显示(初始渲染性能消耗) 代码演示: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...原创 2019-08-30 15:49:37 · 153 阅读 · 0 评论 -
vue实现一个具有添加、删除、按关键字过滤的列表管理
直接贴代码了: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...原创 2019-09-03 16:28:12 · 644 阅读 · 0 评论