- 博客(11)
- 收藏
- 关注
原创 Vue中的key值
列表渲染中key值的作用PS:•v-for的时候一定要设置key属性,不然会产生警告。• 如果我们要利用key属性的优点,必须保证同一父元素的所有子元素有不同的key属性。如果key值重复,会报错。当 Vue.js 用v-for正在更新已渲染过的元素列表时,它默认用“就地复用”策略。如果数据项的顺序被改变,Vue 将不会移动 DOM 元素来匹配数据项的顺序, 而是简单复用此处每个元素,并且确保它在特定索引下显示已被渲染过的每个元素。当v-for里面没有设置key属性时var arr=[1,2,3
2021-04-05 15:23:21
509
原创 Vue 单向数据流与双向数据流
【本文偏向概念上的区分】单向数据流 vs 双向数据流数据流指的是组件之间的数据流动。虽然vue有双向绑定v-model,但是vue父子组件之间数据传递,仍然还是遵循单向数据流的,父组件可以向子组件传递props,但是子组件不能修改父组件传递来的props,子组件只能通过事件通知父组件进行数据更改。优点是所有状态的改变可记录、可跟踪,源头易追溯; 所有数据只有一份,组件数据只有唯一的入口和出口,使得程序更直观更容易理解,有利于应用的可维护性vue支持单向绑定和双向绑定单向绑定:插值形式{{data
2021-04-05 11:03:50
2268
原创 同源策略与跨域解决方案
同源策略源是由 URL 中协议、主机名(域名)以及端口共同组成的部分。同源策略是浏览器的行为,为了保护本地数据不被JavaScript代码获取回来的数据污染,它是存在于浏览器最核心也最基本的安全功能。所谓同源指的是:协议、域名、端口号必须一致,只要有一个不相同,那么就是“跨源”。PS:HTML特殊标签 <link>,<script>,<img>,<frame>等这些标签具有跨域特性,可以直接访问跨域解决方案CORS(服务端解决)只需服务端
2021-03-11 21:02:08
277
1
原创 关于Canvas画布大小问题
1.canvas大小默认为300X150 <canvas id="myCanvas" style=" background-color: rgb(218, 108, 108);"></canvas> <script> var canvas = document.getElementById('myCanvas') var context = canvas.getContext("2d"); context.fillRect(0, 0, 100, 1
2021-03-04 17:14:12
3178
1
原创 HTML+CSS 五种居中方式
<div class="par"> <div class="son"></div></div>/* 方法一:利用定位 */ .par { width: 500px; height: 500px; background-color: rgb(241, 112, 60); position: relative; } .son { width: 10
2021-03-02 21:48:50
428
原创 Javascript:Cannot read property ‘value‘ of null
情况1:错误实例:<textarea id="txtRemark" rows="2" style="width:200px;" />错误原因:textarea这个控件本身不同于<input />、<img />等控件,它是没有value属性的,所以我们平时要按照正确的格式书写。正确写法:<textarea id="txtRemark" rows="2" style="width:200px"></textarea>情况2:JS 运
2020-11-10 16:51:01
536
原创 凯撒密码算法 Javascript实现
信息安全概论凯撒密码算法 ----Javascript实现<!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-UA-Compatible" content="ie
2020-11-10 16:02:12
1138
原创 元素水平均匀分布
1.浮动元素不定宽<div class="c"> <div class="b"> <div class="a"></div> <div class="a"></div> <div class="a"></div> <div class="a"></div> </d
2020-10-12 17:20:01
963
原创 MongoDB数据库安装及基本操作
一 . 预备操作 1.安装 npm i mongoose 输入mongod --version测试是否安装成功 2.开启与关闭数据库 # mongodb 默认使用执行mongod 命令所处盘符根目录下的/data/db作为自己的数据存储目录 # 所以在第一次执行该命令之前先自己手动新建一个 /data/db 开启:mongod 关闭:Ctrl+C 3.连接数据库 mongo 退出:exit 4.基本命令
2020-08-13 11:31:21
252
原创 JavaScript--封装方法(一)
JavaScript–封装方法(一)1.type方法function type(target) { var ret = typeof (target); var template = { "[object Array]": "array", "[object Object]": "object", "[object Number]": "number - object", "[object Boolean]": "boolean -
2020-07-20 15:53:05
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人