- 博客(20)
- 收藏
- 关注
RSS订阅原创 数组与对象的浅拷贝
做项目的时候遇到一个筛选审核、处理审核的问题。当修改了list（根据筛选条件筛选出来的数组）数组中每个对象的状态，allList（所有审核状态列表）内部的对象数据也会同步更新。后来了解到是数组和对象的浅拷贝问题，现做以下纪录，仅供个人学习使用。传参 或 使用变量给另一个变量赋值时，如果是基本数据类型（null，number，undefined，string，boolean）则是直接复制，但是如果是非基本数据类型（array，function，object等），则是复制对应的引用。浅拷贝和深拷贝仅是对
2020-07-15 13:32:08
161
原创 webpack中使用vue的进阶过程
初级使用vue开发index.html文件main.js入口文件如果后面自定义了组件，也必须修改index.html来使用组件。因为在项目开发中一般不能修改index.html文件，那就需要在使用template。第二阶段抽取index.html中的内容，写到入口文件main.js的template中此时，index.html中只剩下。之后index.html文件不再改变第三阶段随着template中的内容越来越多，template会越写越多，所以也要将其抽.
2020-05-21 11:27:00
118
原创 webpack-使用Vue的配置过程
1、先使用npm安装Vue模块命令：npm install vue --save因为项目在运行的时候也需要依赖vue，所以并不是开发时依赖，不需要加-dev2、在入口文件导入vue3、为了正常显示，指定vue版本
2020-05-21 09:41:17
150
原创 ES6的导出方式
导出// 1.直接一个包含多个变量、方法的对象let name = '小明'，function sum (num1,num2) { return num1 + num2；}expert { name,sum }；// 2.在声明时就直接导出expert let height = 1.88;// 3.导出函数/类expert function mul (num1, num2...
2020-05-21 08:50:28
1437
1
原创 webpack学习笔记之对图片进行打包
1、安装url-loader2、在webpack.config.js文件下的module中配置url-loader3、如果加载的图片大于limit的值，安装了file-loader之后，图片仍然是不能正常显示的，因为webpack会将生成的路径直接返回给使用者，但是，整个程序是打包在dist文件夹下的，所以还需要在路径中再添加一个dist/...
2020-05-21 08:47:27
129
原创 webpack学习笔记之配置less-loader
1、安装less-loader和lessless-loader：加载lessless：转化less2、在module中配置。加载顺序依次是less-loader，css-loader，style-loader
2020-05-20 13:56:34
850
原创 webpack学习笔记之打包css文件
为什么要使用loader？在开发中不仅有基本的js代码处理，也需要加载css、图片，也包括一些高级的将ES6转成ES5代码，将TypeScript转成SE5代码，将scss、less转成css，将。jsx、.vue文件转成js文件等等。对于webpack本身来说，他是不支持这些转化的。那么就用到了loader。loader使用过程：1、通过npm安装需要使用的loader，css-loader和style-loadercss-loader：npm install --save-dev css-lo
2020-05-20 13:22:54
154
原创 webpack学习笔记之配置json文件和webpack.config.js文件
1、如果项目依赖node，一般都会创建一个json文件。创建json文件命令，在终端输入npm init,一路回车。生成的json文件里面就是关于项目的一些基本信息。如果json文件还依赖一些其他，需要在终端输入npm install ，相关的依赖会下载到项目的文件夹中。2、创建webpack.config.js文件，该文件规定了项目的入口和接口文件。3、在json文件中定义执行脚本，运行命令再形成一层映射。直接输入npm run build就是使用本地的webpack启动模块打包.
2020-05-20 10:43:07
531
原创 ES6个人学习笔记
Array的扩展方法构造函数方法:Array.from()作用：将一个伪数组或者可遍历对象转换为真正的数组 <script> var array = { 0: 1, 1: "honey", length: 2 } let arr = Array.from(array); console.log(arr);// [1, "honey"]
2020-05-19 13:39:49
90
原创 setTimeout()是不是真正的异步
关于setTimeout是否是异步的问题一直很疑惑，今天查看了几篇他人的解释，做一下个人学习笔记。首先 执行这样一段代码console.log(111)setTimeout(() => { console.log(222);}, 3000)console.log(333)setTimeout(() => { console.log(444);}, 0)console.log(555)setTimeout(() => { console.log
2020-05-19 09:57:02
3297
2
原创 let、const关键字，箭头函数
## let关键字与var变量相似，现在开发中多用let替换var特点：在块级作用域中有效不能重复声明不会预处理，不存在变量提升// 为多个按钮绑定点击事件for (let i = 0;i < 3; i++) { let btn = btn[i]; btn.onclick(function () { console.log(i)//点击不同的按钮输出不同的i})}// 为多个按钮绑定点击事件for (var i = 0;i < 3;
2020-05-18 15:06:39
171
原创 call、apply、bind比较
三者相同点call apply bind都可以改变函数调用的this指向call与apply的不同传入参数的不同，call可以按照顺序一次传入参数，apply的第二个参数只能是数组。var o = {name :'coco'};function f (data) { console.log(this,data);} f();// call与apply的不同之处，在于传入参数形式不同// f.call(o,33);f.apply(o,[33]);call、apply与bind的不同call（）、a
2020-05-15 11:11:24
68
原创 Webpack理解
一、Webpack是什么？官方解释：webpack是一个现代的JavaScript应用的静态模块打包工具。模块化：webpack其中一个核心就是让我们进行模块开发，，并且帮助我们处理模块之间的依赖关系。而且不仅仅是JavaScript文件，css、图片、json文件等在webpack中都可以当作模块来使用。打包：将webpack中的模块资源进行打包，合并成一个或多个包。二、与node、npm的关系?webpack是模块化打包，为了让webpack可以正常运行，必须依赖node环境。node环境为
2020-05-14 15:07:28
125
原创 高度坍塌和父子元素上外边距重合
当父元素和子元素的外边距重叠时，给子元素添加上外边距也会影响到父元素的上外边距，因此影响页面布局。可以通过给父元素添加clearfix类来解决，同时该类还可以解决高度坍塌的问题.clearfix::before,.clearfix::after{ content: ''; display: table; clear: both; }...
2020-05-13 14:30:14
87
原创 JS计算浮点数失真
在写轮播图的时候，使用百分让轮播图移动，发现JS的计算总是不如期待的那样，导致轮播图出现问题。问题修改之后$(".next").click(function () { // 获取当前的轮播图的margin-left var $left = parseFloat($(".photo").css("margin-left")) var ...
2020-04-20 10:07:10
433
原创 02Vue 模板语法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>02_模板语法</title></head><body><div id="app"> <h2>1. 双大括号表达式&...
2020-04-19 22:15:25
83
原创 初识Vue
1、引入Vue.jscdn引入<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><!-- 生产环境版本，优化了尺寸和速度 --><script src="https://cdn.jsdelivr...
2020-04-19 21:40:15
97
原创 jQuery复习一
初始jQuery1、什么是jQuery？what一个js函数库，封装简化DOM操作（curd）2、为什么用它？why强大的选择器：方便快速查找DOM元素隐式遍历（迭代）：一次操作多个元素读写合一：读数据和写数据使用同一个函数事件处理、链式调用、DOM操作（curd）、样式操作3、如何使用？how引入：本地引入和CDN远程引入（使用script标签）使用jQu...
2020-04-05 21:00:27
97
原创 Java每日一考day01
JDK、JRE、JVM三者之间的关系，以及jdk、jre的结构包括哪些？JDK = JRE + Java开发工具（javac.exe,java.exe,javadoc.exe）JRE = JVM + Java核心类库为什么要配置path环境变量？怎么配置？为了让在任意文件路径下都能够执行Java开发工具新建一个系统变量JAVA_HOMEJAVA_HOME = bin的上一层...
2020-04-05 14:14:13
64
原创 Java基础01
常用的dos命令：dir：列出当前目录下的文件以及文件夹md：创建目录rd：删除目录cd：进入指定目录cd\：退回到根目录del：删除文件exit：推出dos命令行创建word文件：echo javase>1.docJava语言特点特点一：面向对象两个基本概念：类、对象三大特性：封装、继承、多态特点二：健壮性吸收了C/C++语言的...
2020-04-05 13:48:49
74
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人