![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Front-end
gary-liu
Like technology, like recording life. Since I went to a foreign company, I have to use English to quickly integrate it. WeChat Offical account: gary_foreign
展开
-
地理定位原理
Geolocation 可以使用 IP 地址、基于 Web 的数据库、无线网络连接和三角测量或 GPS 技术来确定经度和纬度。一定要注意 Geolocation 所提供信息的精确性会由于获取信息的方式不同而有所差别。有时候,您可能无法精确地读取某些位置的地理信息,甚至完全无法读取。一、IP定位每一台连上网路的电脑都具有一个独一无二的IP位址,经由IP位址可以反查出电脑位置,原创 2013-12-15 22:08:22 · 1819 阅读 · 0 评论 -
hexo 写blog
写文章hexo new [layout] <title> 也可以不用这样,直接把markdown文章放到 source/_post 文件夹下,可以在命令中指定文章的布局(layout),默认为 post,可以通过修改 _config.yml 中的 default_layout 参数来指定默认布局。Hexo 默认以标题做为文件名称,但可编辑 new_post_name 参数来改变默认的文件名称,原创 2017-05-19 02:01:37 · 2385 阅读 · 0 评论 -
HTML 鼠标放上显示悬浮窗口
项目中用到的功能,在这里记录下, 方便日后复用。鼠标悬停,出现一个悬浮框,悬浮框中可以自定义一些内容,使用 bootstrap 的 popover 插件实现。可以直接看参考资料中的文章,插件使用说明更详细。或看组件文档说明:https://v4-alpha.getbootstrap.com/components/popovers/示例示例是鼠标移动上面后悬浮显示多张图片的缩略图,要引入文件jquer原创 2017-05-18 00:15:34 · 31072 阅读 · 0 评论 -
html 点击复制功能
因为项目里要点击复制视频的URL,在这里记录下,方便以后复用。在网上查了下资料,主要有 js+flash 的实现和 html5 的实现,前者使用 flash 对浏览器的兼容性较好,后者支持已经支持 HTML5 的浏览器。最近又发现一个不用 flash 和框架的插件 clipboard.js(github上的star挺多的,有空再看下) clipboard.js官网 HTML5 实现方式示例是复原创 2017-05-17 23:53:48 · 19380 阅读 · 0 评论 -
文本溢出省略显示效果
记录下项目中使用的文本溢出效果,方便日后复用。单行文本溢出省略max-width: 120px;overflow: hidden;text-overflow: ellipsis; //溢出省略号效果white-space: nowrap; //设置单行显示多行文本溢出省略overflow : hidden;text-overflow: ellipsis;displa原创 2017-05-17 21:13:13 · 792 阅读 · 0 评论 -
Html5 文件上传
拖拽目录只有chrome11及以后版本才支持,也可直接看参考文献中的文章,本文主要记录自己做过的一些东西 这有个简单的 html5 上传demo:https://github.com/xiaoshenge/html5demo/blob/master/file/js/list.jsHTML5 提供了一种通过 File API 规范与本地文件交互的标准方式。为了举例说明其功能,可使用 File原创 2016-09-30 17:10:59 · 1072 阅读 · 0 评论 -
php js特殊字符处理
php js特殊字符处理,PHP中用到两个函数:addslashes()和htmlspecialchars()js处理URL中的特殊字符方法原创 2015-11-30 18:29:23 · 2264 阅读 · 0 评论 -
jQuery数字,手机号,邮箱校验
jQuery数字,手机号,邮箱校验原创 2015-12-03 14:29:51 · 1707 阅读 · 0 评论 -
jQuery删除元素方法remove(),detach(),empty()
jQuery删除元素方法remove(),detach(),empty()原创 2015-10-14 23:56:49 · 2881 阅读 · 0 评论 -
js 求数组中的最大值
数组中最大值:math.max.apply(null,array)字符串连接:可以用+ 或者 join闭包和作用域链模板字符串换行变量提升,没有块级作用域(要一开始就定义,不要中间定义)Const 重新赋值不可以,但可以加属性Symbol是js的一种数据类型,独一无二的IDJs中没有类原创 2015-09-23 22:33:28 · 1394 阅读 · 0 评论 -
div水平居中
div水平居中样式写法:margin-left: auto;margin-right: auto;原创 2015-10-11 22:38:23 · 670 阅读 · 0 评论 -
textarea中的换行问题
在开发时遇到的问题,在php中组装的文本内容,不能再前端textarea中显示换行在php中组装文本时$msg = '测试'."\n";$msg .= '测试1'."\n";注:\n必须用双引号,前端才会正常显示换行原创 2015-10-11 23:40:48 · 1931 阅读 · 0 评论 -
Js 弹框常见方式
1.只有确定按钮 alert(“弹出弹框”);2.确定和取消按钮 if(confirm(“是否确定删除?”)){ //发个ajax删除 }else{ return; }3.带文本框的弹出框 prompt的第一个参数为弹框的文本信息,第二个参数是文本框的默认输入信息(可以不填),点击取消返回null。 var name=prompt("请输原创 2015-10-05 22:45:31 · 1063 阅读 · 0 评论 -
jQuery修改属性、css等
1.修改自定义属性的值$('#is_urgent').attr({"t":"-1","title":"不限"}); $('#is_urgent').attr(“t”,”test”);2.修改css$('#obtainOrder').css({"background":"#FFFFFF","color":"blue","border-radius":"3px"});$('#obta原创 2015-10-05 23:03:00 · 1065 阅读 · 0 评论 -
js URL正则匹配
js URL正则匹配代码:var regexp = /((http|https):\/\/([\w\-]+\.)+[\w\-]+(\/[\w\u4e00-\u9fa5\-\.\/?\@\%\!\&=\+\~\:\#\;\,]*)?)/ig;var urls = "http://www.baidu.com";var url = urls.match(regexp);if (url && t原创 2015-08-25 14:31:27 · 6207 阅读 · 0 评论 -
当在浏览器地址栏输入一个网址的时候,究竟发生了什么?
转载自:http://blog.csdn.net/zll0927/article/details/11885239转载 2014-05-16 18:25:37 · 2606 阅读 · 0 评论 -
Atom 初体验
最近不想再破解 Sublime text,所以试用了下 Atom快捷键cmd-\ 显示或隐藏边栏ctrl-0 聚焦边栏,聚焦后可以操作树目录中的文件ctrl-P 上移(Previous)ctrl-N 下移(Next)ctrl-B 后移(Back)ctrl-F 前移(Forward)ctrl-E原创 2016-08-24 01:33:42 · 2849 阅读 · 1 评论