- 博客(12)
- 收藏
- 关注
原创 阿里云部署一个vue+axios+nodejs+mysql项目(使用宝塔面板配置)
使用阿里云部署vue+axios+node.js+mysql的项目(借助宝塔面板完成部署)1. 购买阿里云购买阿里云的步骤我就不过多解释,告诉一下大家我选择的配置简单说一下,企业中使用最多的都是centos的系统,至于版本,不要选择太低,好像在宝塔面板中处理centos5.x的版本非常费劲。这里我们就选择的7.7的版本,因为我买的时候没有截图,我这边就重新截图了一张老用户的价格,我买的时候...
2020-02-25 22:37:01 4510 22
原创 组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)
组件使用v-model、$listeners、.sync(区别于v-model的双向数据绑定)自定义组件的v-model首先我们先说一下在自定义组件中使用v-model的必要条件在自定义的组件中要有input(这里我们先不讨论单选复选框)在自定义组件的模板对象中要有props属性,且里面要含有一个value在自定义组件的input标签上要绑定value属性值为props中传入的值,...
2020-01-19 20:19:43 378
转载 js二叉搜索树以及先序、中序、后序、层次遍历
二叉搜索树文章代码及一些解释性词语来自:https://www.bilibili.com/video/BV1x7411L7Q7?p=73,视频中少了一些内容,这里我都做了一些我自己的解释满足二叉树搜索树的条件:非空左子树中任意一个节点的值都要小于根节点的值右子节点中任意一个节点的值都要大于根节点的值左右子树本身也都是二叉搜索树如:在这个二叉树中,因为6作为5的左子树,不能比...
2020-05-07 22:17:17 516
原创 傻瓜式读懂TCP为什么需要三次握手和四次挥手
1. TCP三次握手的理解首先我们需要了解什么是 SYN ,什么是 ACK。SYN :他其实就是客户端和服务器端建立连接的一个握手信号,当客户端与服务器端建立正常的TCP网络连接的时候,客户端就会发送一个握手信号,也就是SYN。ACK :这是一个确认字符,表示在数据通信中,接收方(接收到SYN信号的一方)发送给发送方(这里的发送方指的是发送SYN握手信号的那一方)的一个传输类控制符,表明已...
2020-05-04 16:05:01 440
原创 重写一个简易的redux状态管理工具
1. redux中三个常见的方法getState(),用来获取state对象树dispatch(),分发同步actionsubscribe(),绑定监听,当state树中某些属性发生改变的时候,调用回调函数,重新渲染/** * 首先,该函数的返回值是一个对象,因为在调用的时候都是 store.getState(),所以返回的对象中有是三个属性的属性值必然是函数 */export ...
2020-04-22 19:00:36 149
原创 JS原型链
1. 什么是原型想必大家听到原型或者原型对象这些概念都是懵懵懂懂的,其实原型和原型对象都很好理解。说的俗一点,凡是对象都有一个属性叫做 __proto__ ,这个属性指向的是一个对象,那么称这个 __proto__ 叫做原型,那么什么是原型对象呢?那就是原型所指向的对象就叫做原型对象了,这个原型对象也就是其构造函数的 prototype 所指向的对象。2. 函数也是对象前面我们说了,每一个对...
2020-04-10 13:37:11 140
原创 js的延长作用域链的理解
js的延长作用域链的理解在了解延长作用域之前,先出个题目让大家小试牛刀,如果你会了,那么说明你已经懂了延长作用域的概念了,如果你没懂,那么就看看下文吧!function buildUrl() { var qs = "?debug=true"; var href = 'coderliu' with(location){ var url = href }...
2020-04-05 19:29:46 955 1
原创 混入和自定义指令(写一个类似于:style的自定义指令)
混入[Mixin]什么是混入混入的出现,其更好的解释就是对组件中可复用的功能进行管理,简单来说,假设是三个组件A,B,C,他们每个组件中都有同样的data中的属性,且属性值也一致,那么我们可以将这些重复的东西装入混入中进行管理,哪里需要用,我们就将混入的东西导入到已有的组件中即可,这样一来,即使没有在data中定义这些属性,我也可以使用它(前提是我导入了混入,并正确使用了他)。当然混入不仅...
2020-01-20 19:16:47 233
原创 递归组件、依赖注入、$refs、provide、inject的用法
递归组件、依赖注入、$refs、provide、inject的用法$root 用来访问根组件$parent 用来从一个子组件访问父组件的实例ref 和 $refs 的用法在组件上面使用 ref 这个属性绑定,属性值自取,然后就可以通过 $refs.属性名 这种方式去获取到指定组件的实例了。其实不仅仅是组件能够使用 ref ,标签元素也能使用。依赖注入现在我们有一个需求...
2020-01-20 19:13:35 538
原创 具名插槽、作用域插槽的新写法
具名插槽、作用域插槽的新写法具名插槽自 2.6.0 起有所更新。已废弃的使用 slot attribute 的语法但是我们有了新的语法,如下:子组件 childCom:<template id="childCom"> <div> <!-- 具名插槽的针对于组件中不止一个插槽的情况下使用,使用方式,即:给每个插槽指定 name 属性,在使用...
2020-01-19 20:23:10 865
原创 Prop验证、inheritAttrs、$attrs的用法和坑
Prop、inheritAttrs、$attrs的用法和坑Prop验证Vue.component('my-component', { props: { // 基础的类型检查 (`null` 和 `undefined` 会通过任何类型验证) propA: Number, // 多个可能的类型 propB: [String, Number], // ...
2020-01-19 20:16:09 192
原创 Vue中你不知道的东西以及一些注意事项
Vue中你不知道的东西以及一些注意事项v-html使用 v-html的时候该指令中的值会覆盖绑定标签中原有的值,且使用v-html的时候不要将他设置为给用户提供内容的地方,因为v-html很容易被XSS攻击v-bind使用v-bind绑定属性值为布尔值的属性时,如果数据为truthy,则该布尔值属性都不会被渲染出来如果数据值为其他任意存在的值,就意味着值为truev...
2020-01-18 20:17:20 267 2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人