407指导员
码龄4年
  • 69,969
    被访问
  • 244
    原创
  • 11,073
    排名
  • 47
    粉丝
关注
提问 私信

个人简介：世事漫随流水，算来一梦浮生。

  • 加入CSDN时间： 2018-05-29
博客简介：

407指导员

博客描述：
读书须用意，一字值千金
查看详细资料
  • 4
    领奖
    总分 496 当月 6
个人成就
  • 获得178次点赞
  • 内容获得66次评论
  • 获得373次收藏
创作历程
  • 2篇
    2022年
  • 43篇
    2021年
  • 199篇
    2020年
成就勋章
TA的专栏
  • vue
    62篇
  • 实习心得
    1篇
  • AJAX
    6篇
  • Echarts
    7篇
  • CSS3
    77篇
  • HTML5
    11篇
  • javascript
    31篇
  • es6
    15篇
  • DOM
    10篇
  • BOM
    9篇
  • jQuery
    3篇
  • 问题探索
    7篇
  • java web
    4篇
  • 最近
  • 文章
  • 资源
  • 问答
  • 帖子
  • 视频
  • 课程
  • 关注/订阅/互动
  • 收藏
搜TA的内容
搜索 取消

顶部下拉框输入框组件封装

发布资源 2022.04.27 ·
zip

audio 播放器 在vue-audio-better上增加图标名称和大小

发布资源 2022.04.27 ·
zip

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 ·
346 阅读 ·
0 点赞 ·
0 评论

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 ·
261 阅读 ·
0 点赞 ·
0 评论

vconsole移动端控制台调试工具

发布资源 2022.01.20 ·
js

日期格式化utils方法

发布资源 2022.01.20 ·
js

采用localstorage实现视频断点续播功能

发布资源 2022.01.20 ·
js

数据库导航项目静态页 pc+app端

发布资源 2022.01.20 ·
zip

map对象常用方法

map对象常用方法还有个概念迭代器：https://blog.csdn.net/z591102/article/details/119669419map对象一个 Object 的键只能是字符串或者 Symbols，但一个 Map 的键可以是任意值。Map 中的键值是有序的（FIFO 原则先进先出原则），而添加到对象中的键则不是。Map 的键值对个数可以从 size 属性获取，而 Object 的键值对个数只能手动计算。Object 都有自己的原型，原型链上的键名有可能和你自己在对象上的设置的
原创
发布博客 2021.11.03 ·
107 阅读 ·
0 点赞 ·
0 评论

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 ·
22 阅读 ·
0 点赞 ·
0 评论

超星武汉分公司实习（web前端）第一周

超星武汉分公司实习（web前端）2021/04/12 - 04/16​ 12号报道到公司，原本电脑还没申请下来，自带笔记本忘记带充电器了（尴尬），然后刚好有一台空余电脑，就直接搬过来，组装电脑，收拾工作台，搞网线，顺便办了了下入职。​ 下午参加了第一次项目会议，前端后端服务端在项目经理代理下处理超星bug和增加需求之类的。菜鸟一个，看着大佬们讨论解决方案，感觉氛围很不错，慢慢听大佬们争论。最后让我来了个自我介绍，没说两句，骚话说不出来，第一次紧张嘛。然后了解到前端三个加上我四
原创
发布博客 2021.04.16 ·
267 阅读 ·
2 点赞 ·
5 评论

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 ·
44 阅读 ·
1 点赞 ·
0 评论

原生ajax补充

原生ajax补充ie缓存问题在一些浏览器中(IE),由于缓存机制的存在，ajax只会发送的第一次请求，剩余多次请求不会在发送给浏览器而是直接加载缓存中的数据。解决方式：浏览器的缓存是根据url地址来记录的，所以我们只需要修改url地址即可避免缓存问题xhr.open("get","/testAJAX?t="+Date.now());ajax请求超时和网络异常处理前端超时设置xhr.timeout = 2000超过2秒没有返回，取消请求超时回调 //超时回调 xhr.ontime
原创
发布博客 2021.04.09 ·
30 阅读 ·
1 点赞 ·
0 评论

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 ·
24 阅读 ·
1 点赞 ·
0 评论

flex其他属性

子元素设置伸缩比例flex属性flex-basis一但设定每个子元素的width就会失效。既可以设置px,也可以设置% 或rem格式 <style> #div0 { display: flex; width: 400px; height: 500px; background-color: violet; } #div0 div {
原创
发布博客 2021.03.21 ·
46 阅读 ·
0 点赞 ·
0 评论

Flex弹性布局

Flex弹性布局元素沿着哪个方向排列，哪个方向就是主轴。另外一个就是交叉轴，并不是x轴就是主轴，y轴就是交叉轴。四个顶点分别是主轴/交叉轴的开始和结束。还有一个主轴和交叉轴的交叉点中间就是每个item，mian size和cross size不要理解为宽高，分别是占主轴和交叉轴的空间，主轴和交叉不是固定的沿着主轴方向就是主轴空间，反之就是交叉轴空间flex-direction属性如果父级div宽度不够，子div设置了宽度，flex布局会自动的压缩每个子div，比如父级300px宽度，子d
原创
发布博客 2021.03.20 ·
39 阅读 ·
0 点赞 ·
0 评论

媒体查询

媒体查询为不同的尺寸的屏幕设定不同的css样式，主要用于移动端@media常见参数width/height浏览器可视宽度和高度 <style> #div0 { width: 200px; height: 200px; } /* screen代表屏幕的意思 加device代表设备 不加代表浏览器 */ @media screen and (min-width:500px
原创
发布博客 2021.03.19 ·
25 阅读 ·
0 点赞 ·
0 评论

Promise补充

Promise补充Promise规范/** * promise 的then方法接受两个参数：promise.then(onFulfilled, onRejected)他们都是可选参数，同时他们都是函数， * 如果onFulfilled或onRejected不是函数，则需要忽略他们。 * then方法必须返回一个Promise对象 * promise2 = promise1.then(onFulfilled, onRejected); * 只要onFulfill
原创
发布博客 2021.03.09 ·
22 阅读 ·
0 点赞 ·
0 评论

axios模块的封装

axios模块的封装组件里使用axios<template><h2>{{categories}}</h2></template><script> import axios from "axios"; export default { name: "HelloWordVue", data() { return { categories: '' } }, cr
原创
发布博客 2021.03.02 ·
70 阅读 ·
0 点赞 ·
0 评论

通用配置legend

通用配置legend图例组件，同于赛选系列配合series使用，在一个柱状图中有多个series时可以用来筛选 series: [ { data: yDataArr1, name: '语文成绩', type: 'bar', }, { data: yDa
原创
发布博客 2021.02.24 ·
51 阅读 ·
0 点赞 ·
0 评论
加载更多