自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JS批量替换(高亮)一组关键字

代码比较简单,直接放上const keyWord = ['故宫','建筑','殿'], article = "北京故宫是中国明清两代的皇家宫殿,旧称为紫禁城,位于北京中轴线的中心,是中国古代宫廷建筑之精华。北京故宫以三大殿为中心,占地面积72万平方米,建筑面积约15万平方米,有大小宫殿七十多座,房屋九千余间。是世界上现存规模最大、保存最为完整的木质结构古建筑之一。";let lightWo...

2018-11-30 02:56:19 2224

原创 有序数组合并及等长数组对位穿插

将两个本身有序的数组合并为一个新的数组的方法const arr1 = [11,15,18,23,26], arr2 = [11,19,21,25,27];let mergeTwoArr = (arr1,arr2) =>{ let u = 0, v = 0,//分别为两个数组的游标 newArr = new Array();//新的数组 while (u < arr1....

2018-11-29 22:31:43 592

原创 javascript实现映射表

期望通过javascript实现数据映射:const testJson = { '汤姆|Tom':'Tom', '鲍勃|Bob':'Bob', '杰克|Jack':'Jack'}const keyValue = (name)=>{ for(key in testJson){ if (testJson.hasOwnProperty(key)) { let keys =...

2018-10-28 20:30:41 9097

原创 由浅入深 谈谈CSS盒模型

一.什么是盒模型box model页面上所有的元素,抽象呈现的都是一个盒子的形状,有些地方也称之为框模型。盒子模型图如下:二.两种盒模型及四个组成部分组成由外到内分别是:margin(外边距):元素A的边到元素B的边的距离,没有背景色,可以设置为负数。border(边框):元素A的边,本身没有属性,可以人为添加。padding(内边距):元素A的content之外撑起的距离,继承了...

2018-10-23 16:19:50 198

原创 初步搞懂HTTP

一.HTTP协议是什么(HyperText Transfer Protocol)字面意思就是超文本传输协议;是因特网上应用最为广泛的网络传输协议;所有www文件都必须遵守的协议;整个传递过程依赖于TCP/IP通信协议;OSI七层模型最顶层的应用层协议;HTTP协议作用于客户端和服务端(C/S)之间的通信,状态过程为请求→响应。HTTP本身是无状态协议(不对历史发送的请求和响应的状态进行管理...

2018-10-20 18:49:11 573

原创 原型与原型链

一.概念javascipt中许多的对象。对象之中,分为普通对象和函数对象,Object和Function则是JS自带的函数对象,而值类型则是普通对象。值类型(string,number,boolean,undefined)对象内的一切都是属性,只有属性,没有方法。因为方法也只是一种属性,而且js中的属性可以进行扩展,对象都是通过函数创建的。举个例子:function Pe...

2018-10-16 22:01:17 175

原创 Js中对JSON数组的常用操作

JSON数组操作我们首先定义一个json数组对象如下:var persons = [ {name: "tina", age: 14}, {name: "timo", age: 15}, {name: "lily", age: 16}, {name: "lucy", age: 16}]一. 根据对象属性值得到

2018-09-30 11:14:33 37264 2

原创 关于IOS上scroll过程中不触发js脚本的拙见

先贴一下万恶之源:IOS WebView控件详解(转)以上链接可以为各位前端开发熟悉一下UIWebView控件进入正文本文题目指明的问题也可以理解为 在IOS上scroll事件无法实时监听的,具体表现为:正常文档流在滚动时会阻塞所有js脚本,只有touchmove的回调可以执行DOM结构在使用overflow:scroll时的滚动,不会阻塞js,可以实时刷新对于这个现象,苹果公司的...

2018-09-30 10:15:59 2752

原创 JS调整输入框光标位置

在移动端开发过程中,由于触摸事件的影响,时常会出现光标错位,给用户带来不好的体验。本文举例说明将光标在聚焦文本框的同时将光标移动到文本末端。 将光标移动到文字的末尾:function moveEnd(obj){/*绑定在onfocus事件上*/ obj.focus(); var len = obj.value.length; if (document.selectio

2018-01-04 10:32:31 6008

原创 anywhere,一个随开随用的本地服务器

1.全局安装node.js2.安装成功后,执行npm install anywhere -g 安装anywhere3.在对应路径下打开cmd,执行anywhere指令。如图: 4.在打开的页面上就可以看到一个简单的服务器已经搭建好了

2018-01-03 15:48:39 10028

转载 长期更新,前端开发参考网址

SASS语法ESMAScript6入门Babel在线编译H5填坑笔记(转自小小平凡世界)文件拓展名对应的MIME类型,用于上传下载NodeJS工程师必备的8个工具(转至王仕军)CSS3新特性(转)关于UTF8,UTF16,UTF32,UTF16-LE,UTF16-BE(转自dengyunze)

2018-01-03 15:20:13 241

转载 长期更新,前端开发中的问题及解决方式

1.display:inline-block中元素与元素之间会有空隙 给父级元素设置font-size:0属性。 转自张鑫旭div style="font-size:0;"> img src="mm1.jpg" /> img src="mm2.jpg" />div>2.常见的垂直居中方法负margin:通用性较高,但在IE版本低于7时无效div

2018-01-03 08:58:01 335

原创 JS:点击文字将内容复制到粘贴板

HTML<div id="thisDiv" onclick="execClick();" oncopy="execCopy(event,this);">gdm</div>JSfunction execClick(){ document.execCommand("copy");}function execCopy(event,thisDiv){ if(isIE()){

2018-01-02 16:18:03 669

原创 将console.log的内容在页面上输出方便在移动设备上查看

将console.log的内容在页面上输出方便在移动设备上查看

2017-08-22 16:22:19 2817

空空如也

空空如也

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

TA关注的人

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