经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5

html5手机键盘弹出收起的处理

前言:前端时间也是应项目的需求开始了h5移动端的折腾之旅,在目前中台的基础上扩展了两个ToC移动端项目,下面就是在h5移动端表单页面键盘弹出收起兼容性的一些总结。 问题 在 h5 项目中,我们会经常遇到一些表单页面,在输入框获取焦点时,会自动触发键盘弹起,而键盘弹出在 IOS 与 Andr...[2020/1/21]

vue必须掌握之组件通信(7种方法)

方法一:$emit / props 父组件通过props的方式向子组件传递,子组件通过$emit触发父组件中v-on绑定的自定义事件 <!--父组件--> <template> <div> <Child :me age="...[2020/1/20]

vue常用插件之打印功能、二维码插件、批量打印二维码

vue实现打印的两种方法 vue实现批量打印二维码 (需安装二维码插件qrcodejs2) 一、vue-print-nb插件 1、安装: npm i vue-print-nb -S 2、全局注册(main.js): import Print from 'vue-prin...[2020/1/16]

Electron – 基础学习(1): 环境安装、创建项目及入门

这几天到年底了,公司也没啥事,闲着就到处瞅瞅。记得上一家公司的时候用 Electron+ng1 写过项目,只是那个时候项目框架都是别人搭的,自己只负责写功能,对Electron没啥认识。 这几天想着反正闲着也是闲着,就捡起来自己玩玩,顺便记录一下。 一、环境安装:   前端开发,现在不...[2020/1/16]

vue常用插件之图片预览

v-viewer(1.4.2) 非常实用的图片预览插件,支持旋转、缩放、翻转等操作 一、npm安装 npm i v-viewer -S 二、全局引入(main.js中) import 'viewerj dist/viewer.c ' import Viewer fro...[2020/1/16]

vue常用插件之视频播放(rtmp m3u8)

vue-video-player(5.0.2) 最近我的项目做了一个监控视屏的显示,后台提供的视屏格式是rtmp 后来又改为m3u8,没成功,原因是占用内存过大,所以取消了这种方式 一、安装 npm i vue-video-player -S npm i videojs-flash -...[2020/1/16]

html5自动播放mov格式视频的实例代码

html5自动播放mov格式视频的实例代码

这个不算啥新奇吧?但还是记录一下。 这个问题应该这么看。 1、首先网站要支持.MOV格式文件 就是说,网站要能识别.MOV格式文件。 <mimeMap fileExtension=".mov" mimeType="video/quickt...[2020/1/14]

html data-xx 及 data()注意事项

html data-xx 及 data()注意事项

1、data-xx命名:xx可以用“-”和“_”,但是不能有大写字母; 2、用$ele.data()获取值的时候,不需要“data-”前缀:$ele.data(''xx''); 3、$ele.data()与$el...[2020/1/14]

微信小程序中的左右联动

微信小程序中的左右联动

微信小程序端的左右联动-滚动效果插件: 效果图如下:                                ...[2020/1/14]

html5响应式开发自动计算fontSize的方法

本文介绍了html5响应式开发自动计算fontSize的方法,分享给大家,具体如下: var winWidth = window.innerWidth; var winHeight = window.innerHeight; 获得屏幕的宽度 rem=屏幕宽度/7.5+&...[2020/1/14]

vue 中的路由为什么 采用 hash 路由模式,而不是href超链接模式(Hypertext,Reference)?

1. vue中路由模式的种类有两种   1. 一种是 hash 模式。   2. 一种是 h5 的 history 模式。 2. hash 和 history 都是来自 bom 对象 bom 来自 window 3. window.location.hash 4. hash 是...[2020/1/13]

vue自定义日期选择,类似美团日期选择,日历控件,vue日历区间选择

