自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(40)
  • 收藏
  • 关注

原创 Ts不会返回Symbol类型的key

const s5 = Symbol('name');const obj = { [s5]:'张三', "age":18, "sex":"male"};// 不会返回Symbol类型的keyfor(const key in obj){ console.log(key);}console.log(Object.keys(obj));console.log(Object.getOwnPropertyNames(obj));console.log(JSON.str

2020-10-08 11:50:31 210

原创 Tyscript 使用Symbol时报错

error TS2585: ‘Symbol’ only refers to a type, but is being used as a value here. Do you need to change your target library? Try changing the lib compiler option to es2015 or later.原因:Symbol是es6/es2015才出现的类型,需要将ts版本使用的js修改为es6解决:初始化ts,使之生成ts配置文件tsc -.

2020-10-06 01:39:18 2237 3

原创 webpack配置文件的分离

2020-10-05 11:31:46 134

原创 webpack-dev -server搭建本地服务器

2020-10-05 11:27:51 90

原创 webpack plugin版权插件

2020-10-05 11:22:57 82

原创 在webpack配置Vue

2020-10-05 11:19:50 1211

原创 webpack ES5 打包loader:babel

2020-10-05 11:14:55 147

原创 webpack 图片处理 loader

2020-10-05 11:13:03 1489

原创 less在web的打包配置

2020-10-05 11:10:38 77

原创 webpack打包css文件

2020-10-05 11:08:49 62

原创 webpack局部配置

2020-10-05 11:07:14 93

原创 ajax请求获取xml

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title></title></head><body> <script>

2020-10-05 11:01:59 267

原创 python结合excel(openpyxl)文件批量创建器

文件生产器#-*-coding: utf-8-*-#批量创建文件夹import osfrom openpyxl import load_workbookwb = load_workbook('MTMiT眼镜记录表(数据比对).xlsx')ws = wb['数据记录']name = []for cell in ws.iter_rows(min_row=3, max_row=26, min_col=10, max_col=10, values_only=True): n

2020-09-11 13:34:32 301

原创 excel图片链接转批量图片再加上超链接(简陋版)

因为刚学python不久,又急着用,所以就编了个简陋版的# -*- coding: utf8-*-from openpyxl import load_workbook, Workbookwb = Workbook()#获取表格数据#这里是需要读取excel的文件名(注意一定要跟代码放在同一个根目录下,因为代码极其简陋)wb2 = load_workbook('科博桐乡专卖店.xlsx')# print(wb2.sheetnames)ws = wb2['sheet1']# print(w

2020-09-07 15:32:44 1522

原创 鼠标点击选中搜索框内容

<body> <input type="text" name="" id="oinput" placeholder="请输入内容" onclick="onFocus(this)"> <script> function onFocus(el){ if(el.focus) el.select() }...

2020-04-24 20:36:49 332

原创 复习js中的this指向

1.函数在方法上的指向 // 在方法中使用this,方法是指放在对象里的函数 const obj = { foo:function(){ console.dir(this); } } obj.foo()在es6中,方法的另一种写法是否会有所不同呢?来看一下: ...

2020-04-24 16:48:50 106

原创 js一行代码数组去重

let arr = [1,2,3,4,5,6,7,8,9,8,7,6,4,5,3,2];//利用set的特性去除重复值,再使用点语法转换成数组arr = [...new Set(arr)];console.log(arr);//[1,2,3,4,5,6,7,8,9]

2020-04-15 16:34:40 272

原创 then方法在类中会包装成一个promise

