- 博客(14)
- 收藏
- 关注
RSS订阅原创 canvas
canvas的学习记录首先要在html中创建一个canvas标签<canvas id="test"></canvas>然后在js代码块中就可以获取canvas对象，并进行一系列的操作 let canvas = document.getElementById('test'); let ctx = canvas.getContext('2d'); //类似于创建一个画笔工具然后实现一个最简单的例子，画一个三角形 canvas.width = 500; /
2021-10-22 17:18:35
2122
原创 对象深拷贝和浅拷贝
深拷贝和浅拷贝的区别“区别：浅拷贝只是增加了一个指针指向已存在的内存地址，仅仅是指向被复制的内存地址，如果原地址发生改变，那么浅复制出来的对象也会相应的改变。深拷贝是增加了一个指针并且申请了一个新的内存，使这个增加的指针指向这个新的内存。”手写deepClonefunction deepClone(obj) { if (!obj || typeof obj !== "object") return; let newObj = Array.isArray(obj) ? [] :
2021-09-06 23:48:50
340
原创 rem布局
rem基础rem是一个相对单位，类似于em。em是相对父元素来说的。如果父元素font-size为10px, 子元素设置2em为20px。不同的是rem是相对于html根元素字体大小。如html设置字体大小为24px , 设置元素字体为2rem,字体为48px@media查询media查询可以针对不同的屏幕尺寸设置不同的样式media三个参数@media mediatype and/not/only （media feature）mediatype 媒体类型and/not/only 关键字
2021-09-06 23:25:28
172
原创 原型和原型链
prototype: 原型__proto __: 原型链从属关系prototype: 函数的一个属性，每一个函数默认都有一个prototype属性 function Foo() { this.a = 10 } Foo.prototype = { aa: 100 } let foo = new Foo(); console.log(foo.aa) // 100__ proto__ ：Object的一个属性对象的__proto__保存着该对象的构造函数的prot
2021-08-23 15:41:17
77
原创 前端this指向问题
最近看视频重学下this指向问题，顺便做下笔记加深记忆this的默认绑定规则this默认指向window <script type="text/javascript"> console.log(this === window) //true </script>在方法中,this也指向window，函数独立调用，this也指向window function test() { console.log(this === window) } test() //tr
2021-08-17 17:21:34
156
转载 vconsole的使用
转载至此index.html中引入并实例化<head> <script src="https://cdn.bootcss.com/vConsole/3.3.0/vconsole.min.js"></script> <script> var vConsole = new VConsole(); </script></head>
2021-08-16 22:37:58
2429
原创 VUEX 的详细使用
最近关于vuex的使用有点淡忘了，故而重新学习下，并用博客记录加深印象。vuex 的安装如果项目中未安装vuex，则需要在TERMINAL中输入以下命令npm install vuex --savevuex 的引用一般vuex的引用不在main.js中写而是另外创建一个名叫store的文件夹，在index.js中引用vueximport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.st
2021-08-12 00:53:00
126
原创 element 动态合并表格列
在工作中需要对列进行合并操作，而element提供的方法是写死的并不符合实际的工作需求element合并列而下面的这种方法可以通过后端传来的数据进行比较，拥有相同属性的合并为一列 getSpanArr(data) { this.spanArr = []; for (var i = 0; i < data.length; i++) { if (i === 0) { // 如果是第一条记录（即索引是0的时候），向数组中加入１
2021-07-25 13:15:03
2811
1
原创 vue项目中通过图片url下载图片
前言之前在开发中遇到过后端返你url地址要求你根据地址去下载图片，因此想着记录下来第一种方法a标签有自带的download方法，因此可以用dom生成一个a标签元素将图片的url赋值进去再调用这个a标签元素的click达到下载目的这是html代码 <el-button type="text" size="small" @click="handDown(url)" >下载图片</el-button >这是js代码handD
2021-06-21 13:15:38
6537
3
原创 elements upload 的on-error回调函数取不到后端返回的msg信息
今天测试文件上传失败时，调用element自带的on-error函数时，想要显示后台传来的错误信息，于是很自然的，我想打印出on-error函数自带的err参数，看看里面是个什么东西。打印结果如下Error: {"code":400,"success":false,"data":{},"msg":"该文件已被导入过，请勿重复导入"}很好，错误信息也有了，接下来就是取出msg，但是我怎么取，都是undefined，于是我用Oberject.keys想看看err里面的所有属性值，发现只有三个属性…["
2021-05-25 11:34:35
4032
原创 【vue项目打包失败】 vue打包一直building for production
导致vue项目打包失败的原因之一今天项目改完，开开心心的打包打算上传服务器了，发现一直打包不成功。具体表现如下<--- Last few GCs --->[12696:000002237B5DEC60] 9193 ms: Scavenge 1389.0 (1420.8) -> 1388.1 (1421.3) MB, 2.0 / 0.0 ms (average mu = 0.265, current mu = 0.275) allocation failure[1269
2021-04-19 16:00:22
10348
1
原创 使用avue懒加载表格切换页面发现表格错位的问题
问题描述初始化表格正常，切换后发现操作栏错位解决方案寻求公司同事帮助后在数据请求结束之后要初始化表格。那么问题来了。一是用什么方法初始化表格，二是如何判定数据全部请求完毕了？查阅资料不难找到，element自带doLayout方法，引用方法：this.$refs.crud.doLayout() <avue-crud :option="option" :table-loading="loading" :data="table
2021-04-02 11:48:51
2792
原创 HELLO WORLD
前言从刚接触前端已半年有余，其中或多或少在许多大佬的博文中收到启发或找到解决方法，自觉平日思考甚浅，因此萌生开始写博客来记录自己的学习心路、做项目遇到的疑难杂症以及对自己有启发的解决方法，希望自己能在这条路上走的更远。重学vuevue作为当今前端主流框架之一，深受国内中小型企业的青睐。我刚入职时负责的是小程序业务，小程序更像是vue所衍生出来的。到后面上手后台管理系统，基本上采用的都是vue+element框架。每次做项目都是直接从git上拉已经搭建好的框架，其中许多东西已经帮你封装好了，因此到现在
2021-03-11 16:01:41
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人