- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue父子组件传值
父传子:props 1.在子组件的props标签里定义接收父组件数据的变量的类型，默认值等 2.在子组件标签里动态绑定父组件中的值 <div id="app"> <cpn :cfile = 'File'></cpn><!--子组件用的时候传数据--> </div> <template id="cpn"> <div> <ul> <li v-for = 'i
2020-08-24 00:33:54
204
原创 几种遍历数组的方法原理
forEach()方法原理 let fn = function(item,i,arr) { console.log(item) console.log(i) } let animous = ['cat','pig','dog','brid'] // 用forEvery模拟forEach方法 animous.__proto__.forEvery = function(fn){ for(let i=0;i < this.length;i++){ fn(this[i],i,this)
2020-08-04 23:29:43
358
原创 数组的几种方法
slice(begin,end) 从事过数组中提取指定的一个或多个元素，返回结果为新的数组（不会改变原来的数组） slice(begin,end)包含begin不包含end let animous = ['cat','dog','brid','pig'] console.log(animous.slice(1,2)) // 结果为[ 'dog' ] 可以使用slice将伪数组转化为真数组，Array.slice()会创建一个新的数组 arr = Array.prototype.slice.call(arr
2020-08-04 00:11:54
200
原创 创建对象的几种方式
字面量形式创建对象 let student = { name:'小明', age:16, like:function(){ console.log(this.name+'喜欢跳舞') } } 工厂模式 function Student(name,age,likename) { let student = { name, age, likename, like:function(){ console.log(this.name + '喜
2020-07-30 19:56:43
270
原创 js作用域
概念 作用域指一个变量的作用范围，在js中，一共有两种作用域：全局作用域和函数作用域 全局作用域 直接编写在script标签中的js代码，都在全局作用域 全局作用域在页面打开时创建，在页面关闭时销毁 在全局作用域中有一个全局对象window，它代表的是一个浏览器的窗口，它由浏览器创建可以直接使用 在全局作用域中： 创建的变量都会作为window对象的属性保存 创建的函数都会作为window对象的方法保存 全局作用域中的变量都是全局变量，在页面的任意部分都可以访问到 如果在赋值操作时，没有声明变量，那么就会自
2020-07-29 23:28:17
102
原创 用checkbox复选框和css制作弹窗效果
checkbox复选框的使用 <input type='checkbox' name="choose" id="choose" hidden='hidden'> <label for="choose" class="xhicon"></label> <div class="poppage"></div> label的作用是只需要点击label就可以选中复选框，所以注意要将复选框隐藏掉，我们只需要操作label，然后需要一个div来当弹出
2020-07-28 23:05:15
453
原创 Ajax简单封装
Ajax概念 Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。 Ajax请求的五个步骤 1.创建xhr对象 let xhr = new XMLHttpRequest() 2.设置方法和请求路
2020-07-27 22:08:44
295
原创 媒体查询
媒体查询概念 CSS3媒体查询可以让我们针对不同的媒体类型定义不同的样式，当重置浏览器窗口大小的过程中，页面也会根据浏览器的宽度和高度重新渲染页面。 语法结构及用法 @media 设备名 only （选取条件） not （选取条件） and（设备选取条件） @media only screen and (min-width:600px) and (max-width:1000px){ .d1{ width: 50%; background-color: bla
2020-07-26 23:20:16
99
原创 rem布局
<!-- rem--rroot,em相对单位，相对于HTML的字体大小单位，可以用于任何设定长度的单位。 可以始终让1rem=100px --> <!DOCTYPEhtml> <htmllang="en"> <head> <metacharset="UTF-8"> <metaname="viewport"content="width=device-width,initial...
2020-07-26 23:19:22
90
原创 弹性布局
Flex布局基本概念 采用Flex布局的元素（display:flex;），被称为 flex container，而它的子元素就称为 flex item（注意是子元素，其余后代元素不是 flex item，如flex item的子元素） 容器默认存在两根轴，水平的主轴（main axis）和垂直的交叉轴（cross axis），主轴开始的地方是 main start,结束的地方是main end,交叉轴开始的地方是 cross start,结束的地方是 cross end,主轴空间叫做 main size
2020-07-24 23:32:16
199
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人