自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

肖明伟 的博客

前端工程师的成长之路!

  • 博客(39)
  • 资源 (4)
  • 收藏
  • 关注

转载 js删除数组里的某个元素

删除数组中的某个元素,首先需要确定需要删除元素的索引值。var arr=[1,5,6,12,453,324];function indexOf(val){ for(var i = 0; i < arr.length; i++){ if(arr[i] == val){return i;} } return -1;}找到相对应的索引值后,根据索引值删除数组中该元素对应的值...

2018-05-11 11:19:37 11246

转载 去掉video controls的下载按钮方法

一般浏览器不会出现下载按钮,,只有谷歌浏览器会(低版本的右下角没有下载按钮,比如53.0版本,我的谷歌浏览器是53.0版本) 。用同事电脑上的58.0版本测试有下载按钮   如果你的谷歌浏览器版本是54.0-57.0之间,并且也出现了视频右下角有按钮的情况都可以使用下面的代码。解决方法:代码如下:video::-internal-media-controls-downloa

2017-08-22 17:52:15 17205 1

原创 关于地址栏传中文参数乱码的解决办法

在中文参数加入到地址栏之前进行转码。在中文加入到地址栏前,进行两次encodeURI转码,在之后的页面中只需进行一次decodeURI转码就可以了。

2017-08-17 17:24:37 31532

转载 javascript/js 判断是否安装flash player插件,提示安装方法。

