- 博客(18)
- 收藏
- 关注
RSS订阅原创 【HTTPS】清晰明了的HTTPS过程
HTTPS功能防监听、防篡改、防身份伪装HTTPS请求过程客户端请求服务器返回证书，其中存储了(CA私钥)加密后的{公钥}，为了确保证书可靠同时传递签名（公钥&个人信息使用Hash算法变为信息摘要，使用(CA私钥)加密变为数字签名，和原始信息一起传，如下图客户端用{CA公钥}解密得到信息摘要，用同样的Hash算法对收到的原文生成摘要，对比，验证证书，得到{公钥}客户端生成[对称密钥]客户端用{公钥}加密[对称密钥]，发送[公钥加密的对称密钥]服务器用{私钥}解密，得到[对称密钥]
2021-08-13 15:13:26
175
原创 【JS】原型与原型链的个人总结
总结了下JavaScript的原型与原型链。所有引用类型都有一个__proto__属性所有函数都有一个prototype属性，并且只有函数有，该属性指向的是一个有constructor属性的对象，其中constructor指向该函数（顾名思义指向构造函数）所有引用类型的__proto__属性指向它构造函数的prototype，即instance.__proto__ === Constructor.prototype，一经创建默认为这样在JavaScript对象中，每当定义一个对象的时候，对象中都
2021-06-26 21:57:59
153
原创 【JS】var、let、const
在ES6之前，JavaScript中声明变量只有var，声明函数使用function。ES6后，声明的方式有var、let、const、function、class。var声明的变量属于函数作用域，let和const声明的变量属于块级作用域；var存在变量提升现象，let和const没有此现象（不能初始化，如果把const初始化为undefined，之后又赋值，就改变了const的引用），可以叫做暂时性死区（进行实例化时，let/const会被创建，但还未进行词法绑定，所以不能被访问）；v.
2021-03-21 23:41:25
175
转载 【JS】attribute 和 property 的绑定
如果在最开始的时候，更新 attribute value 的值，property 的值也会随之改变但是更新 property value 的值（在文本框输入或给 input.value 赋新值 ），attribute 的值不会随之改变，而且此时再更新 attribute 的值，property 的值也不再随之改变这其实是脏值标记（dirty value flag）在起作用，dirty value flag 的初始值为 false，即 attribute value 的更新默认会改变对应的 propert
2021-03-18 11:18:33
181
原创 【CSS】优先级和权重
优先级首先说一下比较简单的大致划分，一般来说优先级我们有如下判断：!important。在属性后面使用该关键字可覆盖任何其他样式 内联样式 id选择器，如#id 类选择器、属性选择器（[attribute]）、伪类选择器（a:hover） 标签选择器、伪元素选择器（::before） 通配选择器（*） 继承以上高优先级的可以覆盖低优先级。注意：继承的样式要低于但是有一些比较复杂的情况下，就要用权值来算权重来确定优先级了。权重权值划分：第一等级：代表内联样式，styl
2021-03-09 20:46:11
1107
原创 【CSS】float属性与display属性的结合使用
基础知识本人基础不牢，写之前先把基础过一下嘻嘻。。float浮动，指让某个元素脱离标准流，漂浮在标准流之上，和标准流不是一个层次。假如某个div元素A是浮动的，如果A的上一个元素也是浮动的，那么它跟在上一个元素（浮动元素）之后排列；如果它 的上一个元素是标准流元素，那么A的顶部和上一个元素（标准流元素）的底部对齐。清除浮动语法：clear: none | left | right | both取值：none: 默认值。允许两遍都可以有浮动对象。left: 不允许左边有
2021-03-07 22:05:13
1769
转载 【CSS】display: flex；
弹性布局，能够扩展和收缩flex容器内的元素- 在不同方向排列元素- 重新排列元素的显示顺序- 更改元素的对齐方式- 动态地将元素装入容器1. 基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。在 Flexbox 模型中，有三个核心概念：– flex 项（注：也称 flex 子元素），需要布局的元素– flex 容器，其包含 fl
2021-03-07 17:15:58
107
原创 【Html】a标签target: ‘_blank‘, rel: ‘noopener‘
为了安全性。使用target=’_blank’打开一个新标签时，新页面的window对象上有一个属性opener，它指向的是前一个页面的window对象，因此，后一个页面就获得了前一个页面的控制权。比如的 a 标签是这样<a href='/index'>打开连接</a>，打开后在控制台输入 window.opener.alert(1)，该页面会弹出警告框。如果你需要用 a 标签打开一个标签页时，你会使用 target=’_blank’ 这个属性，此时你需要添加 rel=‘no
2020-12-20 15:37:13
2550
1
原创 【Vue】keep-alive
keep-alive是一个抽象组件，它自身不会渲染一个DOM元素，也不会出现在父组件链中。使用keep-alive包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。keep-alive用于保存组件的渲染状态。...
2020-12-18 23:01:02
132
1
原创 【CSS】-moz、-ms、-webkit、-o
父级absolute，子级relative父级relative，子级absolute父级子级都是relative1.最常见的做法：父级relative，子级标签position，无论浏览器如何改变，都是相对浏览器的定位。
2020-10-24 20:03:31
148
原创 【Vue】... 三个点
@supports (-webkit-mask: none) and (not (cater-color: $cursor)) { .login-container .el-input input { color: $cursor; }}上边这段代码主要是解决光标颜色和文字颜色一致caret-color属性可以改变输入框插入光标的颜色，同时又不改变输入框里面的内容的颜色。input { color: #333; caret-color: red;}光标颜色变成红
2020-10-24 19:35:38
1159
原创 【Java8】函数式编程中部分函数的解释
Map<Integer, DiversionConditionModel> map = ruleConditionList.stream() .collect(Collectors.toMap(DiversionConditionModel::getConditionId, x -> x));
2020-08-16 14:02:36
136
原创 【HTML+CSS】在html中动态设置style
<div class="type" @click="selectType(item.id)" :style="[{'background-color': item.id==select? '#0987d8': '#f5f5f5'},{'color': item.id==select? 'white': 'black'}]">
2020-08-08 18:20:15
1820
原创 【Vue】子组件向父组件传值
子组件（名为child）的某个method（如点击触发的事件 等）：childMethod() { this.$emit('child-method', this.data1)}其中child-method为自定义字符，this.data1为想传的值父组件：<child @child-method="parentMethod" />当子组件中的childMethod方法被调用时，this.$emit()使得父组件中的@child-method被调用，parentMethod接
2020-07-25 01:09:20
159
转载 【Vue】ref的用法
Vue提供了一个调用dom的属性，ref。基本用法，本页面获取dom元素绑定在dom元素上时，用起来与id差不多，通过this.$refs来调用：<div ref="test">test</div>console.log(this.$refs.test)输出：看到打印出来就是绑定的dom对象，可以用来执行一些dom操作，比如操作样式，获取属性等：let testDom = this.$refs.testtestDom.style.height = '200px'
2020-06-24 17:16:01
341
转载 【Vue】v-bind(:冒号)与v-on(@)
v-bind用于绑定html属性。<!-- 完整语法 --><a v-bind:href="url"></a><!-- 缩写 --><a :href="url"></a>v-on 用于绑定html事件。<!-- 完整语法 --><a v-on:click="doSomething"></a><!-- 缩写 --><a @click="doSomething">
2020-06-17 21:04:49
856
原创 【Vue】img标签src动态绑定路径不显示图片问题
可正常显示：<img src="@/imgs/recommend-1.png" />当使用v-for动态获取路径时不能显示图片。（在此使用了vant）<van-swipe-item v-for="(item, index) in recommends" :key="index"> <img :src="item.img" /></van-swipe-item>data() { return { recommends: [
2020-06-17 17:54:45
3428
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人