- 博客(27)
- 收藏
- 关注
RSS订阅原创 python基础七——dict和set
dictdict是dictionary简写，英文字典、词典的意思，dict是Python内置的数据类型，定义时使用大括号，里边采用键值对的形式存储数据，具有无序性，它具有极快的查找速度。（跟JavaScript中的对象写法一样）特点：1、键必须是唯一的（如数字、字符串、元组），如果key为list列表，将会报错！值不必是唯一的,如果多个重复的键，最后定义的会覆盖前边；2、值可以是任...
2019-07-31 17:12:28
612
原创 python基础六——循环语句
在python中，有两种循：for in和whilefor in循环for循环只要是用来遍历序列、集合、字典。用法：list = [1,2,3]for i in list: print(i,end='') # 1 2 3 tuple = (1,2,3,)for i in tuple: print(i) # 1 2 3上边代码，分别循环li...
2019-07-31 12:15:41
3712
原创 python基础五——range函数
range( start , stop , step ) 函数，它可以创建一个整数列表，结合for循环，用法非常灵活。三个参数意思是：start：起始位stop：终止位step：步长range( )函数始终遵循左闭右开的原则！一个参数：（其实一个参数的情况与两个参数起始位为0的情况是等价的）默认从0开始，创建一个0~4 左闭右开的整数列表。for i in ran...
2019-07-31 09:38:57
2185
原创 python基础四——内置数据类型list及tuple
list列表当小编看到list的样子的时候，惊讶道：这不是数组吗？哈哈哈！我在开篇有讲到，python中好多数据类型跟JavaScript十分相像，话不多说，切入正题。下边我们来看下list [ ]list是python内置的一种数据结构，list是一种有序的集合，可以随时添加或删除里边的元素！这与字符串str、元组tuple十分类似，他们都是一种有序集合，共同点都可以使用 [ ] 通...
2019-07-30 17:57:24
453
原创 python基础三——中条件判断语句
条件判断：python中的条件判断if，与js类似，只不过是写法不一样，我们来看下：num = 20if num < 10: print("num小于10")elif num < 20: print("num小于20")else: print("num小于30")上边代码，if后边以判断语句，后边跟着一个冒号，返回True则进入里边缩进的代码块，其他判断...
2019-07-30 16:29:53
825
原创 python基础二——数据类型之字符串str
这篇文章，我们着重看下字符串str一些方法及函数，主要包括以下8个知识点：ord（）函数 chr（）函数 str.encode方法 bytes.decode方法 str（ ）函数 字符串中插入变量 字符串截取方法 （补充）字符串其它方法 isdigit( ) 函数在最新的python3版本中，字符串以unicode编码的，也就是说，Python的字符串支持多语言，例如：...
2019-07-30 15:25:53
859
原创 python开篇—数据类型及变量
近年来儿童编程日趋火爆，而Python语言似乎成为了热门，原因很简单，1.入门相对简单；2、大数据、人工智能的时代下，而Python语言主要应用于人工智能和数据挖掘领域，以及它周边生态系统相当丰富。2012年起，云时代的到来，Openstack云计算平台基于Python开发的，自动化运维工具Ansible、SaltStack基于Python开发的。2013年大数据时代的到来，海量的数据处理，而Py...
2019-07-30 11:21:50
390
原创 es6数据结构Map
Map与Set一样，也是ES6中新引入的数据结构，来切入正题。。。我会从这几个方面来聊下Map数据结构：1、传统对象（Object）缺点2、Map数据结构基本用法3、Map结构的实例属性和操作方法4、Map结构的遍历方法5、Map与数组、对象、JSON互相转换1、传统对象( Object )缺点：传统的JavaScript的对象（Object），本质上是键值对...
2019-07-26 17:35:20
230
原创 ES6数据结构Set
ES6中引入新的数据结构Set非常强大，直接切入正题！我们从三个方便来聊下Set： Set基本用法 Set的属性 Set方法————————————————————————————————————————————————————————1、Set基本用法：Set数据结构类似于数组，但是里边的成员都是唯一的（也就是说如果用set存储数据，你不用担心数据是否有重...
2019-07-26 09:02:16
192
原创 ES6解构赋值及扩展运算符
今天我们来聊下ES6中的解构赋值和扩展运算符，它们在原生js开发、vue开发、小程序开发等等应用非常广泛！目前浏览器已经部分支持ES6的语法特性，当然用于线上的时候还是需要工具转换成es5，但是可以预见未来浏览器肯定是全面支持es6，（现在高版本浏览器已经支持es6语法）——————IE：都看我干嘛！！！直接进入正题**************************************...
2019-07-25 16:26:45
839
原创 vue插槽（2.6.0最新版）
vue在2.6.0中，为具名插槽和作用域插槽引入了新的语法（v-slot指令），之前的slot和slot-scope这两个已经被废弃，但未移除文档。最近搜了搜百度上边关于插槽相关知识点，内容有点老旧，大多都是2.6.0之前版本的slot，有一些新版的要不就是全篇一堆代码，要不就是跟官方文档一模一样！！！闲来之余，结合官方文档，详细解读下新版插槽slot：以下我从8个方面介绍插槽的用法：...
2019-07-24 10:26:23
1484
8
原创 vue发布订阅者模式$emit、$on
家住南京的李先生，最近看上了一套房子，到了售楼处才发现，该楼盘放在早已售罄。好在售楼处工作人员王女士出于好心告知李先生，不久之后还会有一些尾盘推出，开发商在办理相关手续，手续办理好之后便可购买。但到底什么时候能办理好，目前无人知道。于是李先生记下了售楼处电话，每天都会打电话询问是否到了购买时间。除了李先生，还有它的朋友、七大姑八大姨也会每天定点咨询这个问题。一周之后，售楼处王女士决定辞职，...
2019-07-21 11:19:10
2462
原创 vue组件间数据传递—props
关于props，老套路，看下官网的解释：props可以是数组或对象，用于接收父组件的数据。。。之所以父组件的数据需要通过props传到子组件中，因为组件实例的作用域是孤立的，子组件模板不可能直接引用父组件数据。。。（也就是说子组件不能在模板中渲染父组件中的数据）<div id="app"> <son-component :alias="name"><...
2019-07-20 17:02:40
818
原创 vue组件化
vue中组件化十分重要知识点，这里不过多赘述，相信大家已经掌握。这几天又看了几遍官方文档，有些重点在这记录下，日后方便查阅。组件是一个个可复用的独立的ui模块，它是一个Vue实例，所以它们与new Vue接受相同的选项，data、computed、watch、methods、生命周期钩子都有。但是除el之外，因为最终所有组件都会被插入到根实例中去。全局组件：Vue.component(na...
2019-07-19 12:19:55
218
原创 vue生命周期中的钩子函数（全面）
先来看下官方文档的解释：每个vue实例在被创建时都要经过一系列的初始化过程。例如：数据、事件的监听、编译模板，同时在这个过程中，vue会在其中添加一些函数、运行，这些函数叫做生命周期钩子函数。这里我分了三个阶段说下都有哪一些钩子函数：阶段一：Vue实例创建阶段的生命周期函数 beforeCreate：Vue实例在内存中刚被创建，数据对象（data）和方法（method...
2019-07-16 17:23:43
3671
3
原创 vue 中的h函数
在讲h函数之前，我们先来了解下虚拟dom：虚拟dom简单来说就是一个普通的JavaScript对象，包含tag，props，children三个属性。。。<div id="app"> <p className="text">lxc</p></div>上边的HTML代码转为虚拟DOM如下：{ tag:"div", ...
2019-07-15 17:29:11
38310
9
原创 vue自定义指令directive
先看下官方文档怎么解释：vue2.0中，代码的复用和抽象主要形式是组件，然而有些情况需要对普通对象进行dom操作时，可用自定义指令：局部指令： <div id="app"> <input type="text" v-focus> </div><script>// 页面加载输入框自动获取焦点let vm...
2019-07-14 08:20:06
365
原创 vue 一个考察基础的小应用——商品列表
来一个小应用，考察对vue中的输入框、复选框数据的双向绑定、filter过滤器、数组灵活运用及computed应用的小例子：商品列表：全选功能，总价根据复选框和商品数量而定，删除商品等等。。。大家可以复制代码运行下，在编辑器里看比较合适！！！直接上代码：<style> .wra { width: 100%; position: absolute; top: ...
2019-07-12 17:29:01
380
原创 vue 过滤器filter（全面）
在官方文档中，是这样说明的：可被用于一些常见的文本格式化，vue中过滤器的作用可被用于一些常见的文本格式化。（也就是修饰文本，但是文本内容不会改变）补充：过滤器分全局过滤器和局部过滤器，下边我着重说下全局过滤器，因为全局过滤器在项目中使用频率非常高！局部过滤器：过滤器可以用在两个地方：双花括号插值 或 v-bind表达式。eg：先来看看第一个小例子：<div id=...
2019-07-12 16:35:48
36521
14
原创 vue 动态绑定样式
常用动态绑定样式：class先看下官方文档：对象语法 :class="{ property : truth }"动态绑定class，我们可以传给v-bind一个对象，动态切换class<div id="app" class="active" :class="{show:isShow,hidden:isHidden}"></div><sc...
2019-07-12 11:18:55
1076
原创 JavaScript对象继承 - ES5构造函数
Prototype：js继承机制的设计思想就是，原型对象的所有属性和方法，都能被实例对象共享，不仅节省了内存，还体现了实例对象之间的联系。JS中规定，每一个函数都有一个prototype属性，指向一个对象。我们来看下下边代码：function test(){}console.log(test.prototype) //{constructor: ƒ}打印结果：上边的代码...
2019-07-12 09:45:52
353
原创 vue中的computed和watch
computed计算属性先解读下官方文档，conputed的设计的初衷用于简答的运算，模板内不宜放入太多的逻辑，否则维护艰难。 <div id="app">{{message.split("").reverse().join("")}}</div><script> var vm = new Vue({ el:"#app...
2019-07-11 16:02:18
769
原创 ES5 数据劫持—Object.defineProperty(干货)
本篇文章，着重来说下ES5中的Object.defineProperty两个非常重要的方法：getter方法和setter方法，别的属性百度一下一大堆，且讲的很详细。在vue2.0中数据的双向绑定底层原理就是用的Object.defineProperty，当然马上要出的vue3.0用的是ES6的proxy(代理)实现双向绑定，具体区别以及proxy的用法我会在下一篇文章详细介绍。。。Obj...
2019-07-10 18:04:31
486
原创 js promise对象
promise对象是javaScript的异步操作解决方案，，为异步操作提供统一的接口。它起到代理的作用（proxy），充当异步操作与回调函数之间的中介，使得异步操作具备同步操作的接口。Promise可以让异步操作写起来，就像在写同步操作的流程，而不必一层层的嵌套回调函数。Promise的设计思想是，所有异步任务都返回一个Promise实例，Promise实例有一个then方法，用来指定下一步...
2019-07-09 17:29:59
425
原创 vue中常用表单的双向绑定
checked单个复选框：最终绑定的是布尔值（ true 或者 false ）；（ 常用于单选题 ）<div id="ele"> <input id="box" type="checkbox" v-model= "mes"> <label for="box">{{mes}}</label></div><scri...
2019-07-09 16:54:19
384
原创 vue常用指令及事件
v-text ：更新文本内容_____________________________________________________________________________________________________<div id="ele"> <p v-text="mes"></p></div> <scri...
2019-07-07 08:25:41
1108
原创 ES6—super关键字
super关键字：我们知道this关键字总是指向函数所在的当前对象，ES6又新增了另一个类似的关键字super，super关键字既可以当对象来用，也可以当函数使用。。。第一种情况：super作为函数来使用，代表父类的构造函数。ES6要求，子类的构造函数必须先先先（重要的事情写三遍）执行一次super函数。class Father{ constructor(){ ...
2019-07-04 20:50:29
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人