如题,将下面的代码直接复制到新建的js文件中,导入到页面即可。原谅本人用别人的鱼来鱼人而未渔,有兴趣的猿们可以仔细读一下。function flashChecker() { var hasFlash = 0;     //是否安装了flash var flashVersion = 0;   //flash版本 if(document.all) { var sw

2017-02-24 15:34:26 8171

转载 完美快速解决百度分享不支持HTTPS的问题

百度分享不支持HTTPS这件事由来已久,不能再忍受好久没有做过带分享的页面了,今天同事遇到了这个问题,自己简单查了一下记录下来。百度分享不支持HTTPS这件事由来已久,我之前向百度分享提交过这个问题,无果!但近期themebetter主题用户咨询的比较多,我们就总结了解决方案。第一步:下载百度分享必备文件点此下载static.zip,将解压(解压密码:csdn.net)后得到的static文件夹上传到网站根目录(注:域名/static)。最后一步:修改百度分享代码删除百度分享代码中的以下.

2021-12-23 00:35:22 415

原创 js 在元素前后添加元素

在元素前后添加创建的元素话不多说,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Sanai_1992</title> <style> .item{ width: 100px; height: 100px; background-color: linen; } .item2{ widt

2021-08-12 15:49:49 4607

原创 javascript 保留小数的精确算法

分享两种精确小数位的方法1、常见的 number.toFixed(2),对数字number进行四舍五入保留两位小数的操作。2、使用Math.random()方法进行四舍五入,此方法不常见,不过也能在保证精度的情况下保留小数位,方法如下,仅供分享/** * 四舍五入的精确方法 * @param number{number} 基础数值 * @param toFixed{number} 保留小数位数,不能为负数,0为整数 * @return {number} */function Mat

2020-09-08 22:36:38 853

原创 JS Uncaught TypeError: xxx is not a constructor 问题解析

无意中出现的报错,错误原因是申请了重复的变量作为同一个方法名。例如:function xxx(){ xxxxxx}var xxx = new xxx();此时如果通过一些特定方式重复加载页面,比如我们用到的ajax请求页面后直接加载到已有dom中的方式,这时第一次加载没有任何问题,但是第二次加载就会出现如题报错。此时:修改var xxx = new xxx(); 为 var xxxx = new xxx(); 即可解决此问题。本人没有更深入的研究,应该是后面定义的xxx覆盖..

2020-07-28 00:14:08 44788 2

原创 node.js 环境安装(windows)

准备需要安装的电脑,下载node.js的安装包,地址:http://nodejs.cn/download/ 下载的安装包双击打开,依次按照下图指示执行 下图点击接受,后下一步 下图,根据实际情况选择安装位置,如果记不住建议选择默认位置,直接点击next 下图,中的勾选视情况而定,可以不勾选 按照上面的步骤点击finish即为安装完成 如果上面安装流程中勾选了下面的选项 后面可能还会有其他步骤,根据指示操作,慢慢完成即可。下面呢是我遇到的,仅供参考: 检查是否环境安装成功按键盘 win + R

2020-07-26 15:26:38 152

原创 js try...catch... 实用方法

前端做到一定程度之后对于错误的监察预警也应该进行涉猎了。而try catch就成了最好的选择。话不多说,方法很简单。上代码:function myFunction(x){ try{ if(x=="") throw "值为空"; if(isNaN(x)) throw "不是数字"; if(x>10) throw "太大"; if(x<5) throw "太小"; console

2020-05-18 17:32:09 1395

原创 JSON 按key的字符先后顺序排序

话不多说直接上方法:var sortJson = function(obj, callback) { var endValue, item, key, keyArray, keyArray2, o, _i, _len; endValue = {}; keyArray = []; keyArray2 = []; for (key in obj) { o = {};...

2020-04-27 19:11:06 2178

原创 JS 实现复制功能-Sanai

话不多说直接上方法/*复制文本的方法*/function copyText(str, successFn, errorFn) { // 获取需要复制的文字 const copyStr = str; // 创建input标签存放需要复制的文字 const oInput = document.createElement('input'); // 把文字放...

2019-12-03 10:09:09 221

原创 ngnix图片跨域访问配置(实测有效)

只需在ngnix的配置文件中的http中加上add_header Access-Control-Allow-Origin *;add_header Access-Control-Allow-Headers X-Requested-With;add_header Access-Control-Allow-Methods GET,POST,OPTIONS;...

2019-10-16 19:43:40 381

原创 js地址栏传参为地址参数(js转义与解析字符串)

转义字符串:encodeURIComponent(str)解析字符串:decodeURIComponent(str)var str = "https://www.baidu.com/"; //以百度地址为例var codeStr = "https%3A%2F%2Fwww.baidu.com%2F"; //编译后的百度地址console.log(e...

2019-09-24 15:01:04 3298 2

原创 layuiAdmin 框架iframe文档

layuiAdmin.std(iframe 版) 是完全基于 layui 架构而成的通用型后台管理模板系统,采用传统的 iframe 多页面开发模式,可更快速直接地开发网页后台应用程序,无需过多地学习成本,简单高效,撸起袖子直接干。题外该文档适用于 layuiAdmin.std 常规版(iframe),阅读之前请务必确认是否与你使用的版本对应。熟练掌握 layuiAdmin 的前提是熟练...

2019-08-29 01:00:43 15567

原创 layuiAdmin 框架单页面文档

快速入门部署解压文件后,将 layuiAdmin 完整放置在任意目录通过本地 web 服务器去访问 ./start/index.html 即可运行 Demo由于 layuiAdmin 可采用前后端分离开发模式,因此你无需将其放置在你的服务端 MVC 框架中,你只需要给 layuiAdmin 主入口页面(我们也称之为:宿主页面)进行访问解析,它即可全权完成自身路由的跳转和视图的呈现,而数...

2019-08-29 00:58:59 33041 2

原创 H5 iOS 微信内核 自定义提交按钮点击后收起软键盘,无法触发点击事件(微信开发直播间踩坑记 二)

做直播间最下面有发言条,输入框和提交按钮,给提交按钮添加了点击事件,输入内容后点击提交,只是收起了软键盘。本以为是优先触发了软键盘收起的事件,解决了好长时间,偶然发现,原因是绑定点击事件为click,改为touchend,完美解决了我的问题。至此 仅记录...

2019-08-29 00:17:43 848 1

原创 H5 iOS 微信内核软键盘收起,页面不下滑问题解决(微信开发直播间踩坑记 一)

网上搜了好多下面这段代码完美的解决了我的问题$('input,textarea').on('blur',function(){ window.scroll(0,0);});$('select').on('change',function(){ window.scroll(0,0);});原理就是弹起键盘的时候,window.scrollY会从0变到键盘的高度(例如:...

2019-08-29 00:07:48 230

转载 模态窗口 showModalDialog 浏览器兼容解决方案

无意中遇到一个老项目,遇到showModalDialog在谷歌火狐浏览器失效的问题,查了一下官方文档,发现已经废弃。 电脑端 移动端 Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Edge Mo...

2019-08-10 13:31:21 2301

原创 H5 iOS 微信内核 视频默认全屏问题解决(微信开发直播间踩坑记 三)

在video标签中加入x5-playsinline="" playsinline="" webkit-playsinline="true" 三个属性即可例如:<video src=" " width="100%" height="100%" controls="controls" x5-playsinline="" playsinline="" webkit-playsin...

2019-07-16 17:03:18 756

原创 微信图片防盗链笔记(转:破解微信图片防盗链)

首先,引用微信的图片遇到的情况:解决:1、尝试在html头中加入&lt;meta name="referrer" content="never"&gt; 问题解决2、网上有关于这个问题的其他结局方式,如:借助跳板,直接在图片链接前加上http://read.html5.qq.com/image?src=forum&amp;q=5&amp;r=0&amp;imgflag=7&amp;...

2019-01-04 16:15:54 6191

原创 javascript/js 检测浏览器类型和版本,检查浏览器是否支持flash,检查flash版本一站搞定~

javascript/js 检测浏览器类型和版本,检查浏览器是否支持flash,检查flash版本一站搞定~

2017-10-13 15:02:08 1556

原创 Chrome currentTime修改时间失效的解决办法

需求是写一个audio插件,当用到currentTime修改时间,开始是没问题的,后来修改了一次文件路径,属性就失效了。video | audio都是一样的。最后查到的原因是:测试音写的是本地地址,把音频/视频放到服务器,使用http://的播放地址就不再出现这个问题了。希望有用,欢迎评论。

2017-08-31 15:04:45 7729

原创 javascript检测各种浏览器型号和版本、检测是否支持flash并显示版本

对于前端来说浏览器的型号版本,各个浏览器的兼容是一个不可忽视的问题。下面本人详细罗列了测试方法。请复制代码新建html文件复制后访问。一目了然。最后富有罗列的一些各个不同浏览器的版本号,用于数据参考。 关于浏览器和flash版本的问题 #cc,#dd{ display: none; } 是否为IE10.0以下浏览器 或

2017-08-23 17:20:37 4855

原创 js判断是否在微信浏览器中打开网页

JS判断方法function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true; } else { return fals...

2017-06-20 16:10:49 2689

原创 谷歌Chrome,火狐Fire fox、IE阻止事件冒泡的兼容方法 -- sanai

兼容谷歌、火狐、IE的阻止事件冒泡的兼容方法。

2017-05-12 18:04:49 7635

原创 【正则表达式】正则表达式处理图片地址、img标签的方法

主要针对正则表达式对<img>标签的两种处理方法,一种是对<img>转换成不含有html标记的普通字符串,另一种是把转好的普通字符串转回<img>标签。方法为作者原创,欢迎转载

2017-05-10 18:07:28 2706

转载 jQuery操作radio、select选中值获取、设置默认选中等等

jQuery对radio和select的各种操作,包括选中值的获取,默认选中等

2017-05-09 09:54:41 2143

转载 jQuery 选择器大全 图表 [转自w3c,个人收藏]

jQuery 选择器 官方大全

2017-05-08 17:33:34 206

原创 angular.js 错误:Error: [$injector:modulerr] 原因

angular.js 错误提示: Error: [$injector:modulerr] 造成原因:标点符号使用错误。

2017-04-28 14:59:01 33724

原创 angular.js 错误: Error [$injector:unpr] 原因

angular.js 错误提示: Error [$injector:unpr] 造成原因:注入名称有问题,检查是否为拼写错误。

2017-04-28 14:33:49 4884

转载 禁止页面滚动的详细解决方法介绍

禁止页面滚动 有三种方法1,依靠css 将页面document.documentElement.style.overflow='hidden';document.body.style.overflow='hidden';//手机版设置这个。如果设置了如上,页面的滚动条将会消失,此时鼠标滚轮失效。但是 你用键盘的 上下左右键,你会发现,页面仍然可以滚动。 别着急 往下看2,在

2017-04-14 10:01:29 5228

转载 <!--[if IE9]><![endif]--> IE 9 以下浏览器css,js过滤器【条件注释判断浏览器】

<!--[if !IE]><!--> 除IE外都可识别 <!--<![endif]--><!--[if IE]> 所有的IE可识别 <![endif]--><!--[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]--><!--[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]-->

2017-03-08 15:13:43 4449

转载 IE浏览器中最常见的一些bug,及解决方法

一、IE6双倍边距bug  当页面上的元素使用float浮动时,不管是向左还是向右浮动;只要该元素带有margin像素都会使该值乘以2,例如“margin- left:10px” 在IE6中,该值就会被解析为20px。想要解决这个BUG就需要在该元素中加入display:inline 或 display:block 明确其元素类型即可解决双倍边距的BUG  二、IE6中3像

2017-03-08 11:15:29 1117

原创 IE 9 Bug--IE9直接刷新页面出现Bug,打开控制台刷新页面Bug消失 ---sanai

最近的项目中发现一个只有IE9会产生的BUG,如题。请看下图:直接打开网页,打开控制台,如下图:不关闭控制台,刷新网页,如图:此bug只在IE9出现,其他浏览器和IE7以上均无bug,从上面一眼可以看出此bug出自console.log()。去掉页面内console.log()后bug消失。出现原因:IE9要先按F12开启IE Dev Tools才能存取co

2017-03-08 10:15:20 1879

原创 关于jQuery绑定事件on和bind的区别详解 -- sanai

如题,jQuery两种绑定事件,举例说明://对于ul_li的绑定方法//方法一:$("ul li").bind("click",function(){console.log($(this))});//方法二:$("ul li").on("click",function(){console.log($(this))});//方法三 【推荐】$("ul").on("click","li",

2017-02-21 17:05:46 4249

原创 Google Chrome地址栏删除搜索记录-windows-Mac --sanai整理

今天突然发现chrome一直记着我原来登录的网站,网站更改了端口号,本来以为用几次就会默认改过来了。没想到很长时间过去了,问题仍然存在。于是我想到了,删除方法。现整理如下:打开chrome,在地址栏输入www如下图比如我想删除www.baidu.com那么操作如下:当预选网站出现后,用键盘上下键选定要删除的记录windows 同时按键盘上 SHIFT + DELwind

2017-02-14 09:55:44 10843

原创 获取地址栏参数、修改地址栏参数、删除地址栏参数等方法整理【肖明伟】

解决您对地址栏参数的操作的各种迷茫,用最实用的代码解决你最急切的问题。欢迎讨论--肖明伟

2017-01-22 13:37:59 4232

原创 去掉手机页面a,button,input默认触发事件

去掉a标签、input标签、button标签手机网页点击默认事件(边框),增强体验效果。--肖明伟

2017-01-22 11:02:18 1554

static.zip 资源文件

百度分享文件

2021-12-23

getSvnPassword.zip

提供获取当前svn软件已经保存的所有用户名密码,必须是当前能够连接的svn服务器,为了安全起见,已经删除的或者一次连接的svn密码是无法获取的。

2020-09-27

Sublime Text 3126官方安装包+详细破解教程

Sublime Text 3126官方安装包+详细破解教程 2017.3.9 亲测可用,注册号应该支持更高版本,本人亲测放心使用。

2017-03-09

FSCapture 截图工具 绿色版

FSCapture 专业截图工具 免安装绿色版,保证解压即可使用。解压后双击FSCapture.exe即可使用。

2017-03-08

空空如也

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

TA关注的人

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