【前端开发】
前端
李乾文
等了十年,未果。此别已零落,余生莫徘徊。
展开
-
JS的局部打印与整页打印
function printWin(content_id) { var oWin=window.open("","_blank"); oWin.document.write(document.getElementById(content_id).innerHTML); oWin.focus(); oWin.document.close(); oWin.print() oW原创 2014-08-16 14:05:04 · 2484 阅读 · 0 评论 -
WebRTC实时通信系列教程10 恭喜完成本系列课程
恭喜你你建立了一个实时视频和数据通信应用程序!你学习了从摄像头获取视频.使用RTCPeerConnection传输视频流.使用RTCDataChannel传输数据.创建信令服务器传输数据.打通P2P连接和信令通信.拍照并用数据通道分享.翻译 2017-08-07 15:20:46 · 2025 阅读 · 0 评论 -
WebRTC实时通信系列教程7 使用Socket.IO搭建信令服务器交换信息
你将学到使用 npm 安装 package.json 文件里的项目依赖运行Node服务器并使用node-static模块支持静态资源文件访问.使用 socket.io 在Node上提供消息传输服务.创建房间并传输消息.翻译 2017-08-07 13:27:25 · 6821 阅读 · 0 评论 -
WebRTC实时通信系列教程6 使用RTCDataChannel传输数据
在这节中你将学习:在 WebRTC peers 之间建立连接.在 peers 之间交换文本数据.翻译 2017-08-07 11:58:26 · 6540 阅读 · 0 评论 -
WebRTC实时通信系列教程9 数据通道图片传输
你将学到拍照并通过canvas标签获取图片数据.与远程用户交换图片数据.翻译 2017-08-07 15:19:50 · 6086 阅读 · 0 评论 -
WebRTC实时通信系列教程4 从摄像头获取视频流
在这一节中,你将学会:从你的网络摄像头获取视频流.播放视频流.使用CSS和SVG操作视频.翻译 2017-08-05 10:44:22 · 9955 阅读 · 6 评论 -
WebRTC实时通信系列教程3 获取示例代码
下载代码如果你熟悉git, 你可以从GitHub下载示例代码点击下面的按钮也可以直接下载打开下载好的压缩文件. 这里面包含了各步骤代码和所需资源,你可以进行参考.web服务器安装验证你可以使用自己的服务器,也可以使用Chrome Web Server 扩展插件翻译 2017-08-05 09:47:43 · 4587 阅读 · 0 评论 -
WebRTC实时通信系列教程8 打通P2P连接和信令通信
你将学到使用Socket.IO在Node.js上运行一个WebRTC服务,使用信令服务在WebRTC客户端之间交换元数据.翻译 2017-08-07 15:18:35 · 5010 阅读 · 0 评论 -
WebRTC实时通信系列教程5 RTCPeerConnection传输视频
在这一节中你将弄明白如何:利用 adapter.js 解决WebRTC在浏览器中的兼容问题.使用RTCPeerConnection API传输视频.控制媒体捕获和传输.翻译 2017-08-05 10:47:17 · 10382 阅读 · 0 评论 -
Dcloud Mui H5+移动Web开发 IOS端input无法输入
IOS端的input标签无法输入,原因是mui框架的有个css样式,其作用是禁掉用户可以选中页面中的内容。原创 2017-06-06 16:13:14 · 5850 阅读 · 1 评论 -
MQTT协议 Websocket JS客户端
MQTT协议支持HTML5的Websocket客户端连接,只需要JS代码就能实现方便实时的通信,下面是实现步骤1、引入JS文件<script src="https://cdnjs.cloudflare.com/ajax/libs/paho-mqtt/1.0.1/mqttws31.min.js" type="text/javascript"></script>...原创 2016-07-13 12:50:53 · 32163 阅读 · 67 评论 -
开源作品SimJQ—4K不到的"精简版Jquery"
SimJQ全称Simple JQuery,支持类似JQuery语法的常用DOM操作和网络请求功能。它不到4K大小,适合应用于存储空间极其有限的场景。开源中国 https://www.oschina.net/p/simjq项目主页 https://gitee.com/Leytton/SimJQ/项目演示 http://leytton.gitee.io/simjq详细介绍 http://http://...原创 2017-10-29 22:06:41 · 4020 阅读 · 5 评论 -
Nodewebkit debug调试模式
1、进入官网http://nwjs.io/2、下载SDK版本的NW.js3、运行项目4、按F12打开调试窗口,效果如图【转载请注明出处:http://blog.csdn.net/leytton/article/details/51869334】原创 2016-08-17 13:24:12 · 5728 阅读 · 0 评论 -
Chrome API操作串口
NWJS使用chrome api连接/接收/发送串口数据参考http://www.oschina.net/code/snippet_1379244_55248,本文对其代码进行注释和发表一些自己的见解1.本机可以使用 串口虚拟串口程序(vspd 自行下载)2.所需要环境node.js 并且安装模块:iconv-lite3.nwjs所用的环境为nwjs13.* sdk版本<script ty...原创 2016-08-06 11:08:20 · 21228 阅读 · 11 评论 -
移动Web MUI框架Switch开关自定义中文文字
0x00 前沿MUI框架中的switch组件显示文字是英文(ON/OFF),本文的主要目的有两个:一是将英文改成中文,二是指定switch组件自定义文字。0x01 效果图0x02 HTML源码<div class="mui-input-row"> <label>语言</label> <div id="lang...原创 2018-04-06 22:46:21 · 3358 阅读 · 0 评论 -
开源作品layTabPlus 一个layUI后台Tab布局框架的扩展插件
layTabPlus是一个layUI后台Tab布局框架的扩展插件,实现了Tab管理、刷新按钮、iframe优化等功能。项目地址:https://gitee.com/Leytton/layTabPlus Demo演示:http://leytton.gitee.io/laytabplus效果截图: ( ThinkJDBC 经历了多次蜕变后,已经成为一个很不错的项目,请给它一次机会 :laughing: )原创 2018-05-27 16:59:53 · 3522 阅读 · 1 评论 -
WebRTC实时通信系列教程2 概述
创建一个应用来获取摄像头视频拍照并通过WebRTC点对点分享. 你将学习使用核心WebRTC接口,并用Node创建一个消息服务器.获取你的网络摄像头视频使用RTCPeerConnection传输视频使用RTCDataChannel传输数据创建信令服务来交换消息翻译 2017-08-05 00:03:22 · 2913 阅读 · 0 评论 -
WebRTC实时通信系列教程1 介绍
WebRTC是一个在网页和本地应用中支持音视频和数据实时通信的开源项目。WebRTC 有一些 JavaScript 接口getUserMedia(): 获取音视频.MediaRecorder: 记录音频和视频.RTCPeerConnection: 客户端之间传输音视频.RTCDataChannel: 客户端之间传输数据.翻译 2017-08-05 00:03:07 · 6240 阅读 · 0 评论 -
Socket.IO学习之基础入门
【转载理由:适合Socket.IO入门(需nodejs express基础)】这里贴出Socket.IO官网一.Socket.IO的介绍Socket.IO支持及时、双向与基于事件的交流。它可以在每个平台、每个浏览器和每个设备上工作,可靠性和速度同转载 2017-07-18 15:43:46 · 1018 阅读 · 0 评论 -
jquery easyui 弹出消息框
//右下角弹出框;function slide(){ jQuery.messager.show({ title:'温馨提示:', msg:'你好,我是从右下角弹出的窗体!', timeout:5000, showType:'slide'}); } //弹出框;function alterInfo(){ jQuery.messager.alert('提示:','你好,我叫弹出框转载 2014-08-16 14:42:26 · 2315 阅读 · 0 评论 -
checkbox与说明文字无法对齐的问题
checkbox与说明文字无法对齐的问题写过Web页面的朋友大概都曾遇到过这样的问题:checkbox与说明文字(比如一个label标签或一个a标签)无法对齐,要不是checkbox上浮了,要不是说明文字上浮。 以前遇到过这个问题,但是都直接忽视,并未深究。今天要解决项目中遗留下的界面显示问题,这个问题终于绕不过去了,因为它真的是无处不在。 今转载 2014-08-16 14:34:51 · 2254 阅读 · 0 评论 -
JQuery checkbox复选框操作
项目中需要用到checkbox复选框遍历操作,在网上找了段代码不过有问题,查询手册修改后贴出来留着原创 2014-08-16 15:57:33 · 1381 阅读 · 0 评论 -
EasyUI Dialog弹出框+JS执行字符串
Dialog内容iconCls:图标closed:默认关闭modal:模态框原创 2014-08-16 16:16:36 · 2979 阅读 · 0 评论 -
Nodewebkit 设置任务栏图标
package.json文件{ "main": "index.html", // 启动页面 "name": "demo",//应用名称 "window": { //"debug":true,//调试 "toolbar": false, // 工具栏 "frame": true, // 框架 "title": "管理系统",//窗口标题 "wi原创 2016-08-17 13:47:59 · 3636 阅读 · 0 评论 -
Ueditor 自动换行,添加P标签问题
PS:Ueditor编辑器自动换行巨坑解决,在官方Github Issues显示很多人遇到了这问题摘自http://www.cnblogs.com/kissdodog/p/5419919.html百度编辑器Ueditor其实蛮好用的,后来使用了一段时间发现,每次打开后又保存,发现都会往内容的前后都增加一个空白的。刚开始以后是百度编辑器的问题,找了很长时间也没办法解决。后来经过排转载 2016-08-21 16:35:31 · 9465 阅读 · 0 评论 -
HTML5 a标签的download属性
download属性能让我们指定浏览器下载时采用新的文件名称,也就是在客户端重命名下载文件。而不是链接上原始的文件名称。添加download属性后,无论a标签的href属性链接到一个网页、图片、文本等,download属性都会强制触发下载操作,且自动命名文件为download属性。原创 2014-08-13 23:23:36 · 24942 阅读 · 3 评论 -
Dcloud H5+开发 mui-checkbox tableview listview子标签与父标签点击事件
a标签里面嵌套一个a标签,点击子链接标签时,同时触发了父标签a。这样的场景有很多,例如下面代码:同理 在listview/tableview中的button事件与父标签点击事件也可以这样实现避免冲突原创 2016-12-23 20:15:43 · 2182 阅读 · 0 评论 -
JS var命令容易产生的精彩bug
在编写simJQ框架时发现我可能一直在犯的错误,var命令心情好的时候就加在变量前面,心情不好赶时间就直接省略了●﹏●如果HTML调用的框架函数中有全局变量,那么很容易造成混乱。注意:函数内部声明变量的时候,一定要使用var命令。原创 2017-01-04 21:25:07 · 1562 阅读 · 0 评论 -
jQuery诞生记-原理与机制
一、看似偶然的东西实际是必然会发生的我大学时候在图书馆翻过一本很破旧的书,讲生物理论的,主要内容就是探讨生命的产生是偶然还是必然。里面很多亚里士多德都看不懂的公式计算什么的,还有模拟原始地球环境出现了有机物的实验什么的 。总之,书论述的观点是:“在当时的地球环境下,生命的产生是必然的!” 无数次机会的偶然条件、无数次化合物的相遇反应等必定会产生有机物,再有N多偶然,有机物必然形成了有机体…转载 2017-01-05 16:00:03 · 730 阅读 · 0 评论 -
CryptoJS加密库使用及bug解决
CryptoJS下载地址:http://download.csdn.net/detail/leytton/9716271在实际项目开发中、使用了md5加密var token = CryptoJS.MD5(time);如果ajax请求参数直接传token的话会出错,调试得出token的值并不是md5字符串,而是加密函数,所以应该转化成字符串.toString()var token原创 2016-12-20 11:42:57 · 6307 阅读 · 0 评论 -
Dcloud H5+开发webApp 解决createUpload上传文件缺少参数Bug
【本文出处: http://blog.csdn.net/leytton/article/details/53761099】类似于下面的代码应用场景,使用createUpload上传文件时,会附带除了文件外的一些参数。var task = plus.uploader.createUpload(...);task.addFile(path, {key: 'img'});task.add原创 2016-12-20 21:35:50 · 3696 阅读 · 0 评论 -
原始经纬度转百度地图定位并显示地理位置
手机GPS采集的原始经纬度数据往往不能直接在百度地图上显示,以下代码将原始经纬度数据转成百度经纬度数据标准,并在网页上显示。原创 2017-03-08 23:26:13 · 3185 阅读 · 0 评论 -
Android Studio Webview加载assets本地文件
1、新建assets资源文件2、Webview加载资源文件3、HTML内引入资源文件4、参考资料原创 2017-02-27 11:01:25 · 4449 阅读 · 0 评论 -
产品设计 置顶排序问题以及免刷新流量优化策略
在开发《小马分享》这款App的时候,H5页面用到了排序功能,就是把客户收藏的模板按照个人喜好进行先后顺序显示,这样更加方便使用。一、置顶排序问题一开始的思路是采用拖拽排序,但这样有两个问题1、数据库排序字段设计2、前端web的拖拽事件实现原创 2017-06-01 23:09:17 · 2296 阅读 · 0 评论 -
js中几种实用的跨域方法原理详解
【转载理由:全面的前后端接口跨域技术】这里说的js跨域是指通过js在不同的域之间进行数据传输或通信,比如用ajax向一个不同的域请求数据,或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同,都被当作是不同的域。下表给出了相对http://store.company.com/d转载 2017-06-09 15:36:06 · 764 阅读 · 0 评论 -
产品设计 用户体验优化之兼容PC与移动端的回车搜索响应事件设计
一、为什么要回车提交 二、回车提交有几种情况1、表单回车自动提交2、按回车键或移动web软键盘"前往"、"搜索"监听事件3、监听指定的input输入框三、移动Web隐藏软键盘四、禁止表单回车提交原创 2017-07-28 23:34:32 · 1343 阅读 · 0 评论 -
浏览器同步测试工具Browsersync
Browsersync的作用就是创建一个web服务器,在浏览器打开,修改文件后自动刷新浏览器。原创 2019-09-17 09:34:47 · 359 阅读 · 0 评论