浏览模式: 普通 | 列表
分类: H5/JS/CSS | < | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | > | >>
今天提交的时候,使用新版本firefox的F12调试,在控制台的XHR (XMLHttpRequest ) 里没有请求记录。就是没有ajax而直接post提交了。

attachments/202002/14_201244__20200214200812.jpg



打开错误记录,可以看出是validate出问题,然后检查该页脚本,发现参数错误,修改后正常。
subtitle:{
                     subtitle:true,
   },

改为
subtitle:{
                     required:true,
   },

ueditor加入flash视频标签支持

[ 2019-12-24 10:47:24 | 作者: admin ]
编辑ueditor.config.js
    // xss过滤白名单 名单来源: https://raw.githubusercontent.com/leizongmin/js-xss/master/lib/default.js
    ,whitList: {
      video: ['autoplay', 'controls', 'loop', 'preload', 'src', 'height', 'width', 'class', 'style'],
      object: ['type', 'id','height', 'width', 'class', 'style'],
      param: ['name', 'value']
    }

html中全角半角 && 6种空白空格的区别

[ 2019-11-25 14:39:18 | 作者: admin ]
本文链接:https://blog.csdn.net/qq_34928644/article/details/82526377

HTML提供了5种空格实体(space entity),它们拥有不同的宽度,非断行空格(&nbsp;)是常规空格的宽度,可运行于所有主流浏览器。其他几种空格( &ensp; &emsp; &thinsp; &zwnj;&zwj;)在不同浏览器中宽度各异。
全角和半角的区别

全角占两个字节,半角占一个字节,半角全角主要是针对标点符号来说的,全角标点占两个字节,半角占一个字节.

        &nbsp;

          它叫不换行空格,全称No-Break Space,它是最常见和我们使用最多的空格,大多数的人可能只接触了&nbsp;,它是按下space键产生的空格。在HTML中,如果你用空格键产生此空格,空格是不会累加的(只算1个)。要使用html实体表示才可累加,该空格占据宽度受字体影响明显而强烈。
...

阅读全文…

js判断为空Null与字符串为空简写方法

[ 2019-09-04 15:50:28 | 作者: admin ]
     if (str !== null || str !== undefined || str !== '') {
           var str2 = str ;
     }

CSS Radio 样式美化

[ 2019-09-04 15:47:50 | 作者: admin ]
https://c.runoob.com/codedemo/3373

attachments/201909/04_154909__20190904154848.png


body {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
             -ms-flex-align: center;
                    align-items: center;
     -webkit-box-pack: center;
             -ms-flex-pack: center;
                    justify-content: center;
     min-height: 100vh;
}

.radio {
...

阅读全文…
p.s. 测试了下,其实iframe方式微信里面并不支持,手机独立浏览器也没有去测试。自己服务器视频还是建议采用 video标签,兼容性比较好。第三方如腾讯,优酷就直接使用他们的通用视频代码好了。


最近要做一个在H5页面中嵌入第三方视频的功能,用户可以观看点赞等操作。由于本人目前在此方面初次了解,所以写下本文以供互相学习交流,有不对的地方,可留言对我进行指导(大神勿喷)。好了话不多说,关于H5页面嵌入视频几种方法,我在网上查了资料并整理到如下两类:


第一类:ifame嵌入 -- 支持嵌入第三方视频以及本地视频。
直接上代码:
         <!-- 使用iframe嵌入本地视频 -->
         <div style="width: 500px;height: 380px;margin: 0px auto;">
...

阅读全文…

vue 常用插件集合

[ 2019-07-30 09:12:30 | 作者: admin ]
UI组件

element- 饿了么出品的Vue2的web UI工具套件

Vux- 基于Vue和WeUI的组件库

mint-ui- Vue 2的移动UI元素

iview- 基于 Vuejs 的开源 UI 组件库

Keen-UI- 轻量级的基本UI组件合集

vue-material- 通过Vue Material和Vue 2建立精美的app应用

muse-ui- 三端样式一致的响应式 UI 库

vuetify- 为移动而生的Vue JS 2组件框架

vonic- 快速构建移动端单页应用

eme- 优雅的Markdown编辑器

vue-multiselect- Vue.js选择框解决方案

vue-table- 简化数据表格

VueCircleMenu- 漂亮的vue圆环菜单

vue-chat- vuejs和vuex及webpack的聊天示例

radon-ui- 快速开发产品的Vue组件库
...

阅读全文…
attachments/201906/26_091421_20171023211819.png


自适应宽高的幻灯片插件easySlider.js

演示:http://www.jq22.com/yanshi16489
下载:http://www.jq22.com/jquery-info16489
官方github: https://github.com/prose100/jQuery-slider



注意:默认停留1500毫秒,如果要停留久一点,需要直接修改 easySlider.js
找到 setInterval(function(){slide();},1500)
修改为 setInterval(function(){slide();},4000)
下载停留时间改为4000毫秒版本:[file=at...

阅读全文…