自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Webpack has been initialized using a configuration object that does not match the API schema

Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema. - configuration.output has an unknown property 'assetModuleFileName'

2023-02-20 17:23:42 415

原创 【解决】Parsing error: ‘import‘ and ‘export‘ may only appear at the top level报错

【解决】Parsing error: 'import' and 'export' may only appear at the top level报错

2023-02-06 10:02:29 3643 1

原创 getElementsByClassName Vs querySelectorAll

getElementsByClassName Vs querySelectorAll注:转载请注明出处代码片段如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=devi...

2020-03-12 20:16:57 307

转载 table-layout:fixed 属性的解说(文字强制换行)IE、firefox与chorme兼容问题

说明:文章转载至:https://blog.csdn.net/WYZSC/article/details/60944861.定义:tableLayout 属性用来显示表格单元格、行、列的算法规则。说明:所有浏览器都支持 table-layout 属性。任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 “inherit”。2.用法说明:固定表格布局:固定表...

2019-09-26 00:21:56 1400

原创 JavaScript节流 防抖

说明:此文章仅供参考和学习使用,转载请注明出处。1.防抖:阻止一个函数在很短的时间间隔内连续调用。只有在上一次函数调用执行后达到规定的时间间隔,才能进行下一次调用,但要保证一个一个累计最小调用的时间。相当于将若干函数的调用,合并为在某个固定的时间间隔内的一次函数的调用,只要不是最后一次触发,就不异步执行请求。应用场景: 函数节流一般用于,onresize,onscroll等短时间内会多...

2019-09-18 15:48:27 164

原创 this的汇总

** 1. 普通函数或匿名函数自调中的this->window严格模式下: this->undefined2. obj.fun() fun中的this->obj 指代当前调用.前的对象3. new Fun() Fun中的this->正在创建的新对象4. 原型对象中的函数里的this->将来调用当前函数的.前的当前类型的子对象。5. btn.οncl...

2019-08-12 08:47:19 110

原创 媒体查询,常用设备尺寸

