- 博客(265)
- 资源 (37)
- 收藏
- 关注
原创 js原型链继承
js 继承 实例是通过构造函数生成的,构造函数本省有一个原型对象,prototype指向构造函数的原型对象,原型对象的constructor又指向构造函数形成环路。function A() {}var B = new A();B.constructor === A // trueB.constructor === A.prototype.constructor // trueB.hasOwnProperty('constructor') // false B是A
2022-02-14 15:10:57 700
原创 this指向 js
This指向问题1.如果对象的方法里面包含this,this的指向就是方法运行时所在的对象。该方法赋值给另一个对象,就会改变this的指向。var o = { f1: function () { console.log(this); var f2 = function () { console.log(this); }(); }}o.f1()// Object// Window上边代码等价于var temp = function () {c
2022-02-14 14:27:49 418
原创 map对象常用方法
map对象常用方法还有个概念迭代器:https://blog.csdn.net/z591102/article/details/119669419map对象一个 Object 的键只能是字符串或者 Symbols,但一个 Map 的键可以是任意值。Map 中的键值是有序的(FIFO 原则先进先出原则),而添加到对象中的键则不是。Map 的键值对个数可以从 size 属性获取,而 Object 的键值对个数只能手动计算。Object 都有自己的原型,原型链上的键名有可能和你自己在对象上的设置的
2021-11-03 14:33:29 1065
原创 js方法日常学习
js常用方法技巧1.join方法数组拼接字符串逗号隔开不用遍历的方式数组 join()函数的参数是可选的,如果没有包含参数来指定加入/分隔符,默认情况下会使用逗号。例如,var myArray = ['I', 'love', 'chocolate', 'frogs'];var madeAString = myArray.join(' ');// returns 'I love chocolate frogs'var madeAString = myArray.join();// retu
2021-11-03 10:34:46 126
原创 超星武汉分公司实习(web前端)第一周
超星武汉分公司实习(web前端)2021/04/12 - 04/16 12号报道到公司,原本电脑还没申请下来,自带笔记本忘记带充电器了(尴尬),然后刚好有一台空余电脑,就直接搬过来,组装电脑,收拾工作台,搞网线,顺便办了了下入职。 下午参加了第一次项目会议,前端后端服务端在项目经理代理下处理超星bug和增加需求之类的。菜鸟一个,看着大佬们讨论解决方案,感觉氛围很不错,慢慢听大佬们争论。最后让我来了个自我介绍,没说两句,骚话说不出来,第一次紧张嘛。然后了解到前端三个加上我四
2021-04-16 17:44:33 831 6
原创 jQuery发送ajax请求
jQuery发送ajax请求<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>jQuery 发送 AJAX 请求</title> <link crosso
2021-04-09 23:31:37 185
原创 原生ajax补充
原生ajax补充ie缓存问题在一些浏览器中(IE),由于缓存机制的存在,ajax只会发送的第一次请求,剩余多次请求不会在发送给浏览器而是直接加载缓存中的数据。解决方式:浏览器的缓存是根据url地址来记录的,所以我们只需要修改url地址即可避免缓存问题xhr.open("get","/testAJAX?t="+Date.now());ajax请求超时和网络异常处理前端超时设置xhr.timeout = 2000超过2秒没有返回,取消请求超时回调 //超时回调 xhr.ontime
2021-04-09 16:20:44 103
原创 Ajax基本操作
Ajax基本操作请求头/请求体<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AJAX POST 请求</title> <style>
2021-04-09 15:30:29 130
原创 flex其他属性
子元素设置伸缩比例flex属性flex-basis一但设定每个子元素的width就会失效。既可以设置px,也可以设置% 或rem格式 <style> #div0 { display: flex; width: 400px; height: 500px; background-color: violet; } #div0 div {
2021-03-21 16:02:46 172
原创 Flex弹性布局
Flex弹性布局元素沿着哪个方向排列,哪个方向就是主轴。另外一个就是交叉轴,并不是x轴就是主轴,y轴就是交叉轴。四个顶点分别是主轴/交叉轴的开始和结束。还有一个主轴和交叉轴的交叉点中间就是每个item,mian size和cross size不要理解为宽高,分别是占主轴和交叉轴的空间,主轴和交叉不是固定的沿着主轴方向就是主轴空间,反之就是交叉轴空间flex-direction属性如果父级div宽度不够,子div设置了宽度,flex布局会自动的压缩每个子div,比如父级300px宽度,子d
2021-03-20 18:23:51 224
原创 媒体查询
媒体查询为不同的尺寸的屏幕设定不同的css样式,主要用于移动端@media常见参数width/height浏览器可视宽度和高度 <style> #div0 { width: 200px; height: 200px; } /* screen代表屏幕的意思 加device代表设备 不加代表浏览器 */ @media screen and (min-width:500px
2021-03-19 19:22:41 132
原创 Promise补充
Promise补充Promise规范/** * promise 的then方法接受两个参数:promise.then(onFulfilled, onRejected)他们都是可选参数,同时他们都是函数, * 如果onFulfilled或onRejected不是函数,则需要忽略他们。 * then方法必须返回一个Promise对象 * promise2 = promise1.then(onFulfilled, onRejected); * 只要onFulfill
2021-03-09 22:25:50 144
原创 axios模块的封装
axios模块的封装组件里使用axios<template><h2>{{categories}}</h2></template><script> import axios from "axios"; export default { name: "HelloWordVue", data() { return { categories: '' } }, cr
2021-03-02 20:11:28 217
原创 通用配置legend
通用配置legend图例组件,同于赛选系列配合series使用,在一个柱状图中有多个series时可以用来筛选 series: [ { data: yDataArr1, name: '语文成绩', type: 'bar', }, { data: yDa
2021-02-24 14:52:49 245
原创 通用配置toolbox内置工具栏
通用配置toolbox内置工具栏工具栏。内置有导出图片,数据视图,动态类型切换,数据区域缩放,重置五个工具。创建feature各工具配置项 toolbox: { feature:{}},导出图片功能 saveAsImage: { //图片格式 type: 'svg', //保存的文件名称,默认为title.t
2021-02-23 16:21:14 516
原创 通用项配置tooltip(提示框组件)
通用项配置tooltip(提示框组件)触发类型(trigger)item类型数据项图形触发,主要在散点图,饼图等无类目轴的图表中使用。tooltip:{ trigger:'item' },语文成绩这几个字是y轴数据的name属性axis类型坐标轴触发,主要在柱状图,折线图等会使用类目轴的图表中使用。区别:item必须将鼠标放入数据条内部才会显示提示框。axis只需要将鼠标放到每个数据条的轴线上都可以显示none类型什么都不触发触发时机(triggerOn)m
2021-02-19 21:08:38 3100
原创 通用配置title
通用配置title文字标题//标题文字,支持/n转行text:'成绩展示',//支持超链link:'http://www.baidu.com',// self/blank分别是超链接在当前窗口/新窗口打开target:'blank',文字样式(textStyle) textStyle:{ color:'red', //字体样式是否倾斜 'normal' 'italic' 'o
2021-02-18 23:02:54 166
原创 柱状图
柱状图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&g
2021-02-18 21:11:48 211
原创 Echarts相关配置项讲解
Echarts相关配置项讲解 xAxis: { type: 'category', data: ['小明', '小红', '小兰'] },xAxis(x轴)type属性的值category是类目轴,可以理解为一条数轴,我们要为其指定类别。data属性就来指定类目轴上有哪些类别 yAxis: { type: 'value'},yAxis(y轴)type属性值为value是数值轴。我们并不为其设置data属性,y轴
2021-02-18 21:01:05 1477
单元测试实践实验报告模板lcq.doc
2020-11-24
修改版-3.1性能测试工具Jmeter的使用(一).docx
2020-11-24
软件测试复习题目.doc
2020-11-24
vue基础及高级.docx
2020-10-04
vue脚手架的项目与json-server结合.docx
2020-10-04
计算机网络的实验报告
2020-06-11
课程设计之薪水总文档
2020-06-11
JavaEE6.0_API_帮助文档.chm
2020-02-08
信息系统设计与分析yqj备考资料.doc
2020-01-02
词法分析实验一报告.doc
2019-12-18
experiment3.asm
2019-12-10
logisim-evolution.jar
2019-12-05
二叉树建立,输出,找叶子节点路径
2018-11-22
常用的弹窗提示基于vue.js封装,用于非工程化项目
2022-05-17
audio 播放器 在vue-audio-better上增加图标名称和大小
2022-04-27
词法分析实验一.cpp
2019-12-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人