luckylbb-CSDN博客

原创 VUE常用的7个属性

1.el属性用来指示vue编译器从什么地方开始解析 vue的语法，可以说是一个占位符。相当于一个容器，跟上面的div id = "app"做关联，从此以后上面div id = "app"里面的内容要通过vue来渲染,都要经过vue处理才能看得到上面div里面的内容2.data属性用来组织从view中抽象出来的属性，可以说将视图的数据抽象出来存放在data中。跟微信小程序一样，所有的变量都要写在data里面3.template属性用来设置模板，会替换页面元素，包括占位符。Vue.compone

2020-06-08 09:08:04 9588 3

原创 python中用matplotlib画图解决中文问题！！！！！！！终于ok了

在网上用了很多方法基本一样最后终于解决了，分享一下，前面几步似曾相识，但是依旧我发解决问题，重点在最后一步，亲测有效！！！！1、首先在Windons\Fonts下面找到simhei的字体没有就去下载，其实就是黑体，将它拖到桌面备用2、import matplotlibprint(matplotlib.matplotlib_fname())输入命令查找到自己下载的matplotlib 配置文件的位置我的输出结果是：/usr/local/lib/python3.8/dist-packages/ma

2020-11-13 14:26:02 605

原创 vue中定时向后台调用数据接口和清除定时器

这里是启用定时器。this.getlist是我调用的下面自己封装的接口//这里是我调用的接口，接口是在methods里面写的，这里就不写了//这里需要在data里面写timer:null created() { this.timer=setInterval(() => { this.getList(); this.getListmiddle(); this.getListlast(); console.log(111); }, 5

2020-09-04 10:28:09 1508

原创 Canvas制作简单画板可擦出系列

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <select

2020-06-14 21:10:40 260

原创 Canvas制作简单的时钟表盘

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <canvas

2020-06-14 21:03:37 232

原创使用Vue实现懒加载---树

效果图如下代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://cd

2020-06-13 17:26:54 847

原创 Vue中需要注意的小知识丶，后续会持续更新哦

NO.1注意观察下面的两段代码，区别在于一个age加了v-bind也就是冒号，一个没有加，那么就会有区别了如果下图所示：前面没有进行v-bind绑定（v-bind）前面有介绍哦，欢迎大家去看看，回到正题，下面的结果是2010因为不加v-bind也就是冒号的话，那么age后面的数字就相当于字符串，然后整个代码下来就相当于字符串的拼接，那么结果就是2010<body> <div id="app"> <aaa age=20></aaa>&l

2020-06-13 17:16:41 114

原创 Vue组件（1）

首先我们为什么要用到组件，通俗易懂的说就像是js中封装代码一样，某一个部分需要在多个场景中使用，那么我们可以将其抽出为一个组件进行复用。组件大大提高了代码的复用率。组件：局部和全局一、局部局部的组件就直接在new Vue中去写component：{（写内容）}二、全局 Vue.component（“自己取名（根据规则）”，{ props:后面可以是数组也可以是对象，一般做限制的时候会用对象。一般外面传进来的值需要用到props. template: }）...

2020-06-13 16:09:50 76

原创个人整理的部分简单webpack打包（1）

webpack打包可能很多人都不知道咱们学前端的为什么要用到webpack,个人理解如下：当你在一个项目中用到了不止一个js文件，并且这些js文件中存在着联系,这个时候大家会想到的是用export把需要的值抛出去然后在需要用到值的js文件中中用import接收一下，但是这个时候你会发现浏览器不支持。那么不支持怎么办呢？那就要想办法去转换一下这个时候就会发现有人写了一个babel的转换库，这里就不演示了，大家可以去问问度娘，并且实际操作一下，这个软件主要一个JavaScript的编译器因为现在的浏览

2020-06-12 19:30:53 179

原创简单的Mock.js配合简单的vue组件实现列表随机

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script src="https://cdn.bootcdn.net/

2020-06-12 17:15:53 199

原创 Vue做评价小星星以及组件完成效果

正常vue做法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link href="https://cdn

2020-06-08 19:31:29 448 2

原创 Vue实现一个简单的点击箭头上下移动效果

<body> <div id="app"> <ul> <li v-for="(item,i) in list">{{item.name}} //i<list.length-1 需要的是0,1,2,3 需要四个向上的箭头长度为5 减1之后长度为4 小于4就是0,1,2,3 <button v-show="i<list.len..

2020-06-08 19:14:43 2156

原创 Canvas简单的写字板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <canvas id

2020-06-08 16:29:17 945 2

原创 a和b交换值的两种小技巧

a=10,b=20达到a=20,b=10的效果方法一:let a=10let b=20let c=aa=bb=cconsole.log(a,b)方法二:let a=10let b=20let c=aa=a+b//30b=a-b//10a=a-b//20console.log(a,b)

2020-06-08 10:02:16 282

原创 VUE中常用的指令

v-bind所有标签属性都有v-bind，后面要跟js语法，不然就是普通字符串语法糖：就是冒号，可简写例如 v-bind:src可以写成 :srcv-on绑定事件，用原生事件。语法糖：就是@，可简写例如v-on:click="aaa"语法糖@click=“aaa”v-model文本框中自带的属性v-model相当于:value = “img” @input="img = event.target.value"（event.target.value"（event.target.value"（

2020-06-08 09:53:28 276 2

原创 VUE的8个生命周期函数

1.beforeCreate（）初始化完成，VUE自动执行2.created（）处理外部注入，包括双向绑定相关内容（基本vue的初始化完成了）3.beforeMount（）页面渲染之前，模板和数据相结合，即将挂载到页面上的一瞬间4.Mounted（）页面已经渲染完毕5.beforeDestroy（）组件即将销毁（还没被销毁）6.destroyed（）组件完全被销毁后7.beforeUpdate（）数据发生改变，还未重新渲染8.updated（）重新渲染之前...

2020-06-08 08:44:49 1297

原创 Html基础---网页结构

第一部分（网页头部）<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>我的第一个网页t</title></head>meta charset="UTF-8 :当前的字符集（charset）是采用utf-8（英文字符集），这里的utf-8包含全

2020-06-04 19:51:50 200 2

原创 JavaScript 节流与防抖

什么是节流和防抖？1.节流一段时间只能触发一次，再触发时则会被忽略。通俗的举例子来说，就像是一分钟内你多次上班打卡一样，它只会去显示你今天只打卡了一次，并不会说你打一分钟内打卡了几次就几次...

2020-06-04 19:09:53 208

luckylbb的博客