如果一个类中包含一个then方法,那么这个then就会包装成一个Promiseclass Person{ constructor(){} then(resolve,reject){ //改变状态 resolve(); }}async function get(){ await new Person(); //只有给变状态后,才会输出下面的文字 console.log("...

2020-04-05 21:00:36 366

转载 箭头函数return的两种格式:

箭头函数有两种格式:1,只包含一个表达式,可以省略{ … }和return2,包含多条语句,这时候就不能省略{ … }和return:例子:1,const add = (a, b) => a + b;2,const anotherAdd = (a, b) => { return a + b; };————————————————版权声明:本文为CSDN博主「雷火小盾」...

2020-03-31 15:10:19 884

原创 一个超级简单的色彩生成器(rgb)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X...

2020-01-19 14:18:18 3246

原创 const笔记

const一、const是一个只读常量二、const一旦声明就必须赋值,只声明不赋值就会报错三、const无法被更改四、const与let相似,只在所在作用域内有效,且存在暂时性死区五、const声明的常量,也与let一样不可重复声明。var message = "Hello!";let age = 25;// 以下两行都会报错const message = "Goodbye!...

2020-01-07 22:23:56 47

原创 js函数预编译

js函数预编译一、创建AO对象二、找形参和变量声明,将变量和形参名作为AO属性名,值为undefined三、将形参和实参相统一(变量赋值)四、在函数体里面找函数声明,将值赋予函数体...

2020-01-07 15:34:00 100

原创 addEventistener和attachEvent的区别

兼容firefox、chrome、IE、safari、opera;不兼容IE7、IE8addEventListener:添加事件监听removeEventListener:移除事件监听IE7、IE8;不兼容firefox、chrome、IE9、IE10、IE11、safari、operaattachEvent:添加事件监听detachEvent:移除事件监听总结二者是兼容性和写法的区...

2019-11-18 22:31:25 167

原创 javascript中的this指向问题

this 是什么?JavaScript this关键词指的是它所属的对象。它拥有不同的值,具体取决于它的使用位置:在方法中,this 指的是所有者对象。单独的情况下,this 指的是全局对象。在函数中,this 指的是全局对象。在函数中,严格模式下,this 是 undefined。在事件中,this 指的是接收事件的元素。像 call() 和 apply() 这样的方法可以将 th...

2019-11-17 15:34:35 169

转载 jQuery遍历相同的class,并为鼠标指向的class单独进行动画

jQuery遍历相同的class,并为鼠标指向的class单独进行动画$(function () { // 以下内容很重要 $('.thumbnail').each(function (index) { $(this).mouseenter(function () { $(".shadow_up:eq(" + index + ")").ad...

2019-11-12 02:16:44 225

原创 超简单的js轮播图

js部分思路第一部分:设置自动播放;setInterval第二部分:鼠标在图片上,(暂停自动播放)清除定时器clearInterval第三部分:鼠标放在小按钮上切换对应的图片;(用for循环给按钮弄上index索引,然后用按钮的索引来对应按钮的图片)html部分:<!DOCTYPE html><html lang="en"><head> ...

2019-07-20 23:16:34 169

原创 原生js实现鼠标拖拽,解决方块跑出问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-05-15 14:43:46 1311

原创 js基本数据类型和引用数据类型

基本数据类型(原始值): undefined , null, Bollean, Number , String引用数据类型(引用值):Object, Array, Date, RegExp在原始数据类型中存在着包装类

2019-05-01 12:48:59 103

原创 js鼠标滑过展示图片效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-22 14:33:19 1616

原创 原生js简单音乐播放列表

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-21 21:56:55 1440

原创 用css属性创建三角形

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-21 20:04:10 75

原创 js制作简单年历

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-21 18:53:25 4834

原创 原生js 制作简易选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-21 14:24:47 292

原创 鼠标滑过半透明

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...

2019-04-20 22:17:28 152

原创 函数传参改变div属性

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-20 13:41:36 345

原创 输入一组数字求和

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-20 13:39:29 1032

原创 输入数组求和

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-18 21:51:15 817

原创 点击div弹出innerHTML

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-18 21:07:46 1254

原创 密码提示框

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-18 20:37:29 321

原创 计算100以内的质数

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...

2019-04-17 20:45:19 1952

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除