一个日历的控件,基于vue的,可以日历区间选择,可用于酒店日历区间筛选,动手能力强,可以修改成小程序版本的,先上效果图   里面的颜色样式都是可以修改的   选择范围效果   话不多说,直接上干货,代码可以直接复制访问 1 <...[2020/1/13]

详解HTML5 Canvas标签及基本使用

详解HTML5 Canvas标签及基本使用

HTML 5 <canvas> 标签定义和用法 <canvas> 标签定义图形,比如图表和其他图像。 <canvas> 标签只是图形容器,您必须使用脚本来绘制图形。 实例 如何通过 canvas 元素来显示一个红色的矩形: <c...[2020/1/13]

Electron – 项目打包报错(1): WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang.

Electron – 项目打包报错(1): WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will hang.

WARNING: Make sure that .NET Framework 4.5 or later and Powershell 3 or later are installed, otherwise extracting the Electron zip file will han...[2020/1/10]

显示鼠标滑动轨迹 - 纪宇-年华

显示鼠标滑动轨迹 - 纪宇-年华

<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>Tracks</title...[2020/1/9]

electron聊天室|vue+electron-vue仿微信客户端|electron桌面聊天

一、项目概况 基于Electron+vue+electron-vue+vuex+Nodejs+vueVideoPlayer+electron-builder等技术仿制微信电脑端界面聊天室实例,实现消息发送/动态表情,图片/视频预览,拖拽图片/粘贴截图发送,朋友圈/红包/换肤等功能。 二、...[2020/1/9]

Css3 里的弹性盒的比例关系

Css3 里的弹性盒的比例关系

前两天朋友出去面试遇到了尴尬的问题,原题是:"在一个盒子里包裹着三个子元素,让子元素的宽度以1:1、1:2、1:3的关系依次展示" 这就尴尬了啊..........................  这个的就是弹性盒里的东西      fle...[2020/1/8]

HTML5音频(自定义mp3播放器源码)

HTML5音频(自定义mp3播放器源码)

audio对象 src兼容.ogg .wav .mp3 <audio controls src=''data/imooc.wav''></audio> width autoplay loop muted静音 <audio con...[2020/1/7]

HTML5视频(自定义视频播放器源码)

video对象 兼容情况: safari浏览器不支持webm格式 Chrome浏览器支持webm格式 ie8以及以下不支持video标签 , ie9支持video标签 ,但是支持mp4格式的 Firefox(火狐浏览器)支持ogv格式的视频   兼容性写法 ...[2020/1/7]

HTML5创建高德地图

HTML5创建高德地图

创建高德地图 功能真的很好很强大,有图有证据! 1.申请key值 去官网2.https: webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10db3b0b6eb1ab64619e <script type="tex...[2020/1/7]

HTML5存储(带一个粗糙的打怪小游戏案例)

HTML5存储(带一个粗糙的打怪小游戏案例)

本地存储localStorage设置存储内容setItem(key,value) localStorage.setItem(''leo'',''23''); 更新存储内容对象[key]=value对象.key=value localStorage.leo = ...[2020/1/7]

HTML5表单验证(4个实用的表单美化案例)

multipart/form-data 在使用包含文件上传控件的表单时,必须使用autocomplete="on" 自动补全功能novalidate 不验证 <form enctype="multipart/form-data" novalidate autocompl...[2020/1/7]

HTML5 canvas绘图基础(电子名片生成器源码)

创建canvas <canvas id="myCanvas" cla ="canvas"> 您的浏览器不支持canvas </canvas> 基础设置 <script type="text/javascript"> ...[2020/1/7]

canvas手势解锁源码

先放图 demo.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" con...[2020/1/7]

中国传统颜色

中国传统颜色

颜色名称十六进制红绿蓝色相饱和度亮度 蔚蓝 #70f3ff 112 243 255 185° 100.0% 71.96% 蓝 #44cef6 68 206 246 193° 90.82% 61.57% 碧...[2020/1/6]

使用webpack搭建vue环境

