js

  • 使用PDF.js渲染canvas实现预览pdf的效果示例

    一、PDF.js的下载 从官网直接下载即可,地址:http://mozilla.github.io/pdf.js/getting_started/#download 建议下载稳定版本,如下图所示: 下载完成后将压缩包解压放在项目下,按照正常引入方式引入即可。 二、使用PDF.js 1.vue使用 第一步安装: npm install –save pdfjs-dist 第二步引入: import PDFJS from ‘pdfjs-dist’ 第三步就是在页面使用即可,下面演示export default中的代码: export default { data () { return { pdf…

    2021年6月15日
    0 0 0
  • Html5调用企业微信的实现

    前言 基于H5的页面调通 企业微信的API (已调通demo) 一、环境 企业微信管理员 添加应用 ,地址指向H5程序的地址。(企业微信通过内部游览器访问你自己发布出来的web端的手机项目,不做本文重点) 二、使用步骤 1.js引用 https://work.weixin.qq.com/api/doc/90000/90136/92455 <script src=”http://res.wx.qq.com/open/js/jweixin-1.2.0.js”></script> 2.config接口注入权限验证配置 代码如下: wx.config({ beta: true,…

    2021年6月13日
    0 0 0
  • 织梦下拉二级菜单导航自动调用实现方法

    使用织梦建网站时,很多网站需要二级菜单导航,这时就需要通过代码将后台的所有一级菜单和二级菜单都调用出来。效果如下图: (此图片来源于网络,如有侵权,请联系删除! ) 方法/步骤 下载导航下拉菜单jquery特效基础包。链接: https://pan.baidu.com/s/1OfiCNiWJXE74QNvLq70IUA 提取码: ynur 将下载的压缩包解压出来,将里面的jquery1.42.min.js和jquery.SuperSlide.2.1.3.js二个文件通过FTP工具上传到自己模板的js文件夹里; (此图片来源于网络,如有侵权,请联系删除! ) 在头部模板head.htm里找到&l…

    2021年5月31日
    0 6 0
  • amazeui页面校验功能的实现代码

    如下图所示: 邮政“邮政编码”字段,数据库中是varchar2(10)。 但是amazeui的页面校验中,关于字符长度的校验方式如下: JS 表单验证 JS 表单验证基于 HTML5 的各项验证属性进行: required: 必填; pattern: 验证正则表达式,插件内置了email、url、number三种类型的正则表达式; minlength/maxlength: 字符限制; min/max: 最小、最大值限制,仅适用于数值类型的域; minchecked/maxchecked: 至少、至多选择数,适用于checkbox、下拉多选框,checkbox时将相关属性的设置在同组的第一个元素…

    HTML5 2021年5月31日
    0 4 0
  • AmazeUI 点击元素显示全屏的实现

    无论是点击图片还是按钮来显示全屏,具体代码如下: 点击按钮: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title></title> <script type=”text/javascript” src=”js/jquery.min.js”></script> <script type=”text/javascript” src=”js/amazeui.legacy.js”></script> <scri…

    HTML5 2021年5月31日
    0 4 0
  • AmazeUI 点击元素显示全屏的实现

    无论是点击图片还是按钮来显示全屏,具体代码如下: 点击按钮: <!DOCTYPE html> <html> <head> <meta charset=”utf-8″> <title></title> <script type=”text/javascript” src=”js/jquery.min.js”></script> <script type=”text/javascript” src=”js/amazeui.legacy.js”></script> <scri…

    HTML5 2021年5月31日
    0 4 0
  • 在html页面中取得session中的值的方法

    1.首先呢session的key-value都是存在server的,浏览器HTML页面是没有办法直接取得session中的值,只有在html里能通过js拿到jesessionid之类的东西。 1.1、数据量如果小,可以考虑放到cookie里,传到客户端,html里用js就可以拿到。 1.2、如果数据量大,可以考虑单独做一个jsp或servlet,根据传来的session的key,返回序列化的session的值,比如json之类的。html里用js通过ajax获取。这种方式复杂了点,多一次远程访问,但是灵活方便。 如:<input type=”text” value='<%#Sess…

    HTML5 2021年5月30日
    0 6 0
  • Html5嵌入钉钉的实现示例

    1,需要在项目种引入钉钉官方的js <script type=”text/javascript” src=”http://g.alicdn.com/dingding/dingtalk-jsapi/2.3.0/dingtalk.open.js” > </script> 或者npm 也可以的 2,钉钉自带的api,有写是需要鉴权的,所以在使用之前一定要先鉴权 获取钉钉接口的鉴权 dd.config({ agentId:agentid, // 必填,微应用ID corpId:corpId,//必填,企业ID timeStamp:timeStamp, // 必填,生成签名的时间…

    HTML5 2021年5月29日
    0 3 0
  • recorder.js 基于Html5录音功能的实现

    recorder.js microphone基于HTML5的录音功能,输出格式为mp3文件。 前言 完全依赖H5原生API 所涉及的API:WebRTC、AudioContext、Worker、Video/Audio API、Blob、URL 兼容性 Chrome、FF、Edge、QQ、360(注:目前IE和Safari全版本不兼容) 其中Chrome47以上以及QQ浏览器强制要求HTTPS的支持 请尝试使用FF、Edge、360等浏览器进行体验,或将项目下载到本地通过localhost的方式 使用方式 var recorder = new Recorder({ sampleRate: 441…

    HTML5 2021年5月29日
    0 5 0
  • html5中使用hotcss.js实现手机端自适配的方法

    Html5页面在手机端做自适配是很常见的技术需求,下面介绍下在html页面使用hotcss 简介 使用动态的HTML根字体大小和动态的viewport scale。 遵循视觉一致性原则。在不同大小的屏幕和不同的设备像素密度下,让你的页面看起来是一样的。 1.新建一个项目文件夹,目录结构如下图: src//主要文件在这里 ├── hotcss.js ├── px2rem.less ├── px2rem.scss └── px2rem.styl 2.hotcss.js 文件可以下载官方的,也可以在大神GitHub(https://github.com/Grace110/hotcss)上下载整个de…

    HTML5 2021年5月28日
    0 4 0
  • DedeCMS模板中的dedeajax2.js导致网页一直加载无法正常打开的解决办法

    今天发现使用的织梦dedecms模板有时打开网页一直在加载且无法正常打开,查看了一下代码,发现是dedeajax2.js的问题。 dedecms模板中dedeajax2.js导致网页无法打开 网友给出的说法是用form表单包含了script,将script移至form表单外即可。 </form> <script language=”javascript” type=”text/javascript”>CheckLogin();</script> 余斗则是直接把dedeajax2.js的调用移至网页代码底部,发现也能解决问题。 <script langu…

    2021年5月27日
    0 5 0
  • vue实现左右滑动效果实例代码

    前言 个人实际开发中用到的效果问题总结出来便于自己以后开发查看调用,如果也适用其他人请随意拿走勿喷就行! vue.js是现在流行的js框架之一,vue 是一套用于构建用户界面的渐进式javascript框架,与其它大型框架不同的是:vue被设计为可以自底向上逐层应用。vue的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合,另外一个方面,当vue与现代化的工具链以及各种支持类库结合使用时,vue也完全能够为复杂的单页应用提供驱动。 vue.js是用于构建交互式的Web界面的库,它提供MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的API。从技术上讲,vue.js集中在M…

    Javascript 2021年5月27日
    0 4 0
  • html+js 实现markdown编辑器效果

    markdown的Editor.md插件官方网站:https://pandao.github.io/editor.md/ 一:下载Editor.md 1:进入官网直接进行下载 github下载地址:https://github.com/pandao/editor.md 2:使用npm进行下载 npm install editor.md 下载下来的文件结构如下: 二:Editor.md的简单使用 1:前提: 引入css <link rel="stylesheet" href="editormd/css/editormd.css" /> 引入js…

    HTML5 2021年5月26日
    0 4 0
  • 原生 JS+CSS+HTML 实现时序图的方法

    之前本人使用React + AntDesign 实现了一个简单的时序图,但是后来有了更复杂的需求,并且要求同时展示2000个任务的展示,这就涉及到了性能问题,本人先使用React+antd+ts实现了一个基本满足下面需求的demo,但是react的渲染机制造成了较大的性能问题,利用chrome自带的Performance,测试发现demo的首次渲染高达10s以上,并且后续的操作也会使整个页面非常卡。经过思索后决定使用原声js+css+html去实现,因为原声js下性能是最优的。下面先来说说新版本的需求: 左侧以树形结构展示任务,可折叠 右侧展示任务运行所耗时间的长度 需要用线条链接任务之间的关…

    HTML5 2021年5月24日
    0 4 0
  • HTML5实现移动端弹幕动画效果

    思路 1.把单个内容编辑好,计算自身宽度,确定初始位置 2.移动的距离是屏幕宽度 3.js动态的添加css动画函数,将高度、动画移动时间、动画延迟时间都用随机数控制 代码: html骨架结构 (以三个为例,如果觉得界面太长不友好,也可以js动态的生成) <div class="cute-barrage"> <div class="barrage-div"> <img src="http://kw1-1253445850.file.myqcloud.com/static/image/stimg_7656dc02eb1…

    HTML5 2021年5月24日
    0 5 0