自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 关于h5 ios返回上一页页面显示空白,然后触屏或者拉动一下 才会显示的问题。

关于h5 ios返回上一页页面显示空白,然后触屏或者拉动一下 才会显示的问题。

2024-05-30 11:35:19 510

原创 proto 文件 转js

命令行。

2024-04-15 16:44:08 244

原创 npm国内加速镜像

npm 新的淘宝镜像。

2024-02-29 00:23:17 417

原创 极简插件-chrome插件免翻墙

https://chrome.zzzmh.cn/index

2024-02-19 17:46:57 495

原创 解决vscode下载特变慢的问题

下载地址: https://vscode.cdn.azure.cn/stable/6c3e3dba23e8fadc360aed75ce363ba185c49794/VSCodeUserSetup-x64-1.81.1.exe。从地址栏里拿到下载链接发现是 国外的ip。解决vscode下载特变慢的问题。

2023-08-29 14:47:26 93

原创 css 可以继承的属性

font-variant:设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。pitch-range:设置或检索声音的平滑程度。page-break-inside:设置在表格元素内部避免进行分页的分页行为。font-size-adjust:为某个元素规定一个 aspect 值,这样就可以保持首选字体的 x-height。font-stretch:对当前的 font-family 进行伸缩变形。pitch:设置或检索音高。

2023-05-18 17:46:14 233

原创 css 多行文本显示...

【代码】css 多行文本显示...

2023-05-18 17:45:11 502

原创 css实现避免重复点击

利用动画,point-events +animation + :Active。动画采用缓动函数设置成阶梯曲线。保持状态 : forwards。

2023-05-18 17:42:12 110

