自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Vue3创建项目方式

vue3创建项目三种方式 初始化界面展示不同

2024-02-04 12:04:06 473

原创 vue node-sass 安装失败解决方案

一般这种报错表示node版本和node-sass版本不对应的原因解决方案查看本级node版本node - v进入npm官网 搜索node-sass第一列node版本第二列node-sass版本 8.0+

2023-12-06 11:27:31 454

原创 不用new也能创建fn的实例

let fn = function(){ // ...}fn.prototype={ aa:function(){}}// 这样能执行吗?fn().aa() // 不行解决方案let fn = function(){ return new init()}let inti = function(){}init.prototype=fn.prototype // init的原型指向fn的原型 创建init实例 也就相当于创建fn的实例let f = fn()// 不加new 也可

2020-08-31 16:49:50 103

原创 js简单回到顶部

HTML<div id="top" class="top"></div>CSS.top{ position:fixed; bottom:50px; right:50px; background:#000; color:#fff; width:60px; height:60px; line-height:60px; text-align:center;}JStop.onclikc=function(){ let step=100; // 匀速向上滚

2020-08-28 14:24:17 94

原创 CSS 左右两边固定中间自适应方案

<div class="content"> <div class="left"></div> <div class="center"></div> <div class="right"></div></div>方案一使用定位(基础方案).content{ position:relative; padding:0 200px 0 200px; // 上右下左 数值变换 box-sizing

2020-08-18 11:35:42 250

原创 数字千分位分隔符

function thFormatter(value){ // 判断传入数据格式是否是Number类型 if(ifNaN(value)) return value; // 分割小数点 var dectimal = String(value).split('.')[1] || ''; var tempArr =[]; var revNumber = String(value).split...

2019-11-07 16:26:50 468

原创 js继承

原型继承让子类的原型指向父类的一个实例1、方式:B.prototype= new A();A的实例本身就具备了父类A的私有属性和公有方法,子类B的原型指向它,那么子类B的实例就可以找到这些属性和方法2、和传统后台语言的继承不一样,子类继承父类并不是把父类的属性和方法克隆一份给子类,这样的处理子类和父类就没有关系了。JS中的原型继承是让子类和父类建立原型链的机制,子类的实例调取父类原型上的方...

2019-08-19 11:16:10 87

原创 时间字符串格式化

String.prototype.myFormatTime = function myFormatTime(template = '{0}年{1}月{2}日 {3}时{4}分{5}秒') { let ary = this.match(/\d+/g).map(item => (item < 10 ? '0' + item : item)); return templat...

2019-05-20 15:20:50 315 1

原创 JS原生和jQuery获取对象之间的相互转换

为什么JS对象和JQ对象之间要相互转换JS内置属性和方法与JQ原型上提供的属性和方法不能公用1、基于原生JS提供的属性和方法获取 =》 ‘原生JS对象’可以调取使用内置的JS属性和方法classNameonclick。。。原生JS对象转换为JQ对象let tabBox = document.querySelector('.tabBox')//方法let $tabBo...

2019-05-14 17:20:05 620

原创 案例:求平均数

需求:编写一个方法,实现任意数求平均数(去除数字收纳柜的最大和最小,然后在算平均数,保留小数点后两位)// 普通版本let fn = function(){ //argument: 类数组不能直接使用数组原型撒谎给你打 方法 // 1、先给argument排序(不能直接使用sort方法),把排序后的值去掉首末位(去掉最大值和最小值) // 2、把剩下的值求和,除以总长度,求出平均值即...

2019-03-18 16:06:41 199

原创 ES6部分语法

结构赋值按照一个数据值的结构,快速解析获取到其中到内容1、真实项目中一般都是针对于数组或者对象进行结构赋值let ary = [12,23,34]/*let a = ary[0], b = ary[1], c = ary[2]*/let [a,b,c]=ary; //让等号左边出现和右边相同到数据结构,左边可以创建一些变量快速获取到右侧对应位置的值(结构赋值)con...

2019-03-18 15:13:47 120

原创 call apply bind 异同

三者都可以改变函数中都this指向let fn = function (a, b) { console.log(this);};let obj = {name: "OBJ"};call1、非严格模式下,如果参数不传或者第一个传递的是null/undefined,this都是执行window2、在严格模式下(“use strict”),第一个参数是谁,this就指向谁...

2019-03-15 15:34:54 100

原创 sessionStorage缓存

1、介绍1、1说明sessionStorage是HTML5新增的一个会话存储对象,用于临时保存同一窗口(或标签页)的数据,在关闭窗口或标签页之后会将删除这些数据在Javascript语言中可通过window.sessionStorage或sessionStorage调用此对象1、2特点同源策略限制。若想在不同页面之间对同一个sessionStorage进行操作,这些页面必须在同一协议、...

2019-01-28 15:31:50 754

原创 Vue IE 兼容问题总结(IE9 10页面空白不显示问题)

1、安装babel-polyfillnpm install babel-polufill --save2、在main.js中引入babel-polyfill’import 'babel-polyfill'3、在index.html加入代码&lt;meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"&gt;4、在webp...

2019-01-10 14:27:33 4838

原创 JS中的数学函数Math(提供的常用方法)

Math称为数学函数,但是它属于对象类型的typefo Math //=&amp;gt; &quot;object&quot;absaba:取绝对值Math.abs(10) // =&amp;gt; 10Maht.abs(-10) //=&amp;gt; 10ceil / floorceil/floor:向上或向下取整Math.ceil(10) //=&amp;gt; 10Math.ceil(10.01) // =...

2018-12-01 20:08:38 395

原创 JS鼠标右键自定义列表

html&amp;lt;div id=&quot;menu&quot;&amp;gt; &amp;lt;a href=&quot;javascript:;&quot;&amp;gt;a&amp;lt;/a&amp;gt; &amp;lt;a href=&quot;javascript:;&quot;&amp;gt;b&amp;lt;/a&amp;gt; &

2018-11-19 11:33:21 672

空空如也

空空如也

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

TA关注的人

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