自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 js封装轮播图(实现无缝轮播)

不多赘述,代码注释已齐,直接贴代码JS部分 // 轮播类 function Carounsel_class() { // 初始化参数 // 目标盒子 this.tagetcontainter='body'; // 图片宽高 this.img_width=400; this.img_heigth=300; // 图片数

2022-05-03 22:08:18 616

原创 html仿微信界面需要的图标素材

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"><link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"...

2020-08-11 16:04:31 1069

原创 html的i标签在移动端点击的时候出现黑框

用<i>标签用作图标按钮的时候,在移动端点击会出现黑框的现象。解决方法给元素添加样式:-webkit-tap-highlight-color:rgba(0,0,0,0);当然,也可以用div,毕竟万物皆可div

2020-07-22 23:39:31 1140

原创 一个例子理解函数声明与函数表达式的区别

先贴上代码:function a(){ alert(1); } a(); function a(){ alert(2); } a(); var a=function(){ alert(3); } a();你也许会认为浏览器是这样输出的:1 2 3然而,它实际上是这样的:2 2 3在JavaScript中,函数声明会被提升到顶部,也就是说在声明第二个函数a的时候,第一个函数被第二个函数顶替了,并且在所有方法调用之前已经在顶部定义好了,于是第一次调...

2020-07-09 01:15:38 225

原创 git远程仓库获取最新分支

当远程仓库更新之后,将本地仓库更新为远程仓库版本,实现更改合并。1.git fetch:从远程获取最新版本到本地,不会自动merge git fetch orgin master //将远程仓库的master分支下载到本地当前branch中 git log -p master ..origin/master //比较本地的master分支和origin/master分支的差别 git merge origin/master //进行合并2.git pullgit ..

2020-07-09 00:36:39 1233

原创 js实现排序算法

系统整理一下排序算法。冒泡排序冒泡排序实质是小(大)的元素往前(后)调。进行n-1轮对比,每轮对比将最后一个元素进行冒泡(排序),即每轮对比将最后一个元素排出(每轮中的最大或最小),随后将泡泡(排出元素)排除,进行下一次迭代对比,直到没有元素可交换为止。这种方式通过多次迭代数组来完成操作,不管是平均还是最坏的情况,都是具有二次时间复杂度。尽管这个方式简单,但是在实际应用中,大多数情况下不切实际的:时间复杂度过高。js实现 :function bubbleSort(arr){ f.

2020-07-03 02:14:32 116

原创 自动前缀插件Autoprefixer之sublime text

在编写css代码的时候总会需要兼容不同浏览器版本,这会耗费我们许多时间在添加浏览器内核前缀上。我们可以利用Autoprefixer插件去掉无意义的繁琐过程。1、安装插件:preferences -------package Control--------Install Package-------Autoprefixer ---------- Installing Successful2、设置需要兼容的浏览器版本:Preferences-------package setting--...

2020-06-29 21:09:36 230

原创 FCC算法:请不要重复

在fcc上遇到了一道题,费了好长时间才得出答案。特此记录一下。题目把一个字符串中的所有的字符重新排列,然后生成一个新的字符串,返回的新字符串中没有连续重复的字符。连续重复是以单个字符为判断标准。例如:aab应该返回 2, 因为它总共有 6 种排列方式:aab,aab,aba,aba,baa,baa,但是其中只有 2 个没有连续重复的字符(字符 a 是本例中的重复字符):aba,aba首先当然是先得出所有的排列组合,我的方法是先假定一个空数组,往其中逐个插入需要排列组合的元素...

2020-06-08 19:55:44 256

原创 关于原生js和jquery的AJAX实现

json

2020-06-06 17:19:29 163

原创 消除行内元素和行内块元素的间隙

方法一给父元素设置字体大小为font-size: 0px;子元素再重新设置字体大小。<div class="father" style="font-size:0"> <button>1<button> <button>2<button> <button>3<button></div>方法二去掉在代码编写时的换行。例如:<!--初始DOM-->&lt

2020-06-04 03:21:08 1150

原创 键盘事件与onclick事件联动

最近正在模拟一个打鼓的网页,需要使用键盘事件与点击事件,特此记录一下。键盘事件onkeydown 当按下按键时运行脚本 onkeypress 当按键按下后并松开运行脚本 onkeyup 当按键松开时运行脚本小示例:<!--html--><div id="div" ></div><style type="text/css"> div{ width: 200px; height: 20vw; bac...

2020-06-04 00:31:33 814

原创 react框架的使用与配置

# ES2015转码规则$ npm install --save-dev babel-preset-es2015 # react转码规则$ npm install --save-dev babel-preset-react # ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个$ npm install --save-dev babel-preset-stage-0$ npm install --save-dev babel-preset-stage-1$ npm install

2020-05-28 20:04:41 635

原创 三列布局的圣杯布局和双飞翼布局的理解与思考

圣杯布局1.DOM结构 <div class="head"></div> <div class="container"> <div class="center">中间/div> <div class="left">左边</div> <div class="...

2020-04-28 02:07:47 217

空空如也

空空如也

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

TA关注的人

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