=筷子夹豆腐=-CSDN博客

原创 Chrome 小技巧

一些关于chrome开发和调试小技巧

2024-06-28 21:29:21 557

列表渲染中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 538

原创凯撒密码算法 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 1142

原创元素水平均匀分布

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

Keep_Doing的博客