- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 node.js 搭建本地服务
搭建nodejs服务器步骤:1.安装nodejs服务(从官网下载安装)，node相当于apache服务器2.在自己定义的目录下新建服务器文件如 server.js例如，我在E:\PhpProject\HTML5\websocket下创建了server.js文件var http = require('http');//引入http模块//开启服务，监听8888端口
2017-11-02 23:07:58
595
原创 安卓手机1px问题
这是使用vue+less写的项目：先用js判断是是否是安卓if(!navigator.userAgent.match(/(iPhone|iPod|ios)/i)){ // 匹配安卓 this.show1px = true;}cssli{&.scale-1px{ position: relative; margin-bottom: 18px; width: 100
2017-09-25 11:51:04
1065
原创 页面禁止复制css实现
Css禁用选取操作：unselectable: IE/Opera, -moz-user-select: FireFox, onselectstart: IE/Safari, -webkit-user-select:Chrome放到单独的项目活着body都行
2017-07-12 11:37:29
1787
转载 前端JSer装逼手册
前端JSer装逼手册 在装逼成本越来越高的JS圈，是时候充值一下了 ―――― 题记§ 开发Macbook Pro是标配，美其名曰“提高开发体验”什么？你还在用Spotlight？赶紧给我换Alfred！编辑器，Sublime / Atom / VS Code 三选一虽然很想用IDE，但一定要忍住，并且与人解释道：“启动速度慢，消耗资源多，不适合我这种完美主义者如果不是为
2017-06-30 15:18:38
536
原创 提取文件后缀名，生成随机字符串
生成随机字符串function random_string(len) { len = len || 32; var chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; var maxPos = chars.length; var pwd = ''; for (i = 0; i < len; i++) {
2017-06-16 18:30:51
384
原创 手机端alert()调试
var _base =window.$$={};_base.tip=function (data) {var _html =$(''+data+'')$('body').append(_html);setTimeout(function () {_html.remove()},1000)}这样就可以不用alert()阻止进程。但是缺点不能展示对象
2017-05-10 14:41:37
2478
原创 微信公众号开发中进入的第一个页面，点击浏览器的返回，返回到公众号聊天窗口
pushHistory();function pushHistory() { var state = { title: "title", url: "#" }; window.history.pushState(state, "title", "#");}if (typeof window.addEventListener != "u
2017-05-09 16:00:21
4792
原创 vue 拦截请求，添加请求头
Vue.http.interceptors.push((request, next) => { // ... // 请求发送前的处理逻辑 if(token) { request.beforeSend = function() { request.headers['token'] = token.token;
2017-05-09 10:50:06
5689
原创 解决ios上audio不能自动播放，也不能连续播放的问题
在写实时聊天的页面的时候，有一个需求是点击完第一条开始播放后，后面如果没有播放就需要连续的往后播。新的消息来了之后需要自动播放；由于ios的安全机制问题。不允许audio和video自动播放，所以想要获取页面上的audio标签然后给src值，然后使用自动播放那是实现不了的，即使给play()也是播放过不了；解决方法是直接创建一个audio对象，当时问题是iOS也是不允许主动创建对象的，所以
2017-04-21 19:37:33
18193
原创 websoket 的重连和代理
websoket 如果长时间没有发送消息会出现休眠状况这里有一个插件。可以重连https://github.com/joewalnes/reconnecting-websocket点击打开链接var ws = new WebSocket('ws://....');使用 ReconnectingWebSocket 代替 WebSocket
2017-04-21 18:40:35
440
原创 在url中通过属性名获取属性值
很多时候我们会通过url传值，所以在URL中取值就有很多方法了。这里介绍一种方法function geturl(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if
2017-04-14 11:12:12
1326
原创 移动端设置根节点字体大小
var view_width = window.screen.availWidth; var _html = document.getElementsByTagName('html')[0]; console.log(view_width) if (view_width > 750){ _h
2017-04-06 11:26:20
1918
原创 高效数组去重，数组快排方法
数组去重最高效的方法function unique(){ var res = []; var json = {}; for(var i = 0; i < this.length; i++){ if(!json[this[i]]){ res.push(this[i]); json[this[i]] = 1; } } return res;}数组快排
2017-03-27 16:57:27
1033
转载 获取URL地址
1，设置或获取对象指定的文件名或路径。alert(window.location.pathname)2，设置或获取整个 URL 为字符串。alert(window.location.href);3，设置或获取与 URL 关联的端口号码。alert(window.location.port)4，设置或获取 URL 的协议部分。alert(win
2017-03-16 11:55:02
488
转载 数组字符串常用方法
数组、字符串常用方法1.push(): 向数组尾部添加一个或多个元素，并返回添加新元素后的数组长度。注意，该方法会改变原数组。1 var arr = [1,2,3];2 console.log(arr); // [1, 2, 3]3 var b = arr.push(4); 4 console.log(b); // 4 //表示当
2017-01-18 11:21:42
465
原创 父元素是弹性盒子让内容是长单词强制换行
父元素是弹性盒子让内容是长单词强制换行效果图html代码 ssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssssss
2016-12-12 14:18:38
2850
原创 全选，全不选，满足全选的时候自动加上全选
这里只写js的实现逻辑全选或者是全不选 $('.checkboxAll').on('click',function(){ if(this.checked){ $(".indent tr :checkbox").each(function(){this.checked=true;}); }else{ $('.indent tr :checkbox').e
2016-12-02 18:05:07
328
原创 图片上传本地预览
图片上传有2个选择：1：本地确认好后把图片上传到服务器2：只要input改变就ajax异步请求将图片传到服务器。然后服务器返回上传的这个图片的链接地址。然后再再页面上展示出来。这样做的好处是提高兼容性。可以不用考虑IE兼容等等这里只展示第一种上传方式的预览html代码： 上传
2016-12-01 17:25:49
305
原创 实时显示textarea输入多少字
考虑到粘贴和前后空格，超出后显示红色字体。去掉前后空格words:function(){ //显示输入了多少个字 $('.words').on('input',function(){ var str = $(this).val(); var whitespace = new String(" \t\n\r"); //去掉字符串前面空格 if
2016-12-01 13:51:40
1732
原创 border-style 边框
border-style属性分别有none 定义无边框。 hidden 与 "none" 相同。不过应用于表时除外，对于表，hidden 用于解决边框冲突。 dotted 定义点状边框。在大多数浏览器中呈现为实线。 dashed 定义虚线。在大多数浏览器中呈现为实线。 solid 定义实线。 double 定义双线。双线的宽度等于 border-width 的值
2016-10-13 10:50:55
2627
原创 css 动画
css动画第一部分：CSS Transition在CSS 3引入Transition（过渡）这个概念之前，CSS是没有时间轴的。也就是说，所有的状态变化，都是即时完成。img{ height:15px; width:15px;}img:hover{ height: 450px; width: 450px;}//也可以单独指定高img{ t
2016-10-12 19:18:39
297
原创 jw_player的使用方法
这个在使用jw_player的时候的随笔。现在写下方便以后用到进行查看。我这里做的是一个播放器的一个弹窗，现在直接把所有的代码全部贴出来 .tan_video{ display: none; position: absolute; left: 0; top: 0; width: 100%; heigh
2016-10-12 18:38:51
3523
转载 边框与背景颜色
边框与背景颜色此次转载，讲述在同时有边框、背景颜色，且颜色都带透明度时相互的影响。问题的思考源于想要用圆角边框和背景，制作图片轮播的圆形按钮。由于按钮需要在图片上方显示，所以为了减轻对图片的遮挡，改善视觉效果，需要给边框和背景加上透明度，于是我是这么写的 1 li{ 2 width: 18px; 3 height: 18px;
2016-10-11 17:54:01
804
原创 分享到QQ空间和新浪微博
这里有2种方法来说明一下分享到QQ空间和新浪微博html代码分享到QQ空间分享到新浪微博方法一： //分享到QQ空间 function one(){ var share1=new ShareTip(); share1.sharetoqqzone( "QQ空间测试", "http://
2016-09-29 18:42:13
5795
2
转载 HTML中IFrame父窗口与子窗口相互操作
一、Iframe篇//&&&&&&&&&&&&&&&&&&&&公共方法开始&&&&&&&&&&&&&&&//父对象得到子窗口的值//ObjectID是窗口标识，ContentID是元素IDfunction GetValue(ObjectID,ContentID){ varIsIE = (navigator.appName == 'Micr
2016-09-19 11:53:46
3506
原创 获取自定义属性值
在项目中常常需要设置一个自定义的属性，来接受后台的传值，用于页面跳转的参数如：html : ">js:$('.live-dd').on("click",function(){var num = this.getAttribute('numId');location.href='/live/info?id='+num;})
2016-09-12 17:17:13
1395
原创 时间格式转换
一个很简陋的时间转换函数，用来将秒数转换为天-时-分-秒的格式，注：由于这个数据我们是从后台传过来的。传的是秒数。而不是毫秒数。如果自己获取的时间是毫秒数，那么下面代码中都需要加上3个0.贴上来的代码我是用来做了一个倒计时器。也就是那种还有多久开抢的那种倒计时器。由于获取的当前时间不一定每个地方都是一样的，所以当前时间也是从后台传过来的。var time=''var live_time =
2016-08-31 15:21:24
450
转载 弹钢琴的码农
为什么中国的程序员总被称为码农？转载！作者：张红月目的：以便以后反复的看，毕竟在自己的文章管理里面，不会哪天就不记得这篇文章了，看到的机会就更多了。也是告诫自己未来需要做些什么！附属：其实绝大部分人都差不多，唯一差的就是一个机会和第一桶金。这些只要勇于改变现状就有机会获得！摘要：之前，研发频道曾发过《东方程序员怎么看西方程序员》和《西方同行眼中的
2016-08-31 10:32:13
649
1
原创 多行溢出显示省略号（...）
单行溢出显示省略号多行溢出显示省略号这里也顺便写一下单行溢出。作为简单复习吧overflow: hidden;text-overflow: ellipsis;white-space: nowrap;width: 100px;多行溢出。如果是移动端的话。可以这样写display: -webkit-box;-webkit-box-orient
2016-08-30 15:16:02
373
原创 在ios上input标签不能失去焦点
在苹果上写表单的时候，表单写完了。一点提交没反应，一看是input标签没有失去焦点，软键盘不能自动隐藏。下面的提交按钮不能点击一开始我是使用的zepto.的tap事件来进行提交的。既然点击了提交按钮不能自动的失去焦点，那就手动失去焦点好了。那我在提交按钮里面的点击事件获取到input。然后给一个blur()问题依旧。后来我测试了。只有在ios上有这个问题，在安卓测试机上没事。后
2016-08-04 15:10:53
8374
原创 原生js的ajax请求
原生js的ajax数据请求 var ajax = new XMLHttpRequest();ajax.open("GET", "http://api.*******.com/about/h5/?key=time"); ajax.onreadystatechange = function () { if (ajax.readyState == 4 &
2016-07-22 14:22:56
759
原创 一个数组内的元素挨个相加得到的值组成一个新数组（算法）
比说说有一个数组arr=[4,10,5,13,3]然后再重新定义一个数组，myarr=[]myarr[0]=arr[0]myarr[1]=arr[0]+arr[1]myarr[2]=arr[0]+arr[1]+arr[2]myarr[3]=arr[0]+arr[1]+arr[2]+arr[3]myarr[4]=arr[0]+arr[1]+arr[2]+arr[3
2016-07-22 13:03:11
1661
转载 网页中高度的那些事
网页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document.body.offsetWidth (包括边线的宽);网页可见区域高： document.body.offsetHeight (包括边线的宽);网页正文全文宽： document.body.scro
2016-07-19 19:17:41
470
原创 利用node.js来mock假数据
利用node.js来mock假数据1：首先要先安装node.js.这个就不说了。可以参考我的这篇文章（ode.js利用gulp 启动webServer服务）http://blog.csdn.net/seven0404/article/details/518801622：先说一下思路1：我们在js中发送ajax请求。2：启动node.js的webserver服务。进行拦截本地服务下的
2016-07-15 11:43:46
6824
原创 H5的video标签的属性和播放事件
video> 标签是 HTML 5 的新标签。属性有：autoplay controls end loopend loopstart playcount poster src start width属性具体描述请产考w3C html5手册video标签有许多默认的事件。从开始加载到播放结束，都经历了哪些事件呢？这些事件的触发顺序如何？[1
2016-07-13 16:49:06
29072
原创 ajax数据请求和多个音频的点击事件随笔
事件：1：在angularJS中，AJAX请求回来的数据需要使用$scope.$apply（function（）{$scope.reply = replyArr}）进行实时刷新2：在angularJS中，在ng-repeat循环中的点击事件只有通过ng-click=“dian($index)”，并且在js中需要$scope.dian = function($index){}3：$ind
2016-07-12 14:34:40
1682
原创 git分布式版本控制系统
这里就只是介绍在工作中常用到的一些命令。想要详细的了解git请移步去http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/首先是安装git。可以去官网下载。或者去我的网盘下载http://pan.baidu.com/s/1pKIBfVP；安装完成后就开始具体的操作了1：新建一
2016-07-11 14:26:46
432
原创 H5判断当前设备以及不同设备不同环境上下载app
在前端开发中，判断当前设备是什么？在不同的设备上怎么样实现下载APP总结一下：1：如果是在iPhone上，那么直接调用AppStore，进入到AppStore里面下载；地址在ios开发者账号中可以看到；2：如果是在pc上或者是Android上使用的是浏览器打开，那么直接下载一个apk，这个apk可以是放在自己的服务器上，那么地址也就是这个服务器的地址加apk.如："http:/
2016-07-06 10:19:44
4251
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人