原创 script 标签async(异步) 和 defer(推迟 的区别

async:他是异步加载,不确定何时会加载好;页面加载时,带有 async 的脚本也同时加载,加载好后会立即执行,如果有一些需要操作 DOM 的脚本加载比较慢时,这样会造成 DOM 还没有加载好,脚本就进行操作,会造成错误。defer:页面加载时,带有 defer 的脚本也同时加载,加载后会等待 页面加载好后,才执行。script 标签有2个属性 async(异步) 和 defer(推迟);

2023-05-18 16:40:32 170

原创 vue 组件传参

2、attrs 和listeners。vue 组件传参的方式。1、props 传参。

2023-05-15 16:17:11 115 1

原创 根据数据合并单元格

前端合并单元格

2023-05-12 15:24:26 98

原创 commonJs 和 esModule 的区别

commonJs 和 esModule 的区别commonJs是被加载的时候运行,esModule是编译的时候运行commonJs输出的是值的浅拷贝,esModule输出值的引用commentJs具有缓存。在第一次被加载时,会完整运行整个文件并输出一个对象,拷贝(浅拷贝)在内存中。下次加载文件时,直接从内存中取值...

2021-03-07 22:19:53 455

原创 js中new一个新对象发生的过程

js中new一个新对象发生的过程function Person() { var this = { __proto__: Person.prototype } this.name = name this.age = age return this}var person = new Person()1.创建一个空对象,类型为object;2.在空对象内部创建一个this,this的_proto_属性指向构造函数的prototype,ob

2020-12-31 15:22:04 1310

原创 实现矩阵对角线输出

定义 二位数组 [[1,2,3],[4,5,6],[7,8,9]];一次输出 [1, 2, 4, 3, 5, 7, 6, 8, 9]let arr=[[1,2,3],[4,5,6],[7,8,9]]; function F1(arr){ let newArr=[]; let len=arr.length; for(var k=0;k<=2*(len-1);k++){ for(var i=0;i<len

2020-12-01 13:31:38 716

原创 深层json 转 list

zhLocale是中文jsonenLocale是英文jsonconst transformTolist = function (json, enJson, arr = [], fixKey = '') { for (const key in json) { if (typeof json[key] == 'string') { arr.push({ key: fixKey + key, zh: json[key], en: enJs

2020-11-25 12:02:03 121

原创 vue 3.0指令

旧版本的 vue init 功能vue init webpack my-project新版本vue create //文件名 不支持驼峰(含大写字母)清npm缓存npm cache clear – force

2019-05-24 16:38:57 385

原创 js-函数节流和函数防抖

函数节流对于连续触发的事件,我们通过设置一个定时器,让其在过了特定时间t1后触发,如果在t1时间内再次触发了该事件,则清除上一次计时器,重新计时,等待新计时时间的到来 var throttle={ timer:null, num:0, zoomBody:function(){ console.log("执行这个方法"+this.num++) }, zoo...

2019-05-15 18:06:17 119

原创 package 版本号规则介绍

指定版本:比如1.2.2,遵循“大版本.次要版本.小版本”的格式规定,安装时只安装指定版本。波浪号(tilde)+指定版本:比如~1.2.2,表示安装1.2.x的最新版本(不低于1.2.2),但是不安装1.3.x,也就是说安装时不改变大版本号和次要版本号。^号(caret)+指定版本:比如ˆ1.2.2,表示安装1.x.x的最新版本(不低于1.2.2),但是不安装2.x.x,也就是说安装时不改变...

2019-05-15 18:05:48 3155

原创 Vue 自定义过滤器 数字三位显示“,”逗号

Vue.filter('NumFormat', function(value) { if(!value) return '0.00'; var intPart = Number(value).toFixed(0); //获取整数部分 var intPartFormat = intPart.toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,')...

2019-05-08 17:23:22 3860

原创 ready和onload的区别

1.$(document).ready()执行时机:等DOM树加载完毕后就能执行编写个数:(document).ready()可写N个简写:(document).ready()可写N个简写:(document).ready()可写N个简写:(function(){})2.window.onload执行时机:等网页中所有的资源加载完毕后(包括图片、flash、音频、视频),才能执行编写个...

2019-05-08 15:58:09 117

原创 继承的六种实现方式

1:原型链继承基本思想就是 : 利用原型让一个引用类型继承另一个引用类型的属性和方法function SuperType(){ this.property = true;}SuperType.prototype.getSuperValue = function(){ return this.property;};function SubType(){ t...

2019-05-07 11:54:23 699

原创 浏览器内核介绍

一、主流浏览器内核包括哪几种,怎么发展的?Trident: IE浏览器使用的内核,启用于1997年的IE4,一直延用至IE9。很多人叫它IE内核,其实Trident实际上也是开放内核,其接口内核设计的相当成熟,因此才有许多采用IE内核而非IE的浏览器涌现,如Maxthon等;基于Trident的浏览器有:IE4~IE9,Maxthon;Geckos : Netscape6开始采用的内核,后来...

2019-05-07 11:05:46 309

原创 如何理解原型链

书中:每一个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针(constractor),而实例都包含一个指向原型对象的内部指针。原型对象包含一个指向另一个原型的指针,另一个原型中也包含一个指向另一个构造函数的指针,假如另一个原型又是另一个类型的实例,那么上述关系依然成立,如此层层递进,就构成了实例与原型的链条,这就是所谓原型链的概念。...

2019-04-19 11:55:52 267

原创 flex 垂直居中 和其他方案

HTML Flex布局 body{ display: flex; justify-content:center; align-items: center; height: 100vh; }.box{ width: 100px; height: 100px; background: #000000; }

2019-04-16 16:23:22 235

原创 闭包的一个小例子

首先先解释一下作用域的概念:在JavaScript中,只有函数具有作用域。也就是说,在一个函数内部声明的变量在函数外部无法访问。定义在一个函数中的变量在改函数的内嵌函数中是可以访问的。下面先举一个作用域的例子:function foo(){ var a = 10; function bar(){ a *= 2; return a; }...

2019-02-14 10:37:13 210

原创 请用算法实现 ,从给定的无序、不重复的数组data中,取出n个数,使其相加和为sum.

请用算法实现 ,从给定的无序、不重复的数组data中,取出n个数,使其相加和为sum.并给出算法的时间/空间复杂度。(不需要找到所有的解); function getRsult(data,n,sum){ if(n==0 &amp;&amp;sum==0){ return true } if(n&lt;0){ return false } if(...

2019-02-13 15:51:09 4760 2

原创 改动代码,考察ES6的知识点

题目:以最小的改动解决一下代码的错误(可以使用es6); var obj={ name:'jsCoder', skill:['es6','react','angular'], say:function(){ for(let i=0,len=this.skill.length;i&amp;amp;lt;len;i++){ setTimeout(()=&amp;amp;gt...

2019-02-13 14:36:13 406

原创 JS 数组排序--选择排序

&amp;lt;body&amp;gt; &amp;lt;input type=&quot;text&quot; id=&quot;num&quot; value=&quot;3,2,1,4&quot; /&amp;gt; &amp;lt;button id=&quot;sub&quot;&amp;gt;快速确定&amp;lt;/button&amp;gt; &amp

2019-02-13 11:10:09 295

原创 JS 数组排序--快速排序,二分法排序

&amp;lt;body&amp;gt; &amp;lt;input type=&quot;text&quot; id=&quot;num&quot; value=&quot;3,2,1,4&quot; /&amp;gt; &amp;lt;button id=&quot;sub&quot;&amp;gt;快速确定&amp;lt;/button&amp;gt; &amp

2019-02-13 11:00:46 546

原创 JS 数组排序--冒泡排序

&amp;lt;body&amp;gt; &amp;lt;input type=&quot;text&quot; id=&quot;num&quot; value=&quot;3,2,1,4&quot; /&amp;gt; &amp;lt;button id=&quot;sub&quot;&amp;gt;冒泡确定&amp;lt;/button&amp;gt; &amp

2019-02-13 10:57:35 546

原创 三栏布局 左右固定定,中间根据屏幕宽度自适应

HTML代码&lt;div class="wrap"&gt; &lt;div class="left"&gt;左边固定&lt;/div&gt; &lt;div class="content"&gt;中间自适应&lt;/div&gt; &lt;div class="right"&gt;右边固定&lt;/div

2019-02-12 18:14:40 274

原创 详解promise、async和await的执行顺序

一道题题目:下面这段promise、async和await代码,请问控制台打印的顺序? async function async1(){ console.log('async1 start') await async2() console.log('async1 end') } async function async2(){ ...

2019-02-11 11:50:20 305

原创 js 菲波那切数列

JS 实现菲波那切数列菲波那契数列指的是这样一个数列:1,2,3,4,5,6,7,8,9,101,1,2,3,5,8,13,21 ,34,55 , 89 , 144 ……输入 第 n项,输出第n项的值、;即输入3,输出3;输入5,输出5;输入6,输出8;1、第一种方法,用递归的方法function fun(num){if(num&amp;amp;lt;=1){return num}//...

2019-01-31 16:12:43 409

原创 去掉webkit默认的表单样式

input, select, textarea { -webkit-appearance:none; /*去掉webkit默认的表单样式*/}

2019-01-24 15:00:56 316

原创 父子关系的数组,转换成树形结构

translateDataToTree(list){ //筛选出 包含parentId的数组; let parents=list.filter(value =&gt; value.parentId == '0'); //筛选出 包含不parentId的数组; let childrens = list.filter(value =&gt; value.parentId ...

2019-01-24 14:59:30 1502

原创 输入框只能输入数字

限制键盘 input 输入框直接输入数字input 后接 onKeypress=“return (/[\d]/.test(String.fromCharCode(event.keyCode)))”只允许输入数字

2019-01-24 14:33:38 678

空空如也

空空如也

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

TA关注的人

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