1 爱发呆的程序员

学生身份

我要认证

暂无相关简介

等级
TA的排名 18w+

ES6模板字符串和set数据结构

ES6模板字符串和set数据结构ES6的内置对象扩展String的扩展方法模板字符串ES6新增的创建字符串的方式,使用反引号定义。let name = "这是一个模板字符串" console.log(name);1、模板字符串中可以解析变量let name = "这是一个模板字符串" let sayHello = `Hello,我的名字叫${name}`; console.log(sayHello);2、模板字符串可以换行let result

2020-09-22 20:27:20

Array的from、find、findIndex、includes方法

Array的from、find、findIndex、includes方法1、Array.from()将类数组或可遍历对象转换为真正的数组①var arrayLike = { "0": "张三", "1": "李四", "2": "王五", "length": 3}var ary = Array.from(arrayLike);console.log(ary);出来的效果是这样的:② var arrayL

2020-09-22 19:41:28

浅拷贝和深拷贝

浅拷贝和深拷贝1、浅拷贝只拷贝一层,更深层次对象级别的只拷贝引用。2、深拷贝拷贝多层,每一级别的数据都会拷贝。浅拷贝:浅拷贝拷贝复杂数据只会拷贝地址,而不是直接拷贝一份数据开辟一个新的空间:如果我们对拷贝后的数据进行修改,我们拷贝前的数据也会进行改变! var obj={ id:1, name:'one', msg:{ age:18 } }

2020-09-22 10:50:06

高阶函数与闭包

说一下什么是高阶函数高阶函数是对其他函数进行操作的函数,他接收函数作为参数或者将函数作为返回值输出。①<script> function fn(callback){ callback&&callback(); } fn(function(){ alert('hi') }) </script>②(这也就是我们说的闭包)<script> func

2020-09-16 22:17:15

严格模式

今天来说一下严格模式什么是严格模式?JavaScript除了提供正常正常模式外,还提供了严格模式(strict mode)。ES5的严格模式是采用具有限制性JavaScript变体的一种方式,即严格的条件下运行js代码严格模式在IE10以上版本的浏览器中才会被支持,旧版本浏览器中会被忽略。严格模式对正常的JavaScript语义做了一些更改:1、消除了JavaScript语法的一些不合理、不严谨之处,减少了一些怪异行为。2、消除代码运行的一些不安全之处,保证代码运行的安全。3、提高编译器效率,

2020-09-16 21:45:31

js改变this指向的call();apply();bing()的使用方式!

