日常总结
山外人家
这个作者很懒,什么都没留下…
展开
-
Electron给index.html添加桌面APP外壳
本文方法用于给存在index.html的项目添加一个桌面应用的外壳,可以使用exe打开。官网介绍Electron的应用是使用html,css,js创建跨平台的桌面app。原创 2017-07-02 00:56:52 · 3555 阅读 · 0 评论 -
css样式踩坑总结
简介本章内容主要总结css一些经验总结,不一定成熟或者在具体出现情况上描述不清,仅供参考总结原创 2017-10-29 12:34:14 · 844 阅读 · 0 评论 -
js获取Android和iOS的版本
问题描述在移动手机的开发中,经常需要根据不同版本的安卓和iOS系统进行兼容性处理,一些新功能不在低版本上运行,因此需要判断操作系统版本号。原创 2017-10-14 23:29:09 · 9089 阅读 · 0 评论 -
Mustache.js模板引擎使用
应用场景最近项目中用到了mustache.js,这是一款模板引擎,可以将html结构和数据进行合并。主要应用场景是服务器端返回数据,然后前端根据返回的数据渲染页面,进行展示。主要2个需求:一是根据数组类型的数据,展示列表,二是根据具体的数据值,展示或者不展示某一功能模块以及添加不同样式。原创 2017-12-31 20:54:27 · 1782 阅读 · 0 评论 -
css实现气泡框小尾巴
需求描述编写web聊天工具时,聊天的样式一般会有一个三角形或者小尾巴,这时有2种解决方案,一是采用图片格式,另一种采用css实现。这里介绍css的实现方式。尾巴样式实现html lang="en">head> meta charset="UTF-8"> meta name="viewport" content="width=device-width, ini原创 2018-01-21 21:24:32 · 4975 阅读 · 0 评论 -
jsonp请求原生实现
jsonp原理通过html中的script标签的跨域能力实现与服务器端的数据交互,解决ajax不能跨域的缺点。后端使用php编程,前端传输一个回调函数的名字,php中通过echo这个函数,可以实现在前端执行这个回调函数。前端jsonp请求html lang="en">head> meta charset="UTF-8"> meta name="viewpor原创 2018-01-21 22:22:35 · 2590 阅读 · 0 评论 -
js 金额数目千分位显示
问题描述应用中金钱数目常常使用千分位分隔,使用js写了一个简单的函数。解决方案可以使用字符串操作,也可以数组操作,不过最简单的还是正则替换。参考别人的方案假设输入为1234567.89,正则中先提取出数额的整数部分n=1234567然后对n继续使用正则替换,(\d)表示要查找一个数字,?=是正向肯定预查,标明要查找的这个数字符合的条件,即后面跟着至少一组连续三个数字原创 2018-01-24 23:48:44 · 10349 阅读 · 2 评论 -
js 移动端ios禁止选中文字
问题描述手机端苹果手机,长按可以选中文字,但是一些按钮上一般要避免长按时弹出选中文字,或者一些罩层要避免弹出。问题解决使用css可以禁止:.className {user-select: none; -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;}兼容性易犯错误不要原创 2018-01-18 23:07:53 · 5392 阅读 · 0 评论 -
修改input[type="file"]文件上传样式的2种方法
问题说明一般input[type=”file”]都不会采用默认样式,因此需要将真正起作用的隐藏掉,显示一个设计出的按钮样式。隐藏的方法有2种,一种是visibility:hidden,一种是opacity:0。visibility:hidden会给元素留有位置,但是通过点击无法触发事件。一般按钮上划上去时要添加cursor:pointer,但是在input[type=”file”]默认按钮上不...原创 2018-02-08 00:46:16 · 6793 阅读 · 0 评论 -
页面上实现回车触发登录
需求描述做了个登录界面时,需要实现回车登录,就是添加keyup事件,但是添加到哪个元素上时,略有不同,一个是根元素的div上,结果只有聚焦到input中时才触发keyup事件。后来改到了body上解决了问题,无论input聚焦还是失焦都可以触发,特此记录。代码写了个例子,只是演示回车登录,没有具体功能<!DOCTYPE html><html lang="en"&...原创 2018-03-10 22:31:01 · 4858 阅读 · 0 评论 -
web前端Chrome调试常见操作
引言在web前端代码编写时,需要使用谷歌浏览器调试页面;谷歌浏览器在css和js上具有完整的提示功能,在需要查询某个属性或者函数是否能用时,可以直接在谷歌浏览器中试验。 下面总结自己工作中常用技巧。调试工具打开调试工具有两种方式打开:一种是鼠标右键——检查,另一种是按F12调试工具的右上角的“三个点”样子的按钮,点击可以选择调试工具在右边或者下面或者其他方式显示dom元素调...原创 2018-03-11 00:21:45 · 10683 阅读 · 0 评论 -
webpack的基本使用
目标为了平常web前端项目中可以使用ES6语法,使用webpack搭建转换环境。原创 2017-10-03 02:23:43 · 1325 阅读 · 0 评论 -
JS 判断系统和浏览器
js 判断操作系统,浏览器原创 2017-06-23 19:51:03 · 488 阅读 · 0 评论 -
JS 进入全屏的方法
参考:https://msdn.microsoft.com/en-us/library/dn265028(v=vs.85).aspx原创 2017-06-22 11:38:03 · 1645 阅读 · 0 评论 -
js 移动端测试方法总结
网页效果测试时,有时必须手机实际测试,总结了下平常用的方法原创 2017-07-20 23:11:54 · 2103 阅读 · 0 评论 -
js orientationchange事件在获取页面宽高时出错
orientationchange事件在触发时获得页面宽高不正确的解决方案原创 2017-07-21 00:26:11 · 5947 阅读 · 0 评论 -
redux初学笔记
本来想做个笔记,突然发现链接里内容挺全的原创 2017-07-23 22:41:25 · 219 阅读 · 0 评论 -
createJs 手机点击触发两次解决方法
createJs手机上点击事件触发2次的解决方案原创 2017-07-23 23:07:47 · 1499 阅读 · 0 评论 -
createjs 使用方法简介
简介createjs是一个基于canvas的制作H5游戏、动画、交互的库。包括EaselJs、TweenJs、SoundJs、 PreloadJs四个部分。它基于容器进行展示,其中根容器是stage对象,在创建了canvas画布后,首先要创建stage对象,就跟cocos里的根节点一样。原创 2017-09-11 00:24:06 · 6913 阅读 · 0 评论 -
js 减少if的使用
问题简介写代码时,需要经常判断某个属性是否存在,某种条件是否满足,最后回头一看,全是if语句的层次嵌套,导致可读性较差,为了减少if语句的使用,总结了一些常用的方法。原创 2017-09-07 00:36:23 · 1378 阅读 · 0 评论 -
textarea禁止输入emoji表情
从前端使用js禁止输入emoji表情原创 2017-08-26 11:38:04 · 13142 阅读 · 0 评论 -
VSCode使用总结
VSCode常用功能总结原创 2017-08-12 12:31:39 · 63219 阅读 · 3 评论 -
如何制作chm格式的帮助文件
制作软件使用微软免费的chm制作软件:HTML Help Workshop,体积很小只有3M左右。因此功能也很简单,只是给你的许多已经写好的html添加目录,最后编译成一个chm文件。下载地址进入微软官网,搜索“HTML Help Workshop”,或直接点击下面链接:https://www.microsoft.com/en-us/download/details.aspx?id=2113...原创 2019-03-16 12:30:48 · 4007 阅读 · 1 评论