1、安装node.js,在官网下载,直接下一步,完成。nodejs里默认包含npm环境。国内安装包的速度太慢,建议使用cnpm淘宝镜像。 npm install -g cnpm --registry=https: registry.npm.taobao.org 2、vue-cli构建...[2020/1/2]

Error: Invalid CSS after &quot;xxx&quot;: expected 1 selector or at-rule, was &quot;{}&quot;

在VSCode中编译sa 文件时,出现报错:Error: Invalid CSS after "xxx": expected 1 selector or at-rule, was "{}",在电脑中sa 环境也装了,在编辑器中也装了Easy sa 插件,后来发现文件的后缀名写错了,,...[2020/1/2]

app项目中遇到TCP分包,H5端对分包进行拼包

app项目中遇到TCP分包,H5端对分包进行拼包

       之前有个需求,由于H5端不支持TCPSocket通信,于是中间搭了个安卓框架作为通信的介质,在开发中遇到一个问题,当后端传一个比较大的数据上来时,一条完整的数据会没有规矩的分成若干个包,每条数据可能不存在完整的包头包尾。所以我想了一个...[2020/1/2]

HTML5基础-新增标签+新增属性+布局案例

html5中常用的结构标签 article 文章 header 头部 nav 导航 section 区域 aside 侧边栏 hgroup 区块的相关信息 figure 定义一组内容及标题 figcaption 定义figure元素的标题 footer 底部 dial...[2019/12/30]

你的按钮到底在帮助用户还是在误导用户?

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。 原文出处:https: blog.bitsrc.io/do-your-buttons-lead-or-mislead-your-users-d5d83531238b   ...[2019/12/27]

Html5获取高德地图定位天气的方法

注:使用的是的模块注入方式,适用各种前端单页面应用及H5 创建一个AMap.js文件 AMap.js 高德map https: webapi.amap.com/maps?v=1.4.11&key=你的高德地图的key export default fun...[2019/12/27]

第一篇:前端知识之HTML内容

第一篇:前端知识之HTML内容

HTTP协议介绍 什么是HTTP协议 超文本传输协议,规定了浏览器与服务端之间数据传输的格式。 HTTP协议的四大特性 基于请求响应 一次请求对应一次响应 基于TCP/IP作用于应用层之上的协议 无状态 不保留客户端的状态(如记录用户的登录密码和账户) 因此产生了cookie,s...[2019/12/26]

新手如何创建一个vue项目 ---vue---新手创建第一个项目

1、第一步安装node.js https: nodejs.org/en/ 前期可以下载软件包,后期熟练以后可以通过nvm进行 Node的版本切换以及升级 然后window+r  输入cmd 打开命令行  输入node -v  查看版本号 ...[2019/12/25]

vue的组件通讯 父传子 -- 子传父-- 兄弟组件的传值 vue的组件传值

vue的组件通讯 父传子 -- 子传父-- 兄弟组件的传值 vue的组件传值

首先文字简单撸一下 父子传子   -------首先在父组件上绑定一个属性,在子组件里用props接收,可以是数组或者是对象 子传父   ------在父组件升上自定义一个方法,在子组件里通过this.$emit("父组件上的方法名",a)&n...[2019/12/25]

鼠标滚轮事件&amp;Mac触控板双指事件

因为下一阶段要做的一个工作是开发一个WEB端的K线图,所以这一周一直在研究这方面的东西,其中涉及到的一个知识点是鼠标滚轮事件和Mac的触控板双指事件,发现这里面还是有一些坑的。 1. 用哪个事件 The wheel event fires when the user rotates a w...[2019/12/24]

前端之道

这篇文章会为一个总结,一个大纲.我会在上面列举一些前端该学习的东西.   1:面试之道 2:浏览器 3:网络协议 4:设计模式 5:工程化 6:性能优化 7:前端安全 8:自动化测试 9:工具调试 10:算法与数据结构 11...[2019/12/20]

