![](https://img-blog.csdnimg.cn/20201014180756918.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
随笔
Shmily_zc
学无止境
展开
-
接上篇(摸到vue门槛后再进阶)组件,生命周期钩子函数,vue脚手架
一、组件页面中的一部分,可以复用, 本质上是一个拥有预定义选项的一个 Vue 实例1.组件的定义和使用全局组件的定义Vue.component("组件的名字",{ template:"<div>组件模版的内容</div>" template 必须有 })组件的使用局部注册组件的定义 (常用)...原创 2020-04-26 21:15:14 · 128 阅读 · 0 评论 -
论JS函数传参时:值传递与引用传递的区别
JS中函数值传递和引用传递在说值传递和引用传递之前,先理清几个基础概念:一.基本类型和复杂类型:1.基本数据类型:String , Number , Boolean , Null , Undefined2.复杂数据类型:Object。以上这五种数据类型称为基本数据类型,这5中基本数据类型可以直接访问,它们是按照值进行分配的,存放在栈中的简单数据段,数据大小确定,内存空间大小可以分配。复...原创 2020-02-21 20:00:34 · 214 阅读 · 0 评论 -
定义一个五星评价的组件
var Star = { template: `<div class="star"> <div v-for="(n,index) in 5" @mouseenter="enter(n)" @mouseleave="leave" @click="ok(n...原创 2020-04-23 23:11:01 · 216 阅读 · 0 评论 -
看完这个你就摸到vue的门槛了(手动滑稽)
vue一、介绍Vue是一套用于构建用户界面的渐进式框架1.渐进式的理解Vue 的核心库只关注视图层便于与第三方库或既有项目整合与现代化的工具链以及各种支持类库结合使用,也可为应用提供驱动2.环境安装vue-cli方式(新手不推荐)3.数据驱动vue用的是数据驱动的思路 数据改变了,视图会“自动"改变4.虚拟dom和diff算法使数据改变时视图变化的dom操作效率很...原创 2020-04-22 23:22:39 · 191 阅读 · 0 评论 -
解决回调地狱的三种方案 callback Promise async await
*举个例子上代码://通过callack处理异步 function fun(callback){ setTimeout(()=>{ callback(5) },2000) } fun((data)=>{ console.log(data) })//通过 Promise 处理异步function fun(){ re...原创 2020-04-11 10:41:25 · 280 阅读 · 0 评论 -
拖拽的继承
function Drag(ele){ this.ele = ele; this.addEvent(); } Drag.prototype.addEvent = function(){ var that = this; this.ele.onmousedown = function(eve){ ...原创 2020-03-16 21:06:33 · 232 阅读 · 0 评论 -
原生js烟花效果
效果图:直接上代码:#container{ width: 80%; height: 600px; border: 2px solid red; background: #000; margin:20px auto; cursor: pointer; position: relative; overflow: hidden; } .fir...原创 2020-03-08 11:31:58 · 227 阅读 · 0 评论 -
周末没事干,不如写个原生js本地购物车(阉割版)
购物车基本的啥就不说了,不理解的可以参考某宝或者某东。分析一波:// 购物车的分析:// 商品列表:这个得有,我得选商品啊,又增加了个页面…// 点击对应商品的按钮// 点击的时候,需要将点击的商品的信息的标志,存到某个区域(本地存储)// 商品的唯一信息:Id// 点击按钮的时候,获取到Id// 存:直接存肯定是不行的,得想个办法,那不如设计个数据,比如这样:[{id:"",nu...原创 2020-03-07 18:01:45 · 217 阅读 · 0 评论 -
面向对象的原生轮播
基本样式和布局主要是实现功能,样式就不太在意,图片能看就行了,哈哈哈哈!实现功能// 选择元素// 绑定事件// 计算索引// 根据索引移动对应的图片// list的创建,跟随程序的执行立即创建// list内的小方块要根据图片的张数创建// 根据默认索引设置当前项// 绑定事件(事件委托)// 点击时计算要走的和要进来的索引// 判断方向// 再去移动// 修改索...原创 2020-03-07 17:33:49 · 179 阅读 · 0 评论