js改变this指向的call();apply();bing()的使用方式!1、call()我们在js中写上这样一个代码 var o = { name :"andy" } function fn (){ console.log(this) } fn()发现打印出来的this是window;这时候我们可以使用我们call()方法来改变this的指向;var o = { n

2020-09-16 19:21:25

动画函数

这个一个动画函数,在我们需要动画的时候调用它,穿进去参数即可 var animate = function (obj, target, callback) { //第三个是动画结束后的回调函数,动画结束后执行!!! clearInterval(obj.timer) obj.timer = setInterval(function () { var step = (target - obj.offsetLeft) / 10;

2020-09-15 12:55:56

响应式布局

响应式布局1、响应式开发(1)、响应式开发原理就是使用媒体查询针对不同宽度的设备进行布局和样式的设置,从而适配不同设备的目的!(2)、响应式的布局容器 响应式需要一个父级做为布局容器,来配合子级元素来实现变化效果。原理就是在不同屏幕下,通过媒体查询来改变这个布局容器的大小,在改变里面子元素的排列方式和大小,从而实现不同屏幕下,看到不同的页面布局和样式变化。2、Bootstrap前端开发框架(1)、Bootstrap简介Bootstrap来自Twitter(推特),是目前最受欢迎的前端

2020-08-16 21:16:31

媒体查询

媒体查询1、什么是媒体查询媒体查询(media Query)是css3新语法。1、使用@media查询,可以针对不同的媒体类型定义不同的样式2、@media可以针对不同的屏幕尺寸设置不同的样式3、当你重置浏览器大小过程中,页面也会根据浏览器的宽度和高度重新渲染页面4、目前针对很对苹果手机、Android手机,平板等设备都用得到多媒体查询2、语法规范1、用@media开头,注意@符号2、mediatype媒体类型all:用于所以设备print:用于打印机和打印预览screen :用于

2020-08-15 12:29:20

rem和em的区别

rem和em的区别rem是相对于html的字体大小!每一个页面就只有一个html, 这样相对于字体大小比较好统一。优点:rem可以通过html里面的文字大小来改变页面中元素的大小 可以整体控制!!!em相对于父元素的字体大小来说的!...

2020-08-15 12:00:03

flex布局

flex布局一、flex布局父亲常见属性:1、flex-direction:设置主轴方向1、主轴和侧轴:默认主轴为x轴,侧轴为有轴,(1)、默认为:row(从左到右)(2)、方向x轴:row-reverse(从右到左)(3)、把主轴变成y轴,那么x轴为侧轴:ccolumn(从上到下)(4)、把主轴变成y轴,那么x轴为侧轴:ccolumn-reverse(从下到上)2、justify-content:设置主轴上的子元素的排列方式设置这个属性的时候一定要确认好主轴到底是哪个!!!(1)、f

2020-08-13 19:59:04

数据结构对于一个前端来说重要吗?

数据结构对于一个前端来说重要吗?今天面试了一家公司,身为一名前端,我以前对于数据结构来说不是很重视,感觉前端最主要的事情就是写css这样的样式。这家公司的HR和我聊了一下,说前端工程师问什么叫工程师,还用腾讯、阿里里面的前端工程师来说,面试官说在腾讯和阿里里面的前端分为2种,一个是写css样式的,这一类一般都由外包组成,但腾讯内部的前端工程师对于数据结构这一块非常的厉害,从长远角度来看,身为一名前端工程师,一定要有数据结构的功底,这样才可以成长起来,成为一名中级或者高级的前端工程师。各位大佬 你们怎么

2020-08-11 20:45:57

移动端开发基础

移动端开发基础1、视口问题视口(viewport)就是浏览器显示页面内容的屏幕区域。视口可以分为布局视口、视觉视口和理想视口我们一般都使用理想视口!!!(1)、布局视口(layout viewport)1、一般移动设备的浏览器都默认设置一个布局视口,用于解决早期的pc端在手机上显示的问题2、ios、Android基本都将这个视口分辨率设置为980px,所以pc上的网页大多都可以在手机上呈现,只不过元素看上去很小,一般默认可以通过手机缩放网页。布局视口经过发展后不适合我们在进行使用!!!(2

2020-08-09 23:26:35

浏览器的私有前缀的使用

浏览器的私有前缀的使用浏览器的私有前缀是为了兼容老版本写法,比较新的版本就没必要添加了!!!1、私有前缀1、-moz-:代表firefo浏览器的私有属性2、-ms-:代表ie浏览器的私有属性3、-webkit-:代表safari、chrome私有属性4、-o-:代表opera私有属性2提倡写法比如我们的圆角-moz-border-radius:px-ms-border-radius:px-webkit-border-radius:px-o-border-radius:pxborde

2020-08-09 02:02:57

vue+element+axios Tree 树形控件的基本使用

vue+element+axios Tree 树形控件的基本使用这是我前面做的页面!今天有空来记录一下!!!一样的接口还是被我删了,需要模拟数据的可以参考 element官网: https://element.eleme.cn/#/zh-CN/component/tree#shu-jie-dian-de-xuan-ze.如果有错误或者有问题的可以直接私信我或者直接在评论区留言!我看到的第一时间会进行纠正或者回答的!!!直接上代码了:<template> <div class=

2020-07-27 11:46:14

vue+element+axios 的两个tabel联动使用,父子级关系!

vue+element+axios 的两个tabel联动使用,父子级关系!这是我前面做的页面。现在有空了,归纳一下,接口被我删了,如果有问题或者有什么不清楚的可以直接私信我或者直接评论!我看到我会第一时间回复的!!!一起进步!!!在边的数据刷新我直接用了location.reload(); 不建议大家用,我建议大家用利用Vue里面的provide+inject组合。我直接上代码了:<template> <div class="hello"> <el-col

2020-07-27 11:38:19

vue+element+axios Transfer穿梭框与Select选择器的联动使用

vue+element+axios Transfer穿梭框与Select选择器的联动使用这个也是我前面完成的页面,今天也来记录一下!一样的,接口被我去掉了,自己可以在fuzhi(){}这个方法里的数据在data里面自己模拟赋值也是可以使用的!一样的,我是在dom里面操作,返回数据库,然后在页面渲染!!!有什么不懂或者有错误的地方请大佬们直接指出来,我看到会及时纠正的!!!直接上代码了:<template><div> <header> <span

2020-07-27 11:18:08

vue+element+axios tebel表格的增删改查

vue+element+axios tebel表格的增删改查这是我前面做的东西,现在有时间了,来记录一下!接口被我删除了,可以在list里面自己添加数据!!!表格的删除我是直接在DOM里面处理的,当然,我们也会把数据发送给数据库接口,然后在页面渲染!我就直接上代码了,有什么不懂或者不对的地方欢迎各位评论,我看到会及时回复的!!!<template> <div class="hello"> <el-button-group> <el-b

2020-07-27 11:10:48

关于axios和后台交互,大佬看看有没有错

关于axios和后台交互我们要先引入axios,终端输入npm install axios在script下第一行直接写上import Axios from “axios”;就可以在页面中用了!!!直接上代码了:<template> <div> <p>vue-resource方式</p> <button @click="getData()">resource</button> <hr />

2020-07-19 17:00:03

今天继续上周的问题

今天继续上周的问题:“做了一个关于element-ui Select选择器和element-ui Transfer 穿梭框联动关系的一个页面,在这边记录一下!,还有许多的问题没有解决!!!”现在解决了一个问题:就是数据的存储功能!附上代码 handleChange(value, direction, movedKeys) { if (this.value2 == "") { this.$confirm("请选择授权的人员"); } for (var

2020-07-13 11:58:01

查看更多

勋章 我的勋章
  • 签到新秀
    签到新秀
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv3
    勤写标兵Lv3
    授予每个自然周发布7篇到8篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。