2020年1月23日
原生js操作dom的总结
摘要： 一.学习DOM之前需要知道的 1.什么是window？ window：是一个全局对象, 代表浏览器中一个打开的窗口, 每个窗口都是一个window对象 2.什么是document? document是window的一个属性, 这个属性是一个对象 document: 代表当前窗口中的整个网页, doc 阅读全文
posted @ 2020-01-23 16:42 gsq1998 阅读(556) 评论(0) 推荐(0) 编辑
javascript深浅拷贝
摘要： 一：首先我们先来看一下js有哪些基础数据类型 基础类型：undefined，unll，number，string，boolean，symbol 引用类型：object对象类型（object，array，function，data） 二：对于这两种类型有几个关键知识点 基础类型存在于栈中 引用类型的值 阅读全文
posted @ 2020-01-23 16:17 gsq1998 阅读(218) 评论(0) 推荐(0) 编辑
2020年1月19日
最短小精悍的js数组打乱顺序
摘要： let number = [1, 45, 13, 17]; // 封装一个打乱数组的方法 function getarr(arr) { return arr.sort((a, b) => 0.5 - Math.random()); } console.log(getarr(number)); //随 阅读全文
posted @ 2020-01-19 11:19 gsq1998 阅读(217) 评论(0) 推荐(0) 编辑
2020年1月15日
自适应为最高高度
摘要： 如图： 实现left bar 和content 和right bar适应为最高高度的那块高度 直接上代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" 阅读全文
posted @ 2020-01-15 23:00 gsq1998 阅读(205) 评论(0) 推荐(0) 编辑
空格转换
摘要： 将一个字符串中的每个空格替换成“%20”。例如，当字符串为We Are Happy.则经过替换之后的字符串为We%20Are%20Happy 1 var test1 = "We Are Happy"; //注意:这三个相邻的字符串，相邻间只有一个空格 2 console.log(test1.repl 阅读全文
posted @ 2020-01-15 21:51 gsq1998 阅读(243) 评论(0) 推荐(0) 编辑
2020年1月14日
vuex学习
摘要： 一：Vuex是做什么的？ 官方解释：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 1.什么是状态管理？ 简单来讲就是把需要的多个组件的变量全部存放在一个对象中 然后，将这个对象放在顶层的Vue实例中，让其它组件可以使用，那么是不是多个组件都可以共享这个对像中的属性了 那不是很简单吗 阅读全文
posted @ 2020-01-14 16:40 gsq1998 阅读(231) 评论(0) 推荐(0) 编辑
2020年1月12日
css移动端适配方法
摘要： 一：前端开发的常用单位 1.像素（px） 1.什么是像素(Pixel)? 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的, 一个小方格就是一个像素 例如div尺寸是100 x 100, 那么水平方向就占用100个小方格, 垂直方向就占用100个小方格 2.像素特点 不会随着视口大小的变化而 阅读全文
posted @ 2020-01-12 15:38 gsq1998 阅读(1344) 评论(0) 推荐(0) 编辑
2020年1月11日
数组以及数组常用方法
摘要： 1.什么是数组？ 数组就是专门用来存储一组数据的 它不属于基本数据类型，这是初学者经常会犯的错误，基本数据类型在ES6之前只有Number/String/Boolean/Null/undefined 数组属于引用数据类型(对象类型) 2.如何创建数组？ 第一种是通过new的方法创建一个数组的对象 l 阅读全文
posted @ 2020-01-11 15:20 gsq1998 阅读(349) 评论(0) 推荐(0) 编辑
2020年1月8日
21-canvas事件监听
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>21-Canvas事件监听</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 1 阅读全文
posted @ 2020-01-08 14:04 gsq1998 阅读(885) 评论(0) 推荐(0) 编辑
20-canvas之形变
摘要： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>20-Canvas形变</title> 6 <style> 7 *{ 8 margin: 0; 9 padding: 0; 10 } 11 阅读全文
posted @ 2020-01-08 14:03 gsq1998 阅读(171) 评论(0) 推荐(0) 编辑