xwPop.js弹出消息对话框插件是一款含有多种情景模式的原生模态消息对话框代码,可用于替代浏览器默认的alert弹出对话框,它提供各种参数和方法,功能非常强大。目前已经在项目中有应用到xwpop开发实例。 调用js库<script src="js/jquery-2.1.1.min.js"&g
关于H5 和 画布 调用本地摄像头拍照功能的实现 1.代码的实现(html部分) <input type="button" title="开启摄像头" value="开启摄像头" onclick="getMedia();" /><br /> <video height=
  最近项目中用到了video标签,之前在Pc上的时候,问题虽然参差不齐,但是基本功能还是完善的,在这单独说说它在微信下出现的情况     在微信中,ios下默认是全屏的,得设置   webkit-playsinline="true" /*这个属性是ios 10中设置可以让视频在小窗内播放,也就是
学习HTML需要做的准备工作(2) 选择文本编辑器: ①轻量级Sublime Text3下载②新手级EditPlus(有中文破解版).③国产巨作Hbuilder下载④写JS超好用的WebStorm(有中文破解版).⑤即时预览写CSS超棒的Backets下载PS:我经常使用Sublime,当然上面这5
当我们的app开发完成之后,无可避免的以后会进行产品升级,那么我们希望在客户的手机上让app进行自动升级,可以分为自动升级和手动升级。 自动升级:一般在客户app第一次打开首页的时候。 手动升级:在app界面提供一个升级的入口。 界面效果演示如下:      
在网页上,特别是个人博客中经常会用到时钟插件,一款个性化的时钟插件不仅可以让页面显得美观,而且可以让访客看到当前的日期和时间。今天我们给大家收集了15个超强悍的圆盘时钟动画,很多都是基于CSS3,也有一部分利用jQuery和SVG,让我们一起来看看吧。 1、纯CSS3/SVG实现的带秒针表盘圆盘复古
  今天要分享的是用html2canvas根据自己的需求生成截图,并且修复html2canvas截图模糊,以及绕过服务器图片保存至本地。     只需要短短的几行代码,就能根据所需的dom截图,是不是很方便,但是生成的图片模糊 //直接选择要截图的dom,就能截图,但是因为canvas的原因,生成
今天在写前端页面的时候,觉得font-awesome简单实用就上手试了一下,因为font-awesome图标库甚为强大,我就在其css上多做了一些尝试,这一尝试发现了一个致命的问题,当我对i标签进行统一字体大小以及统一字体样式的时候,发现了我的网页在不同浏览器上的显示问题,显示如下:  &
今天在用vue项目中,实现回到顶部功能的时候,我写了一个backTop组件,接下来需要通过监听window.scroll事件来控制这个组件显示隐藏 因为可能会有其他的组件会用到这样的逻辑,所以将此功能做成一个自定义指令: 根据滚动的距离控制一个数据为true还是为false(v-scroll-sho
大家好,以前给大家分享过一个五步骤制作精美的HTML5时钟的文章,点击回顾《五步教你制作漂亮精致的HTML时钟》,还有《一分钟教你如何实现唯美的文字描边》;今天给大家分享一个用H5 + localStorage开发的一个本地记事本应用,下面先看一下他精美的帅样子吧。 主要实现的功能有: 填写标题验证
前言 这里分享一个博主写的省市区三级菜单联动插件 — jQuery-Citys,此插件中所有省市区数据均为国家行政区划代码,保证数据真实可靠,插件可以根据默认地区代码或地区名称进行值的初始化操作。 线上演示地址:https://yangyunhe369.github.io/jQuery-Citys
在HTML5的规范中,我们可以通过为元素增加`draggable="true"`来设置此元素是否可以进行拖拽操作,其中图片、链接默认是开启的。 1. 拖拽元素:设置了`draggable="true"`的元素 当拖动某元素时,将依次触发下列事件: 1. dragstart(按下鼠标并开始移动鼠标时,
别人的警告:大多数初学者学习网页制作所用的集成开发环境(IDE)大多是Dreamweaver(我现在用的就是DW cc),这种所见即所得的“吊炸天”IDE为我们带来了极大的方便。But:虽然它入门快,见效快,很容易让初学者爱上,,聪明的IDE也成全了我们的惰性。 正确的方向胜过无谓的努力:也不知道它
缘起 人家都说康奈尔笔记法,很好用呢,能抵抗遗忘曲线,让你的笔记事半功倍,有兴趣的同学自行百度哈。 网上有很多现成的模板,下载下来之后吧,看着好像在上面写英文可能更方便一点,行距很小,而且还有网址在上面,心里不是很乐意的说呢。后来想着自己在word或者excel里面做一个模板出来,后来愣是不会把一个
    导入包---实体类------数据库连接----数据库操作----service层数据操作----网页对service层可视化实现   model package com.ij34.model;
前言 经过2个多月的艰苦奋斗,app的第一个版本已经快完工了,期间遇到了太多的坑,作为一个喜欢分享的人,我当然不会吝啬分享这爬坑历程。不要问我有多坑,我会告诉你很坑,很坑..... 过去一直从事.net web开发工作,直到几个月前,公司需要开发一个h5+,于是我这样的全能型选手
兼容性 兼容性:浏览器兼容问题和适配问题统称为兼容性问题 解决办法 1.hack语法,控制解决办法   <!--[if <keywords>? IE <version>?]>     HTML代码块   <![endif]--> eg:<!--[
Parcel 是一个零配置的网络应用打包工具, 适用于经验不同的开发者, 它利用多核处理提供了极快的速度。对比 webpack 最大的两个亮点: 零配置 极快速 omi 相关的插件都是基于 webpack 进行开发,今天正式投入 Parcel 怀抱。 准备工作 通过 yarn 或 npm 安装 pa
前言 本文先假设我们使用的是 vue + vuex + vue-router 的情况来展开讨论,React 全家桶的情况应该类似。 在日常的前端研发中,我们经常会遇到如题的场景:比如从商品列表进入商品详情,从订单列表进入订单详情。先看一个 demo~ 看起来是不是还算丝滑流畅,跟客户端效果较为接近