![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
金胜涛
这个作者很懒,什么都没留下…
展开
-
Vue学习之transition实现过渡效果
先来一个简单的栗子如下代码,假设不使用transition,那么我们得到的效果就是一个简单的显示与隐藏之间的切换。在加入了transition之后,这个显示与隐藏就有了“过程”。首先当点击按钮隐藏的时候,会有两个class被附加到transition上并依次执行,分别是.v-leave和.v-leave-to,前者代表“出场前”的状态,后者代表“出场后”的状态。当再次点击按钮显示的时候,同...原创 2019-12-17 11:15:20 · 605 阅读 · 0 评论 -
Vue学习之transition-group列表过渡组件复用
如下代码,本质上就是将transition-group作为根组件,内部使用slot插槽。代码中使用到的Velocity是一个高性能的动画库使用方式为Velocity(元素节点,css样式,配置项)配置项详情可参考Velocity.js中文文档Vue.component('demo-component', { template: ` <transition-group...原创 2019-12-17 10:27:11 · 495 阅读 · 0 评论 -
作用域链简述
[[scope]]:作用域这是函数的一个属性,系统能访问而我们不能访问,里面存放的是函数的执行期上下文(也就是AO和GO对象);function a(){ function b(){ function c(){ } c(); } b();}a();当函数a定义时--------->...原创 2019-05-07 09:22:01 · 232 阅读 · 0 评论 -
BOM简述
BOM 1、BOM 包括了所有的JS对象 ,是一个对象集合群 2、在JS中最大的对象是window对象 3、全局的也是相对window来说的;也就是说全局的东西,其他地方都可以访 问 4、学习DOM目的:进一步熟悉JS 是怎么在浏览器这个平台进行运行的 5、这里需要更加了解浏览器的一些功能window下六大对象...原创 2019-05-07 09:20:21 · 350 阅读 · 0 评论 -
vue父子组件传值
1.父组件向子组件传值采用prop down 属性向下传递的方式1.在父组件中通过子组件标签声明属性的方式传递数据2.在子组件中声明props接收父组件传递给自己的数据app.jsconst template= ` <div> <section class="todoapp"> <todo-header v-on:addTodo="addTo...原创 2019-05-07 08:46:28 · 163 阅读 · 0 评论 -
JavaScript原生实现mvvm
index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...原创 2019-05-07 08:31:05 · 334 阅读 · 0 评论 -
async函数
我们知道,promise用于控制异步流程,但是它本身还是需要回调函数,这不太方便。因此,在es6中新增了一个函数——async函数。语法:async function add(x,y){ }用以上这种方式声明的函数为异步函数,返回值为一个promise对象在async函数中使用awaitasync function fn(){ //在async函数的内部可以使用awa...原创 2019-05-06 22:02:59 · 570 阅读 · 0 评论 -
jQuery事件相关
jQuery事件绑定<body> <button></button> <script> /**jQuery中有两种事件绑定的方式 * 1、eventName(fn) * 编码效率略高/部分事件jQuery没有实现,所以不能添加 * 2、on(eventName,f...原创 2019-04-26 20:22:56 · 121 阅读 · 0 评论 -
jQuery节点操作
jQuery添加节点<script> //创建节点 var $li = $('<li>我是新的li</li>') //添加节点 $('button').click(function () { //在ul内部的最后添加li 两种写法 // $('ul').append($li); ...原创 2019-04-26 20:21:12 · 116 阅读 · 0 评论 -
jQuery属性操作
jQuery内容选择器 <script> //找到既没有文本内容也没有子元素的指定元素 var $div=$('div:empty') console.log($div); //找到有文本内容或者子元素的指定元素 var $div=$('div:parent'); console....原创 2019-04-26 20:19:33 · 161 阅读 · 0 评论 -
jQuery核心函数和工具方法
jQuery核心函数$()就是jQuery的核心函数 <script> //可以接收一个函数 $(function () { //接收一个字符串选择器 //返回一个jQuery对象 var $div = $('.content'); console....原创 2019-04-26 20:15:50 · 93 阅读 · 0 评论 -
Mongodb数据库
MongoDB关系型数据库和非关系型数据库表就是关系,或者说 表与表之间存在关系。所有的关系型数据库都需要通过sql语言来操作所有的关系型数据库在操作之前都需要设计表结构而且数据表还支持约数唯一的主键默认值非空非关系型数据库非常的灵活,有的非关系型数据库就是 key-value 对儿。但是 MongoDB 是长得最像关系型数据库的非关系型数据库。MongoDB 不...原创 2019-04-26 20:11:06 · 136 阅读 · 0 评论 -
Express框架基础
Express简单语法var express = require('express');var app = express();app.get('/', function (req, res) { res.send('hello express');});app.listen(3000, function () { console.log('app is running at po...原创 2019-04-26 20:08:58 · 87 阅读 · 0 评论 -
Node.js基本原生操作
文件命名不要命名为 node.js操作文件var fs = require('fs');// 读文件// 注意,这里的 './' 相对的是执行 node 命令所处的终端路径// 其实所有文件操作路径中,相对路径都是相对于执行 node 命令所处的终端路径fs.readFile('./book.txt', function (error, data) { console....原创 2019-04-26 20:06:58 · 155 阅读 · 0 评论 -
requireJS 路径解析问题
requirejs 路径解析问题在requirejs的模块路径解析里,baseUrl是非常基础的概念。简单的说,baseUrl指定了一个目录,然后requirejs基于这个目录来寻找依赖的模块。举个例子,在00.html里加载requirejs,同时在requirejs所在的script上声明data-main属性,那么requirejs加载下来后,它会做两件事情<script...原创 2019-03-25 19:35:55 · 1501 阅读 · 0 评论