Glory of the king-优快云博客

原创 vue父子组件传值

父传子:props1.在子组件的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 230

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 385

原创数组的几种方法

slice(begin,end)从事过数组中提取指定的一个或多个元素，返回结果为新的数组（不会改变原来的数组）slice(begin,end)包含begin不包含endlet 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 227

原创创建对象的几种方式

字面量形式创建对象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 312

原创 js作用域

概念作用域指一个变量的作用范围，在js中，一共有两种作用域：全局作用域和函数作用域全局作用域直接编写在script标签中的js代码，都在全局作用域全局作用域在页面打开时创建，在页面关闭时销毁在全局作用域中有一个全局对象window，它代表的是一个浏览器的窗口，它由浏览器创建可以直接使用在全局作用域中：创建的变量都会作为window对象的属性保存创建的函数都会作为window对象的方法保存全局作用域中的变量都是全局变量，在页面的任意部分都可以访问到如果在赋值操作时，没有声明变量，那么就会自

2020-07-29 23:28:17 125

原创用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 513

原创 Ajax简单封装

Ajax概念Ajax 即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页开发技术，无需重新加载整个网页的情况下，能够更新部分网页的技术。通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。Ajax请求的五个步骤1.创建xhr对象let xhr = new XMLHttpRequest()2.设置方法和请求路

2020-07-27 22:08:44 331

原创媒体查询

媒体查询概念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 137

原创 rem布局

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial...

2020-07-26 23:19:22 114

原创弹性布局

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 240

nijhaiooop的博客