![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
裴嘉靖
学而不思则罔 思而不学则殆
展开
-
Vue之组件(插槽slot与可复用组件)
课程大纲(1)插槽基础案例(2)插槽分类1、单个默认插槽2、具名插槽3、作用域插槽4、解构插槽(3)v-slot新语法(4)编写可复用组件前言前言及场景:插槽概念在Vue中十分重要在很多第三方的Vue模块或插件中都会大量使用插槽作用:通过插槽slot可以更加方便的向子组件传递DOM元素,同时子组件使用插槽内容也十分简单,大大简化了代码,增加了代码可读性。插...原创 2019-10-30 20:09:20 · 2361 阅读 · 0 评论 -
Vue添加书籍
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>图书管理系统</title> <script src="js/jquery.js" type="text/javascript" charset="utf-8"></scrip...原创 2019-10-29 18:54:24 · 926 阅读 · 0 评论 -
Vue工程化---脚手架搭建与工程化
步骤1、卸载旧版node—uninstall nodejs2、安装新版,测试node版本和npm版本3、安装cnpm淘宝镜像4、安装vue-cli脚手架工具5、创建vue项目—一系类的配置6、项目下载完毕后,进入cd项目文件,启动项目npm run dev淘宝镜像遗留问题上节安装了淘宝镜像cnpm,安装成功后检测cnpm版本此时cmd输出cnpm版本,表示安装成功。node_...原创 2019-10-29 18:25:43 · 430 阅读 · 0 评论 -
Vue之组件(绑定原生事件、$listeners、$ref)
课程大纲(1)组件绑定原生事件(2)监听器属性$listeners(3)ref与ref与ref与refs注册引用信息属性和对象组件绑定原生事件有时,我们想要在一个组件的根元素上直接监听一个原生事件,一般操作步骤如下1、首先定义一个 child 组件,什么事件都不绑定,代码如下:2、接下来,给 child 组件增加一个 @click 事件,如下所示3、这个 han...原创 2019-10-28 20:43:43 · 2592 阅读 · 0 评论 -
Vue之组件(组件细节、模块系统、v-model语法糖)
前言本节针对组件应用相关细节做下补充,以便查漏补缺,大纲如下(1)H5编码规范与template模板的3种写法(2)组件data(3)组件名(4)组件注册(5)模块系统(需结合后续工程化使用,这里简单了解即可)(6)自定义事件(父子组件通信)(7).sync修饰符(8)自定义组件之v-model语法糖H5编码规范分析如下代码中的组件解析结果H5规范中要求,t...原创 2019-10-28 20:18:30 · 470 阅读 · 0 评论 -
Vue之组件(Props特性深析)
前言本节总结罗列下组件传参props的相关细节点,大纲如下1、Props命名风格2、Props动态和静态3、组件参数Props校验4、非Props特性与Props特性5、$attrs和inheritAttrs继承属性Prop命名风格【前言】创建一个博文组件,如果你不能向这个组件传递某一篇博文的标题或内容之类的我们想展示的数据的话,它是没有办法使用的,这也正是 prop 的由...原创 2019-10-28 19:40:00 · 841 阅读 · 0 评论 -
Vue之组件(动态组件及keep-alive)
动态组件首先看下效果图选项卡效果可以通过 Vue 的 元素加一个特殊的 is 特性实现,下图:Vue可以在不同组件之间进行动态切换,这种方法称为动态组件,下图:①绑定is特性②绑定计算属性此时,切换activeTab便可以切换展示信息。,下图:接下来给按钮添加点击事件,点击切换,下图:给按钮添加激活样式,下图:动态组件嵌套组件同样可以实现选项卡嵌套上...原创 2019-10-23 19:49:30 · 837 阅读 · 3 评论 -
Vue之组件(组件通信、单向数据流)
组件通信我们已经知道,从父组件向子组件通信,通过 props 传递数据就可以了,但 Vue 组件通信的场景不止有这一种,归纳起来,组件之间通信可以用下图表示。组件关系可分为父子组件通信、兄弟组件通信、跨级组件通信。本节主要介绍下常见父子通信的方法。单向数据流单向数据流是父子组件的核心概念,props是单向绑定的。当父组件的属性发生变化的时候,会传导到子组件。但是反之,为了防止子...原创 2019-10-23 19:36:23 · 156 阅读 · 0 评论 -
Vue之组件(基础、分类、命名)
前言组件( Component )是 Vue.js 最核心的功能,也是整个框架设计最精彩的地方,当然也是最难掌握的。接下来会由浅入深地学习组件的全部内容,并通过几个案例练习熟练使用 Vue 组件。正式讲解组件前,先看个场景,了解下为什么学习组件?场景举例有人会问:为什么学习组件,作用是什么?接下来看个场景 下面图中是个很常见的聊天界面,有些标准的控件,比如右上角的关闭按钮、...原创 2019-10-22 15:58:21 · 809 阅读 · 0 评论 -
静态补充CSS类型转换
块级元素常用的块级block标签:<hn>...</hn> 标题标签<hr> 水平分割线<p>...</p> 段落<ul>...</ul> 无序列表<ol>...</ol> 有序列表<dl>...</dl> 定义列表<table&g...原创 2019-10-21 19:43:03 · 81 阅读 · 0 评论 -
JavaScript深拷贝和浅拷贝
首先我们看一下如何区分深拷贝与浅拷贝,简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化①如果B也跟着变了,说明这是浅拷贝,功力不够②如果B没变,那就是深拷贝,自食其力,修成正果接下来会分别阐述栈堆,基本数据类型与引用数据类型,这些概念能帮助理解深拷贝与浅拷贝。浅拷贝案例首先举个浅拷贝例子:有人可能会问:明明b复制了a,为啥修改数组a,数组b也跟着变了。这里就...原创 2019-10-21 19:19:09 · 113 阅读 · 0 评论 -
Vue之内置指令(基本、条件、列表渲染)
今天咱们分为七个部分,如下(1)JS迭代器(2)遮罩指令v-cloak(3)多条件渲染指令v-if、v-else-if、v-else(4)列表渲染指令v-for(5)列表渲染指令标识符key属性(6)key属性由来与虚拟DOM(7)diff微分算法第一:JS迭代器**迭代器模式是一种相对简单的模式,迭代器的使用可以极大地简化数据操作,目前的绝大部分语言都内置了迭代器**...原创 2019-10-14 20:58:57 · 842 阅读 · 0 评论 -
Vue 指令
基本指令(1)v-bind指令语法格式1:单个语法格式v-bind:attributeName=variable以下是HTML代码:<div class="app"> <a v-bind:class="classFn" v-bind:title="titleFn" v-bind:href="hrefFn" v-bind:target...原创 2019-10-10 19:21:28 · 77 阅读 · 0 评论 -
vue的基础入门简介和数据绑定
Vue.js 是目前最火的一个前端框架,是前端的主流框架之一,和Angular.js、React.js 一起,并成为前端三大主流框架!Vue的使用安装?Vue.js是一个渐进式的js框架,前期的基础学习阶段,引入vue先用最简单的方式—通过script加载CDN文件,或者下载后通过script标签引入。(1)CDN版本:①开发环境版本,包含了完整的警告和调试模式③注意:在开发环境...原创 2019-10-09 18:52:10 · 541 阅读 · 0 评论 -
判断checkbox是不是选中状态
自己总忘,记下来比较好var dianji = document.getElementsByClassName("dianji")[0]; dianji.onclick = function(){ if(this.value==true){ console.log("选中") }else{ console.log("未选中") } }...原创 2019-09-10 16:11:08 · 578 阅读 · 0 评论 -
文字雨滴效果
如何使用canvas做出文字雨滴的效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>文字雨滴效果</title> <style type="text/css"> *{ margin: 0; padding...原创 2019-08-29 16:14:43 · 220 阅读 · 0 评论 -
什么是闭包?
闭包是指有权访问另一个函数作用域中变量的函数作用:访问另一个函数作用域中变量原理:通过匿名式函数把局部变量驻留在内存里,可以减少全局变量的使用优点是封装性,减少了全局变量的使用频率,防止污染。缺点是由于闭包作用域返回的局部变量资源不会被立即销毁回收,所以可能会占用更多内存,会导致卡顿,再多的话会导致内存泄露。...原创 2019-07-29 19:25:09 · 93 阅读 · 0 评论