不灭的焱

革命尚未成功,同志仍须努力

作者:php-note.com  发布于:2018-02-20 20:54  分类:JS/CSS/HTML 

Amaze UI:中国首个开源 HTML5 跨屏前端框架

Layui[荐]经典模块化前端框架(JS组件)

ZUI: 一个基于 Bootstrap 深度定制开源前端实践方案,帮助你快速构建现代跨屏应用。

MZUI:为移动端设计,基于 Flex 的 UI 框架。

作者:php-note.com  发布于:2017-10-31 20:52  分类:JS/CSS/HTML 

写博文时,一部小心点了浏览器的“关闭按钮”,没来得及保存,意味着先前写的内容白写了。。。

增加一段 js 代码,可以弹框提醒我们是否要真的关闭浏览器,用的是  Ckeditor 编辑器,参考代码如下:

<script>
    // 关闭页面确认弹出框
    window.onbeforeunload = function() {
        if (ck_obj_content.getData()) {
            return ('确认要关闭页面吗?');
        }
    };
</script>
作者:php-note.com  发布于:2017-05-05 20:40  分类:JS/CSS/HTML 

使用 jQuery 修改 css 中带有 !important 的样式属性

外部样式为:

div.test {
    width:auto !important;
    overflow:auto !important
}

通过 $("div.test").css("width","100px");$("div.test").css("width","100px !important"); 是无效的

作者:php-note.com  发布于:2017-03-06 10:26  分类:JS/CSS/HTML 
$('#<!--{$inputId}-->').datetimepicker({
  todayHighlight: true,
  format: "YYYY-MM-DD<!--{if $isTime}--> HH:mm<!--{/if}-->",
  pickTime: <!--{if $isTime}-->true<!--{else}-->false<!--{/if}-->,
  minuteStepping: <!--{$minuteStepping}-->,
  language: 'zh-CN',
  inputMask: true,
  inline: true,
  sideBySide: true,
  pickerPosition:'bottom-right'
}).bind('dp.change', function(e) {
  var d = new Date(e.date);

  console.log(d.getFullYear()); // 年
  console.log(d.getMonth() + 1); // 月
  console.log(d.getDate()); // 日期

}).next().on(ace.click_event, function(){
  $(this).prev().focus();
});
作者:php-note.com  发布于:2017-02-06 09:46  分类:JS/CSS/HTML 
作者:php-note.com  发布于:2017-01-22 09:15  分类:JS/CSS/HTML 

一个比较实用的技术,阻止页面关闭,显示 关闭页面确认弹出框,参考代码如下:

window.onbeforeunload = function() {
	if (!canLeavePage()) {
		return ('确认离开当前页面吗?未保存的数据将会丢失!');
	}
};
作者:php-note.com  发布于:2016-11-03 10:30  分类:JS/CSS/HTML 
.livechat-text a {
	display: block;
	word-break:break-all;	/* 英文换行 */
	white-space:normal;		/* 中文换行 */
}

表格单元格换行:

th, td{word-break: break-all;}
作者:php-note.com  发布于:2016-09-22 10:19  分类:JS/CSS/HTML 

JS如何保存图片到本地呢?自己百度一下吧!

这里想要说的是,可以利用 HTML 的 <a> 标签 来是实现保存图片到本地的功能,参考代码如下:

<a  href="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" download="思考中的猪.jpg">
	<img src="http://wx.qlogo.cn/mmopen/ajNVdqHZLLDR2d0sYTtWb0ev4IRnQlM3z2NrD9kicibwMJYXWnwZIjxVo8uAeqdM7QB2WqjLWYBx1OSrOp8zpLbI5Y2VIibOKo2eclJVJcqd8k/0" />
</a>
作者:php-note.com  发布于:2016-07-25 14:41  分类:JS/CSS/HTML 

最近在做手机端的 h5 页面的视频直播功能,用到了 Video 标签。其常用的属性有以下几个:

src、poster、preload、autoplay、loop、controls、width、height等属性。

 

1、src属性 和 poster属性

跟<img>标签的一样,这个属性用于指定视频的地址,而poster属性用于指定一张图片,在当前视频数据无效时显示,可当作一张 预览图。视频数据无效可能是视频正在加载,可能是视频地址错误等等。

<video width="658" height="444" src="http://www.youname.com/images/123456.mp4" poster="http://www.youname.com/images/123456.png" autoplay="autoplay"></video>
作者:php-note.com  发布于:2015-12-19 16:39  分类:JS/CSS/HTML