HTML5 客户端数据库简易使用:IndexedDB

IndexedDB介绍 IndexedDB是一种能在浏览器中持久的存储结构化数据的对象数据库,并且为web应用提供了丰富的查询能力。 相比于Web SQL数据库它更加简单,而且官方标准中关于Web SQL的工作已经停止。 相比于Web Storage,IndexedDB存储空间是无上限...[2019/12/19]

highreport报表工具功能介绍

highreport报表工具功能介绍

目前国产报表工具大部分都是Java版本,例如润乾和帆软,而C#写的报表工具国内还没有,介绍一款VS2010(C#)写的国产报表工具(highreport),采用类Excel设计,零代码实现复杂报表展示、复杂表单填报、图表展示、参数面板、系统管理、大屏可视化、导出、打印等。 &nbs...[2019/12/18]

VueCLi3 配置less变量

Step1. 文档介绍 1 vue-cli c 预处理文档: https: cli.vuejs.org/zh/guide/c .html#自动化导入 2 le 文档: https: www.w3cschool.cn/le le _variables_overview.h...[2019/12/17]

ES6转ES5

  本人近期接到一个天大的“好消息”:zxbc项目某些客户为保险业等种种原因要支持IE……  2013年,ES6草案冻结,2015年6月,ES6正式通过,成为国际标准。都9102啦,Chrome还好啦,升级到最新版本,大部分ES6还是o...[2019/12/16]

《Dotnet9》系列之建站-中文站最好WordPress主题,自媒体,博客,企业,商城主题一网打尽

大家好,我是Dotnet9小编,一个从事dotnet开发8年+的程序员。本文介绍WordPre 主题JustNews,本站Dotnet9既是使用WordPre + JustNews主题搭建而成的。 WordPre 是世界上流行的建站程序,英文世界中有超过10,000个WordP...[2019/12/16]

wx-icon和progress

wx-icon和progress

基本内容 index.wxml <!--index.wxml--> <view cla ="container"> <!--icon text progre --> <!--succe , succe _no_circ...[2019/12/16]

wx-一个简单页面

wx-一个简单页面

一个具有顶部,底部和中间的html页面,但没有js <view cla ="root"> <!-- 标签栏的页签 固定高度 --> <view cla ="tabs"> <view cla ...[2019/12/16]

wx-all

学习这部分时也学了不少代码,一段一段往这上面写实在有点~~~ 直接把代码部署到代码该在的地方吧,哈哈哈 这是网址 把代码放这上面就好多了,不怕代码丢,还可保证代码完整,嘻嘻嘻~~~~~~ 原文链接:http: www.cnblogs.com/ygjz p/12045461.ht...[2019/12/16]

div拖拽效果 JQuery

1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta name="description" content="jQuery拖拽div" /> 5 <meta charset=...[2019/12/11]

html汇总

原文链接:http: www.cnblogs.com/zyc p/12013286.html[2019/12/11]

浮动后塌陷问题解决方法

  如果是li浮动导致ul没有宽度,给ul手动设置一个宽度或者给div一个overflow:hidden; 原文链接:http: www.cnblogs.com/wanghao1994/p/12019345.html[2019/12/11]

HTML常用标签 - 纪宇-年华

HTML常用标签 - 纪宇-年华

注释 <!-- 注释内容 --> 标签使用样式 开始标签<a > 标签体 </a>结束标签 自闭合标签,eg:<br>,<hr>,<input><img> 标签属性 通常为键值对形式出现...[2019/12/9]

Missing associated label more... - 纪宇-年华

1、加上placeholder,可以为空 2、放在label标签中 原文链接:http: www.cnblogs.com/jiyu-hlzy/p/12006461.html[2019/12/9]

HTML表单模板 - 纪宇-年华

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Practice</tit...[2019/12/9]

56
2
记录数:933 页数:1/1912345678910下一页尾页
加载更多