HTML/CSS/JS
文章平均质量分 51
简单前端学习
花果山总钻风
这个作者很懒,什么都没留下…
展开
-
JavaScript 正则表达式的用法
可以将正则表达式作为参数传递给它,以在字符串中搜索匹配项。方法返回一个包含被替换后的新字符串,需要注意的是,它不会改变原始字符串,并且只会替换搜索到的第一个值。如果正则表达式包含一个 g 标记,即为全局匹配,它将返回一个包含所有匹配项的数组,没捕获组信息;方法返回第一个匹配项在整个字符串中的位置(索引),如果没有匹配项,则返回 -1。转载 2024-08-08 15:48:13 · 50 阅读 · 0 评论 -
JS使用 navigator.clipboard 操作剪切板
3、如果出现失败的情况可以尝试在操作之前加上。原创 2024-08-04 22:18:17 · 524 阅读 · 0 评论 -
JS数字每隔四位加逗号格式化
【代码】JS数字每隔四位加逗号格式化。原创 2023-04-23 16:43:31 · 346 阅读 · 0 评论 -
UniApp开发小程序踩坑记录
1、wx.saveVideoToPhotosAlbum保存视频失败,报错:{errMsg: "saveVideoToPhotosAlbum:fail invalid video"},在 android 和macos,window,开发者工具上可以保存成功,唯独使用IOS真机测试保存失败。原创 2023-04-18 10:28:03 · 908 阅读 · 0 评论 -
CSS相对于父元素的绝对定位
普通文档流中其这元素的布局就像绝对定位的元素不存在时一样。它相对于最近的已定位的祖先元素。如果元素没有已定位的祖先元素,那么它的位置相对于最初的包含块。(因为绝对定位的框与文档流无关,所以它们。这样再设定top,right,bottom,left的值就可以了,其定位的参照标准就是父级的左上角 padding 的左上侧!,如果对一个元素进行相对定位,首先它将出现在它所在的位置上。需要这个元素跟着网页中的某个元素位置,不论分辨率是多少他的位置始终是针对页内的某个元素。的,那么单纯的absolute是不行的。原创 2023-04-10 16:43:29 · 2310 阅读 · 0 评论 -
Bootstrap表格排序插件、日期选择插件
http://github.hubspot.com/sortable/Manually IncludingFor the most common usage of sortable, you’ll want to include following:script src="sortable.min.js">script>link rel="stylesheet原创 2016-05-03 16:48:11 · 4282 阅读 · 0 评论 -
gevent 基本介绍,聊天室示例
1、http://my.oschina.net/visualgui823/blog/36987Gevent框架性能很高,但python的GIL模型导致的线程不能抢占多核资源。而启动多个python进程的这种利用多核的模式又需要增加前端负载均衡,比如lvs那些,有些麻烦。multiprocessing模块和os.fork又会使得两个进程重复在事件核心注册accept事件,导致文件句柄重复...原创 2016-03-07 11:49:40 · 1296 阅读 · 0 评论 -
java8使用nashorn与javascript交互
指定重載方法 实际上方法在 JavaScript 不过是个特性,为函数实例,因此,除了使用存在的方法之外,也可以使用 [] 来取得代表方法的函式:var System = Java.type('java.lang.System');System.out.println('Hello, World'); // Hello, WorldSystem.out['println']('Hello, World'); // Hello, WorldJava 中支援重載(Overload)方..转载 2020-09-12 10:59:05 · 1819 阅读 · 0 评论 -
移动端JS调用QQ,拨打电话,发送短信
百度经验:点击打开链接QQ推广:点击打开链接原创 2016-03-23 14:58:40 · 1830 阅读 · 1 评论 -
Chrome桌面通知
https://www.oschina.net/code/snippet_2012583_51015开启桌面提醒:三道杠-显示高级设置-内容设置-通知-允许所有网站显示桌面通知Google 桌面通知Notify me! function notifyMe() { var title = "new message"; var options = {转载 2016-12-06 15:31:43 · 1532 阅读 · 0 评论 -
JS利用正则配合replace替换指定字符
原文地址:http://www.jb51.net/article/43949.htm定义和用法 replace() 方法用于在字符串中用一些字符替换另一些字符,或替换一个与正则表达式匹配的子串。 语法 stringObject.replace(regexp,replacement) 参数 描述 regexp 必需。规定了要替换的模式的 RegExp转载 2016-08-25 19:40:52 · 4882 阅读 · 0 评论 -
JS日期计算,日期格式化,时间计算
【代码】JS日期计算,日期格式化,原创 2016-05-04 15:25:34 · 976 阅读 · 1 评论 -
jquery中attr和prop的区别
原文:http://www.cnblogs.com/zhwl/p/3520162.html另一篇:http://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html前几天,有人给 Multiple Select 插件 提了问题:setSelects doesn't work in Fir转载 2016-07-07 19:59:16 · 6515 阅读 · 3 评论 -
xpath路径表达式
http://www.ruanyifeng.com/blog/2009/07/xpath_path_expressions.html简单说,xpath就是选择XML文件中节点的方法。所谓节点(node),就是XML文件的最小构成单位,一共分成7种。- element(元素节点)- attribute(属性节点)- text (文本节点)- names转载 2017-04-24 20:44:17 · 620 阅读 · 0 评论 -
HTML5 Video标签的属性、方法和事件汇总介绍
http://www.jb51.net/html5/317406.html前段时间写了一个基于html5 video的视频播放器,从起初的对其不了解,然后到能够写一个基本完善的自定义播放器。在这个过程中,对video标签的属性,方法,事件有了个全面的认识。下面分类列出来一下。标签的属性:src :视频的属性poster:视频封面,没有播放时显示的图片preload:预加载转载 2016-07-27 20:57:38 · 1884 阅读 · 0 评论 -
form表单,AJAX上传文件
1、form表单form 必须有enctype="multipart/form-data"标记才能上传文件2、AJAXfunction test(){ var form = new FormData(document.getElementById("tf")); $.ajax({ url:"${pageContext.request.co原创 2016-07-02 14:23:12 · 489 阅读 · 0 评论 -
JS滚动到指定元素以及判断滚动条到底部
【代码】JS滚动到指定元素以及判断滚动条到底部。原创 2017-02-15 20:47:59 · 523 阅读 · 0 评论 -
js操作cookies
http://www.cnblogs.com/shoupifeng/archive/2011/11/25/2263892.html从事web开发也有些日子了,cookie 是个啥差不多能说明白,可是实际自己一上手操作就是得去搜索(你们懂的),结果被鄙视了...所以就写一篇博文做为自己的学习笔记,嘿嘿,博客的好处在此体现出来了。 什么是 Cookie “co转载 2016-06-25 14:58:52 · 311 阅读 · 0 评论 -
JS获取URL参数值
function getQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); return null;原创 2017-01-10 11:35:09 · 473 阅读 · 1 评论 -
Bootstrap实用工具
http://blog.weiqinxue.cn/blogs/index.php/User/articleview/ArticleID/U2A162Bootstrap 提供了一些帮助器类,以便更快地实现对移动设备友好的开发。这些可以通过媒体查询结合大型、小型和中型设备,实现内容对设备的显示和隐藏。需要谨慎使用这些工具,避免在同一个站点创建完全不同的版本。响应式实用工具目前只适用于块和表转载 2017-08-09 00:21:35 · 455 阅读 · 0 评论 -
JavaScript、jQuery获取页面及个元素高度、宽度
https://www.cnblogs.com/jingjing-blog/p/5012923.htmlhttp://blog.sina.com.cn/s/blog_51048da70101djoy.htmlJavascript获取获取屏幕、浏览器窗口 ,浏览器,网页高度、宽度的大小网页可见区域宽:document.body.clientWidth 网页可见区域高:document.b...转载 2018-08-24 14:27:25 · 205 阅读 · 0 评论 -
JS实现python的random.sample()
function getRandomArrayElements(arr, count) { var shuffled = arr.slice(0), i = arr.length, min = i - count, temp, index; while (i-- > min) { index = Math.floor((i + 1) * Math.rando...转载 2019-07-26 16:14:47 · 531 阅读 · 0 评论 -
选项卡内容容器切换程序
HTML+CSS+JAVASCRIPT实战详解 美化版选项卡切换块 function over(x) { if (x.className != "up") { } else { x.className = "roll"; }原创 2015-07-16 01:41:04 · 475 阅读 · 0 评论 -
绝对定位情况下水平垂直居中的方法
http://www.cnblogs.com/charling/p/3356084.html非绝对定位情况下,一般使用margin:0 auto的方法来进行居中,但在绝对定位情况下,margin:0 auto会失效。这时,进行水平垂直居中可以如下:position:absolute;left:50%; //left设置为50%,这时是以元素的左侧进行的水平居中,所以需转载 2016-06-20 11:08:08 · 315 阅读 · 0 评论 -
Jquery 元素遍历,取值
$('#tbody tr').each(function (i) { console.log($(this).eq(0).text()); // 取tr整行的text console.log($(this).find("td:eq(0)").text()); // 取每个tr中第一个td元素的text // 循环遍历tr中每个td对象 $(this).find("td").each(fu原创 2016-06-29 21:58:09 · 4619 阅读 · 0 评论 -
JS字符串格式化
在Java中我们可以使用String.format()格式化文本来避免丑陋的各种拼接字符串,而在Javascript中却没有。网上找了很多都是使用正则,我倒是觉得没有必要,改进后得出代码。格式化字符串版本1String.prototype.format = function(args) { var result = this; if (arguments.length...转载 2016-05-04 14:58:12 · 21657 阅读 · 0 评论 -
自适应网页设计
http://www.ruanyifeng.com/blog/2012/05/responsive_web_design.html?bsh_bid=706756240随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常转载 2015-08-14 14:11:42 · 350 阅读 · 0 评论 -
网页框架伸缩
摘自《网页开发手记》1、frameset.html 仿猫扑框架页面 function Set(){ if(document.getElementById("main").cols == "100,45,*"){ document.getElementById("main").cols =原创 2015-07-21 01:03:41 · 529 阅读 · 0 评论 -
JS判断字符串是否包含中文
http://blog.sina.com.cn/s/blog_7fa2bcf50100w8ta.html function funcChina(){ var obj = document.form1.txtName.value; if(/.*[\u4e00-\u9fa5]+.*$/.test(obj)) { alert("不能含有汉字!"); return false; }转载 2015-08-10 20:41:56 · 1270 阅读 · 0 评论 -
Windows中IIS服务器被防火墙阻止导致外网无法访问
配置好iis服务器,并设置好网站后,局域网内的其他主机可以ping通,但是网站无法访问,原来在防火墙的高级设置里面有设置可以HTTP传入连接,允许通过就好了~1.打开控制面板,进入Window防火墙,然后点击左上角的“高级设置”,如下图所示:2.出现如下界面后,点击Windows防火墙属性3.点击专用配置文件,将其中的入站链接设置为允许即可如果还是不行,可以原创 2015-01-11 23:13:55 · 8977 阅读 · 0 评论 -
重定向用户
对不起。我们已经搬家了。您的 URL 是 http://www.w3school.com.cn您将在 5 秒内被重定向到新的地址。如果超过 5 秒后您仍然看到本消息,请点击上面的链接。原创 2013-12-02 18:14:23 · 575 阅读 · 0 评论 -
W3School 的 HTML 快速参考
HTML Basic DocumentDocument name goes hereVisible text goes hereText ElementsThis is a paragraph (line break) (horizontal rule)This text is preformattedLogical StylesThis text is emphas转载 2013-12-04 16:34:05 · 819 阅读 · 0 评论 -
定义内联的子窗口(框架)
W3School.com.cn 注释:由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。原创 2013-12-02 18:03:13 · 818 阅读 · 0 评论 -
HTML基础 学习ing
http://www.w3school.com.cn/html/index.asp this is my picture My first picture. This is a link. 一行三列:原创 2013-12-01 17:06:49 · 593 阅读 · 0 评论 -
表单的CSS设计
摘自《网页开发手记》1、效果图:2、html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 表单界面 *{原创 2015-07-26 22:14:25 · 672 阅读 · 0 评论 -
移动H5前端性能优化指南
http://djt.qq.com/article/view/1416?ADTAG=email.InnerAD.weekly.20150812概述1. PC优化手段在Mobile侧同样适用2. 在Mobile侧我们提出三秒种渲染完成首屏指标3. 基于第二点,首屏加载3秒完成或使用Loading4. 基于联通3G网络平均338KB/s(2.71Mb/s),所以首屏资源转载 2015-08-14 18:30:56 · 341 阅读 · 0 评论 -
CSS+DIV简单布局
摘自《网页开发手记》1、效果图:2、xhtml代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> xhtml+css简单布局原创 2015-07-23 00:56:16 · 343 阅读 · 0 评论 -
网页布局实例
摘自《网页开发手记》1、效果图:2、html代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 网页布局实例原创 2015-07-23 23:48:07 · 444 阅读 · 0 评论 -
浏览器判断是否安装了ios/android客户端程序
http://blog.csdn.net/iunion/article/details/10327665/最近在做一个项目,该项目的前身是为mobile browser量身打造的一个网站。现在有这样一个需求:当用户在用mobile browser浏览该网站的时候会点击一个按钮/超链接,通过这个按钮的点击事情需要打开安装在本机的应用程序,或者如果本机没有安装该应用程序则打开应用商转载 2016-04-19 14:10:35 · 350 阅读 · 0 评论 -
简单返回顶部代码及注释说明
http://www.cnblogs.com/mind/archive/2012/03/23/2411939.html1. 最简单的静态返回顶部,点击直接跳转页面顶部,常见于固定放置在页面底部返回顶部功能方法一:用命名锚点击返回到顶部预设的id为top的元素html代码a href="#top" target="_self">返回顶部a>方法转载 2016-05-25 12:09:07 · 503 阅读 · 0 评论