Clickkkkk-CSDN博客

原创 Vue的组件化开发-2（通信）

接上一篇的基础继续1.父子组件的通信方法：（1）通过props向子组件传递数据（2）通过事件向父组件传递数据properties

2020-10-17 18:39:15 120

1.概念组件是可复用的 Vue 实例，且带有一个名字。我们可以在一个通过 new Vue 创建的 Vue 根实例中，把这个组件作为自定义元素来使用。在自定义组件时，会用到Vue的全局APIVue.extend()和Vue.component()。(1) Vue.extend()使用基础 Vue 构造器，创建一个“子类”。参数是一个包含组件选项的对象。(2) Vue.componment()注册或获取全局组件。注册还会自动使用给定的 id 设置组件的名称。2.全局组件与局部组件（1）全局组件

2020-10-17 00:34:28 108

原创常见浏览器及其内核（国际）

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页的显示方式并显示界面。IE 和 Edge厂商：微软内核：Trident简介：IE浏览器是微软推出的Windows系统自带的浏览器，该浏览器只支持Windows平台。国内大部分的浏览器，都是在IE内核基础上提供了一些插件，如360浏览器、搜狗浏览器等。2015年3月微软确认将放弃IE品牌。转而在windows 10上，用Microsoft Edge取代了Internet Explorer。微软于2015年10月宣布2016年1月.

2020-10-13 15:45:42 295

原创 Vue：v-model指令，表单数据双向绑定

v-model官方API介绍1.v-model预期：随表单控件类型不同而不同。使用范围：<input> | <select> | <textarea> | components修饰符：.lazy - 取代 input 监听 change 事件.number - 输入字符串转为有效的数字.trim - 输入首尾空格过滤用法：在表单控件或者组件上创建双向绑定。双向绑定：如果用户更新了View(界面)，Model的数据（js中的数据）也自

2020-10-08 14:50:51 348

原创列表渲染指令v-for

v-for预期：Array | Object | number | string | Iterable (2.6 新增)用法：基于源数据多次渲染元素或模板块。此指令之值，必须使用特定语法 alias in expression，为当前遍历的元素提供别名，另外也可以为数组索引指定别名 (或者用于对象的键)。1.v-for与数组...

2020-10-06 15:10:26 389 1

原创引入js文件失败

我佛了问题：html文件引入js文件，一直失败。解决：忘了自己把IDEA的js语法换为了ES6。ES6使用<script>标签引入js文件需要注意type属性。 <script src="333_main.js" type="module"></script>注意那个type！必须是module！！可能这就是ES6吧。。。...

2020-10-05 21:59:40 738

原创 Vue条件渲染指令 v-if 和 v-show

v-ifv-elsev-else-ifv-show条件渲染，即根据一定的条件来判断是否渲染当前页面。1.v-if<div id="app"> <p v-if="isShow">v-if,isShow为true时</p></div><script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 ..

2020-10-04 16:22:14 239

原创绑定事件监听 v-on指令与其参数传递和修饰符

v-on1.基础官方文档链接 https://cn.vuejs.org/v2/api/#v-on作用：绑定事件监听。事件类型由参数指定。表达式可以是一个方法的名字或一个内联语句，如果没有修饰符也可以省略。预期：Function | Inline Statement | Object语法：<div id="app"> <button v-on:click="eventA()">A1

2020-10-04 14:37:57 474

原创关于v-bind属性名是否需要加引号

当属性名中含有js不支持的变量命名格式，如：-（不是下划线）和空格，也需要用’ ’ 引起来。例如：<div id="app"> <p v-bind:style="{'font-size':'100px'}">ohmybaby</p> <p v-bind:style="{color:'red'}">ohmybaby</p></div>color 不需要font-size 需要...

2020-10-02 16:52:32 405

原创 Vue：v-bind指令动态绑定

v-bind 动态绑定指令可以用于动态的处理a标签的herf属性值和img标签的src属性值。1.基本语法<div id="app"> <p>1.v-bind基本语法</p> <img v-bind:src="imgURL" alt=""> <a v-bind:href="aURL">hhh</a> <a :href="aURL">hhhhh3&lt

2020-10-02 12:29:38 526

原创 Vue基本指令-1

Mustache标签格式如<div> <p>{{message}}</p></div><script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 message:'Hello world!' } });</script>message是Script标

2020-10-01 23:11:01 146

原创 Vue的声明式编程与JS的命令式编程

Vue编程范式：声明式编程。命令“机器”如何去做事情(how)，这样不管你想要的是什么(what)，它都会按照你的命令实现。<div id="app">{{message}}</div><script> const app=new Vue({ el:'#app', //用于管理要挂载的数据 data:{ //定义数据 message:'Hello world!' }

2020-10-01 18:52:49 884

原创关于IDEA无法使用ES6 const

用idea使用ES6 ->const和let变量值，提示Const/let definitions are not supported by current JavaScript version解决方法：左上角-》File-》settings-》搜索javaScript找到下图内容进行设置

2020-10-01 18:35:31 517

转载十大经典排序算法

十大经典排序算法Build Status排序算法是《数据结构与算法》中最基本的算法之一。排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。用一张图概括：关于时间复杂度：平方阶 (O(n2)) 排序各类简单排序：直接插入、直接选择和冒泡排序。线性对数阶 (O(nlog2n)) 排序

2020-09-06 17:46:04 95

原创算法的时间复杂度问题

算法的时间复杂度概念算法时间复杂度其他相关概念计算O(f(n))基础由T(n)到O(f(n))[!!!]策略示例概念算法非形式的说，算法（algorithm）就是任何良定义的计算过程，该过程取某个值或值的集合作为输入并产生某个值或值的集合作为输出。这样算法就是把输入转换为输出的计算步骤的一个序列。可以认为，算法是求解计算问题的工具。时间复杂度时间复杂度是指执行算法所需要的计算工作量，即计算机执行相关程序所需要的时间（通过时间来评估效率）。算法的时间复杂度是一个函数，它定性描述该算法的运行时间。

2020-09-05 15:47:59 770

qiutian24的博客