- 博客(13)
- 收藏
- 关注
原创 node.js初始
node.js是什么?node.js不是一门编程语言,不是一个js库,也不是一个框架,他是基于Chrome V8引擎的javascript运行环境平台,可方便地构建快速,可扩展的网络应用程序的平台。Node.js使用事件驱动,非阻塞I/O模型,轻量、高效,可以完美地处理时时数据,运行在不同的设备上。node.js能做什么?Node 作为一个 JavaScript 的运行环境,仅仅提供了基础的功能和 API。然而,基于 Node 提供的这些基础能,很多强大的工具和框架如雨后春笋,层出不穷,所以学会了 N
2020-08-31 19:39:27 179
原创 vue.js中的根组件和依赖注入的简单使用
在vue.js中,通过Vue创建出来的是Vue对象,也是一个组件,是最上层的根组件,实例里面通过components创建的组件,是根组件里的子组件。运行起来后,Vue对象里面会有一个叫children的数组,这个数组里面包含了所有的子组件。运行起来后,Vue实例对象和各个子组件里面都会有一些内置的属性和方法,比如data,data,data,el,$router等,在vue.js中,provide 选项允许我们指定我们想要提供给后代组件的数据/方法,然后在任何后代组件里,我们都可以使用 inject
2020-08-17 20:47:56 665
原创 vue中的具名插槽的简单使用
vue.js中,有时会需要多个插槽,元素有一个特殊的特性:name。这个特性可以用来定义额外的插槽,下图是一个简单的例子
2020-08-17 20:29:21 794
原创 vue.js中的深度监听
vue.js 中对数据的监听,提供了一个很好的钩子watch,watch可以极其方便的监听我们常用数据类型值的变化,但通常当我们想监听一个对象中,某个属性值的变化时,很难达到我们预期的效果。那么如何实现对象属性的深度监听呢?vue中提供了在watch监听时设置deep:true 就可以实现对对象的深度监听。下图列举了一个简单的例子。上图中,watch深度监听userinfo,deep深度监听的关键字,immediate表示初始化就监听userinfo 的变化,这样就能完成对userinfo的深度监听了
2020-08-17 20:17:00 523
原创 vue.js 组件的通信三种常用方法及简单应用
vue组件的三种常用通信方法1 父传子组件通信上图中:是一个典型的父传子组件的应用,局部组件"mylist" 通过关键字props接收实例中的数据list,先通过传参,再进行操作渲染到页面。2 子传父组件通信上图中:也是一个简单的子传父组件的应用,子组件通过事件获取msg的值,通过关键字$emit和绑定事件进行传值,实例接收到子组件传来的值。3 子组件与子组件通信上图中:两个组件myList 和mySearch的通信,通过一个实例bus搭建桥梁,分别通过bus.$emit和bus. $on
2020-08-12 20:32:59 132
原创 vue.js 中v-for,v-if,v-show指令的理解和简单使用
1 v-for指令作用:循环数据并渲染;将一个数组遍历或枚举一个对象循环显示时候,常用的就是列表渲染。下面是一些简单的应用:1:可以绑定数据到数组来渲染一个列表结果:上图中:value和index分别表示数据data中listd 每一个元素和索引,:key = "value"表示元素值唯一。2:可以通过一个对象的属性来迭代数据结果:上图中,通过一个对象obj来迭代数据。从而渲染到页面,value, index,key 分别表示数据对象的值,索引和键 。3:可以迭代循环整数结果:
2020-08-11 20:21:22 844
原创 JavaScript 数组去重方法
1、运用JavaScript数组 splice()方法原理var arr=[1,3,6,1,5,5,2,9,7,4,2,3,1,5,2,1,5]; for(var i=0;i<arr.length;i++){ var item=arr[i]; for(var j=i+1;j<arr.length;j++){ if(ite...
2020-03-29 16:56:05 106
原创 javascript 数组的概念及常用方法汇总
一、什么是JavaScript数组JavaScript数组是值得有序集合,每个值叫做一个元素或者元,而每个元素在数组中有一个位置,以数字表示,称为索引或者下标。js的数组是无类型的,数组元素可以是任意类型,同一个数组中的不同元素可能是对象或数组,可以如何顺序也可以重复。数组元素的索引不一定要连续,可以有空隙。每个数组都具有一个lengrh属性,length属性就是数组元素的个数。二、JavaS...
2020-03-29 16:05:20 388
原创 JavaScript数据类型转换
一:强制转换JavaScript计算时主动将数据的类型强制转换成某种类型首先计算机中任何数据进行计算都需要转换成二进制1、强转字符串(1)String(数据) (所有类型都可以转换)(2)(数据). toString (null 和 undefined 不能转换 )(数据). toString(n) 将数字转换成 n 进制字符 (进制必须大于等于 2 且小于等于36 )(...
2020-03-22 09:09:43 120
原创 CSS3 transition及transform属性的应用
一、CSS3 过渡属性transitioncss3的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标划过、单击、获得焦点或对元素任何改变中触发,并圆滑地以动画效果改变CSS的属性值过渡属性需要触发事件,如:hover(鼠标划过事件)transition-property:检索或设置对象中的参与过渡的属性说明:属性值可以单独设置否个属性,也可以设置多个...
2020-03-08 17:10:34 1002
原创 CSS3 新增选择符总结
CSS新增选择符一、属性选择器:1)E[attr]:只使用属性名,但没有确定任何属性值2)E[attr=“value”]:指定属性名,并指定了该属性的属性值3)E[attr~=“value”]:指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”必须的4)E[attr^=“value”]:指定了属性名,并且有属性值,属...
2020-03-08 14:03:10 91
原创 CSS 实现宽高自适应问题
css实现html宽高自适应问题:网页布局中经常要定义元素的宽和高。但很多时候我们希望元素的大小能够根据窗口或子元素自动调整,这就是pc端自适应。自适应的优点:元素自适应在网页布局中非常重要,它能够使网页显示更灵活,可以适应在不同设备、不同窗口和不同分辨率下显示。相对窗口和父元素的自适应写法:宽度:当块状元素不写宽度的时候,默认的宽度就是100%; 是父元素的宽度的100%;也就是始终...
2020-03-01 19:06:05 682
原创 什么是css标准盒模型?
CSS标准盒模型概念 在CSS中,CSS假定所有的HTML文档元素都生成了一个描述该元素在HTML文档布局中所占空间的一个矩形元素框,可以形象地将其看作是一个盒子。CSS围绕这些矩盒子产生了一种“盒子模型”的概念,通过定义一系列与盒子相关的属性,可以极大地丰富和促进各个盒子乃至整个HTML文档的表现效果和布局结构。对于是盒子的元素,如果没有特殊的设置,其默认总是占独立的一行,宽度为浏览器窗...
2020-02-23 01:15:11 1265
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人