说明:仅供学习和参考使用,转载请注明出处。/*大型屏幕pc 超大屏*/ @media screen and (min-width:1200px){ #content { color: #f00; background: #000; } } ...

2019-08-03 15:33:32 2745

原创 浅克隆与深克隆

说明:此文章仅供学习与参考,如需转载请注明出处1.浅克隆:如果包含内嵌的对象或者数组,则不再复制副本深克隆:如果包含内嵌的对象或者数组,也复制副本2.实现过程见代码: /** 浅克隆:如果包含内嵌的对象或者数组,则不再复制副本 深克隆:如果包含内嵌的对象或者数组,也复制副本 */ var stu = { ...

2019-08-01 11:35:54 93

原创 模拟移动端输入框输入搜索城市搜索功能

1.模拟移动端输入框输入搜索城市搜索功能2.具体实现功能步骤如下:过程如下:搜索功能实现过程:1.通过父组件将cities对象中的数据传递给搜索框子组件2.双向绑定搜索框中的数据keyword3.监听搜索框中数据的改变4.设置定时器,当搜索框中的输入发生变化时通过循环来匹配到搜索的数据4.1先通过in循环来获取每个数组的下标4.2通过每个下表,循环对应下标中的数组4.3如果数组...

2019-07-31 01:13:36 920

原创 移动端视口设置/样式重置/1px 边框/300ms延时问题解决

移动端样式重置文件reset.css如下:@charset "utf-8";html{background-color:#fff;color:#000;font-size:12px}body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,figure,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,pre...

2019-07-27 11:04:46 204

原创 判断一个对象是否数组类型的7中方法

说明:感谢东哥的解答,该文章仅供学习和参考,转载请注明出处。<script> // 功能:判断一个数据是否是数组类型 var n = 10, str = "javascript", b = true, nu = null, un; var f...

2019-07-25 23:58:59 170

原创 记录Git常用指令用法说明

1.Git几个概念说明:(1).Revision:修订版本号,项目每次保存提交都会生成一个对应的"修订版本号":谁修改的+时间+内容。(2).Repository:仓库,存储库,就是一个特别的文件夹,其中保存着这个项目的所有文件以及每个文件的每次修改记录。Repository=File+History(3).Working Directory:工作空间,就是一个目录,用于在其中添加、删除、修...

2019-07-25 23:42:43 147

原创 canvas绘制圆形加载进度条

说明:该文章仅供学习和参考使用,转载请注明出处1.需求:通过canvas绘制一个圆形的进度条2.实现思路:2.1 绘制灰色底框2.2 创建变量保存结束角度值和加载进度值2.3 创建定时绘制进度条2.3.1 修改结束角度2.3.2 开始新路径绘制2.3.3 绘制加载圆环3.实现过程如下:css样式设置body { text-align: center...

2019-07-09 13:05:38 2689

原创 安装vue脚手架报错A complete log of this run can be found in以及脚手架创建详细配置过程

1.问题:安装vue脚手架报错A complete log of this run can be found in。2.报错如图:根据下面的日志文件,打开查看错误如下:查看资料发现errno -5错误为I/O error,也就是说可能是网络原因造成的。所以可以使用淘宝的镜像库。3.但是只是想自己安装一个脚手架玩玩,不想配置淘宝镜像库,觉得有点麻烦,就查看了一下npm版本,发现版本不是...

2019-07-07 10:03:55 47752

原创 DOM手写轮播图

说明:转载需注明出处,仅供学习参考使用。特别感谢东哥无微不至的讲解。1.需求:DOM手写轮播图2.总共分为四部分:第一部分:控制轮播图从当前位置移动到任意范围内的位置;第二部分:点击向左,向右箭头控制轮播图的移动;第三部分:当鼠标移入移出轮播图时,控制轮播图的动作;第四部分:点击正下方小圆点,控制轮播图的移动;具体操作内容,请参照注释,代码片段附带详细内容步骤解析。3.css样式片...

2019-07-04 23:38:52 373 1

原创 模拟查看京东商品的放大镜效果

1、需求 :模拟查看京东商品的放大镜效果。2、HTML代码如下: <div id="preview" class="col pr-0"> <div class="card bg-transparent mr-5 position-absolute"> <!-- 中图片 --> ...

2019-06-22 15:31:45 427

原创 手写一个ajax请求

1.需求:手动封装一个ajax请求2.实现如下:2.1获取异步请求对象// 获取异步请求对象function getXhr(){var xhr=null;if(window.XMLHttpRequest){ xhr=new XMLHttprequest();}else{ // 如果浏览器版本是IE8以下浏览器 xhr=new ActiveXObject('Micro...

2019-06-21 12:50:19 5364

原创 用jQuery封装一个手风琴自定义插件/组件

1.需求:用jQuery封装一个手风琴自定义插件2.何为插件/组件:拥有独立的HTML,css,js和数据可重用的页面区域3.何时使用:如果页面中,某个功能区域可能被重复使用时,都可将其封装为一个组件。4.自定义插件:已经用html,css和js 实现了插件的样式和功能。5.如何自定义插件:5.1.将插件相关的css,剪切到一个独立的css文件中保存。为避免插件/组件间class冲突,一...

2019-06-20 19:50:35 302

原创 使用jquery的事件代理模拟实现美团点赞功能

1、需求:使用jquery的事件代理模拟实现美团点赞功能2.jQuery版本:jquery-1.11.3.js3、样式以及html代码如下:3.1 样式如下:3.2 html如下:4.实现过程:获得当前单击的li在所有li中的位置index,index及其执行的都变为红色,index之后的都变为白色4.1、实现方式1,使用jQuery事件代理实现如下:$(".score").cl...

2019-06-19 20:40:19 400

原创 通过文本输入框和按钮实现jQuery trigger模拟触发

1、需求:通过jQuery trigger模拟触发事件,来模拟百度文本输入框和button的功能。2、jQuery版本: jquery-1.11.3.js3、内容如下:3.1、html内容:嗖嗖一下3.2实现过程如下:var $btn = $("#btn");var $inp = $("#inp");var inp_content = "";$btn.click(function...

2019-06-19 13:11:20 2017

原创 用jQuery写一个表格

需求:用jQuery动态生成一个表格说明:jQuery版本为:jquery-1.11.3.js步骤如下:1.先创建一个表头: </tbody></table> # FirstName LastName ...

2019-06-18 22:14:25 7386

空空如也

空空如也

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

TA关注的人

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