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

canvas与svg整理与区别

1.canvas画布(位图) 2.绘制矢量图 1.不要在style中给canvas设置宽高 会有位移差 2. 获取元素 var c=document.getElementById("c") 获取绘图环境 var c=c.getContext("...[2019/5/22]

如何在Canvas中添加事件的方法示例

作为一个前端,给元素添加事件是一件司空见惯的事情。可是在Canvas中,其所画的任何东西都是无法获取的,更别说添加事件,那么我们对其就束手无策了吗?当然不是的!我们在平时项目中肯定都用过许多Canvas的框架,我们发现事件在这些框架中已经使用的十分成熟了,而且并没有出现特别严重的问题。那么我们可以...[2019/5/22]

FrontPage怎么创建留言簿网页?_Frontpage教程

留言簿的样式就是表单,表单中的文本区表单域用于接收浏览都输入的多行信息,如浏览者对产品的意见等。当输入的信息超出了文本框的显示范围时,文本框会自动向上滚动。该怎么制作这个效果的留言簿呢?下面我们就来看看FrontPage留言簿的制作方法。 软件名称:Microsoft Frontpage 20...[2019/5/21]

FrontPage怎么使用复选框? FrontPage复选框的用法_Frontpage教程

复选框通常成组出现,浏览者可以同时选择其中的几个。同组的复选框可共用一个组名,在提交表单时,所有选中的复选框的取值将和组名一起被送到WEB服务器上,该怎么使用FrontPage中的复选框功能呢?下面我们就来看看详细的教程。 软件名称:Microsoft Frontpage 2013 32位 简...[2019/5/21]

Html5内唤醒百度、高德APP的实现示例

前几天,联合黑卡反馈了一个需求,需要在H5中打开百度APP或者是高德APP,于是我在网上查了相关文档,下面放上链接: 1.高德地图 2.百度地图 具体思路就是点击选择地图的时候,先去请求APP链接,800毫秒后无响应,再跳转至H5链接。这样的做法有一点不好就是不管跳不跳APP,都会跳到H5的链...[2019/5/21]

SAP Portal 上传资源到WRR

SAP Portal 上传资源到WRR

Uploading Resources to the Web Resource Repository Prerequisites You have been a igned the Content Administrator role. Context You can upload W...[2019/5/20]

X5内核浏览器,video兼容

使用vue-video-player在移动端微信内置浏览器打开,点击视频自动全屏问题。 参考官方 API 是 H5 同层浏览器的原因,可通过设置video属性来处理。  <video-player cla ="video-player vjs-custom...[2019/5/20]

鲜为人知的HTML5语音合成功能

听一下就会发现,播放出来的声音并不是预先录制好的音频资料,而是通过文字识别后合成的语音 请先戴上耳机,然后将下面的代码复制到chrome控制台中体验~ let msg = new SpeechSynthesisUtterance("欢迎你阅读我的博客"); w...[2019/5/20]

【带着canvas去流浪(10)】文字烟花

目录 一. 文字烟花 二. 动画原理 2.1 像素操作 2.2 烟花生成算法 2.3 计时器 示例代码托管在:http: w...[2019/5/17]

H5新增form控件和表单属性

第一个知识点:表单的属性及总结 第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢   text  文本框标签   pa word 密码框   checkbox 多选框   radio  单选框   button  按钮 ...[2019/5/16]

src属性与浏览器渲染

img标签 只要设置了src属性, 就会开始下载,因此可以使用这个特性,配合display:none,默默的下载一些图片,用的时候直接用,快了那么一丢丢~ 注意:不一定要添加到文档后才会开始下载,是只要一设置src属性就会下载:观察下面代码: window.addEventListener...[2019/5/16]

HTML5新增form控件和表单属性实例代码详解

第一个知识点:表单的属性及总结 第二个知识点:H5新增的表单控件和属性以及总结 第一个知识点: 我们常见的表单验证有哪些呢   text  文本框标签   pa word 密码框   checkbox 多选框   radio  单选框   button  按钮 ...[2019/5/16]

微信浏览器video播放视频踩坑

微信浏览器video播放视频踩坑

video属性介绍 iOS的属性 playsinline On iPhone, video playsinline elements will now be allowed to play inline, and will not automatically enter fullscreen...[2019/5/15]

Bootstrap4中栅格系统CSS中 col-sm-* col-md-* col-lg-*的意义以及当其同时具有col-xs-* col-sm-* col-md-* col-lg-*的含义

根据Bootstrap--Grid 中 col-sm-* col-md-* col-lg-* col-xl-*的意义: .col-sm-* 小屏幕 手机 (≥ 576px) .col-md-* 中等屏幕 平板 (≥ 768px) .col-lg-* 大屏幕  桌面...[2019/5/14]

基于Html5实现的语音搜索功能

细心的朋友可能会观察到谷歌搜索右侧有个语音搜索功能,能够实现语音识别功能,可能功能还不够完善,不过也算是一种趋势,下面就介绍一下如何实现此功能,代码如下: <input type="text" name="test" x-webkit-sp...[2019/5/14]

使用html5实现表格实现标题合并的实例代码

使用html5实现表格实现标题合并的实例代码 这样的需求不在少数,比如表格中相邻的列具有相同的内容,那么标题就完全可以使用一个,那么合并标题就是十分重要的,让用户感觉也会更加人性化,代码实例如下: <!DOCTYPE html> <html> <h...[2019/5/14]

Html5 滚动穿透的方法

问题背景: 网站需要在移动端完成适配,针对移动端H5以及web端采用的都是bluma这种flex布局解决方案 在H5中使用的列表采用的是 react-virtualized 来绘制表格 为了展示表格中单行数据的具体详情,通常的解决方案是采用新页面或者是弹窗来完成。 这里采用的是弹窗...[2019/5/14]

html学习笔记

Html的学习                         ...[2019/5/13]

photoshop正确的打开方式

首先这边我先贴一个地址:https: www.adobe.com/cn/product photoshop.html 安装软件,这里就不赘述了,真的不会,可以百度^_^我当初就是百度的,哈哈 说到PS,作为前端开发的同学,一点都不陌生 前端需要掌握的PS知识,也不是很多 针对...[2019/5/13]

小程序导航栏跟随滑动

小程序导航栏跟随滑动

效果图 .wxml <view cla =''tabBar''> <view cla =''tabItem wx:if="{{tabClick===0?"click":""}}"'' bindtap=''clickTab'' data-index=''0''&...[2019/5/9]

HTML常用标签

HTML常用标签(页面)• <p>-段落(paragraph)• 标签<h1>到<h6>标题元素。 <h1>定义了最大的标题元素,<h6>定义了最小的。• <br />换行标签。• ...[2019/5/8]

移动端 移动布局

移动布局 1.移动设备有 手机和ipad 安卓系统 ios系统 安卓系统的内置浏览器是谷歌 ios内置 safari浏览器 他们的内核都是web,不考虑兼容性,需要考虑的问题是安卓和ios的区别? 2.布局(写页面) 要考虑以下几点 设置的宽度 设备的实际大小(设备的分辨率...[2019/5/8]

【带着canvas去流浪(9)】粒子动画

【带着canvas去流浪(9)】粒子动画

目录 一. 粒子特效 二. 开发中遇到的问题 2.1 卡顿 2.2 轨迹 2.3 复位 2.4 防护层 2.5 二维向量类 ...[2019/5/8]

css3可拖动的魔方3d

c 3可拖动的魔方3d 主要用到知识点: c 3 3d转换 原生js鼠标拖动事件 display:grid 布局 实现的功能 3d魔方 可点击,可拖动 直接看效果 html: <div cla ="container"> <...[2019/5/7]

canvas炫酷时钟

canvas炫酷时钟 实现的功能 主要用到canvas的一些基础api 直接看效果 html: <canvas id="myCanvas" width="500" height="500"></canvas...[2019/5/6]

如何在“代码”视图中工作并充分利用 Dreamweaver 的编码功能。如 Emmet 缩写

可通过多种方式在 Dreamweaver 中处理代码。 您可以使用“新建文档”对话框打开新的代码文件,然后开始键入您的代码。 在 Dreamweaver 中创建新的代码文件 键入时,会显示代码提示以帮助您选择...[2019/5/6]

jquery的浪漫(跑马灯 + 雪花飘落)

jquery的浪漫 主要用到知识点: 鼠标事件onmousedown() onmousemove() onmouseup() jquery的运用,对dom元素的增删改查 c 3 3d 功能的灵活运用 实现的功能 跑马灯效果 文字自动输入 雪花飘落 鼠标点击 滑动生成雪花 背景音乐等 看效果 ...[2019/5/6]

WebGL的颜色渲染-渲染一张DEM(数字高程模型)

目录 1. 具体实例 2. 解决方案 1) DEM数据.XYZ文件 2) showDEM.html 3) showDEM.js 4) 运行结果 ...[2019/5/5]

Header解析

Header解析

不管是作为后端还是前端开发人员,对于web请求的过程和参数都是需要了解的。 下面是对一次简单的http请求的header分析,作为自己的一个总结,也希望对大家有所帮助。 以Chrome为例:   我们对header的参数挨个分析  General ...[2019/5/5]

03.媒体查询

    媒体查询 设备终端的多样化,直接导致了网页的运行环境变的越来越复杂,为了能够保证我们的网页可以适应多个终端,不得不专门为某些特定的设备设计不同的展示风格,通过媒体查询可以检测当前网页运行在什么终端,可以有机会实现网页适应不同终端的展示风格。   媒体类...[2019/5/5]

07.移动端类库

  iScroll.js 一个可以实现客户端原生滚动效果的类库。 1、下载iScroll 2、build目录下提供了不同版本的iScroll,可根据情况选择使用 3、html要求有3层结构如下图 4、获取wrapper这个最外层结点,然后实例化,如下图 ...[2019/5/5]

深入了解canvas在移动端绘制模糊的问题解决

由于一些移动端的兼容性原因,我们某个项目需要前端将pdf转换成在移动端页面可直接观看的界面。为了方便解决,我们采用了pdf.js这个插件,该插件可以将pdf转换成canvas绘制在页面上。不过,在测试过程中却发现,在移动端的浏览器上, 绘制的内容展示十分模糊(如下图),经过分析之后发现是由于移动端...[2019/5/5]

vue实现随机验证码功能

效果图:   1.html代码 1 <div cla ="form-group" style="display: flex;"> 2 <div> 3 ...[2019/4/30]

提交表单的时候会出现提交两次的问题

咳咳!小白的第一篇随笔 实习期的第一项任务-》完成一个注册功能   所有功能都都可以正常运行了,到了套界面这一步骤的时候,等我套好注册界面,再点提交给出了两个提示 第一个提示: 紧接着第二个提示: 找了好久才找到,原因是在提交按钮那里调用了两次save...[2019/4/30]

2-1 模块组件模板目录层级及简单定义

1. 简单定义   @Component():装饰器     @Component():       组件元数据装饰器         元数据:        selector:c 选择器,可以用app-root来调用        temlateUrl:模板html位置      ...[2019/4/30]

自学WEB前端到什么程度才能就业

做过多年web前端从业者,回答下这个问题 首先,这个问题主要问:自学web前端技术,如果才能找到一份web前端的工作。按照现在的招聘标准来看,无论你去哪个公司面试,你只需要满足他们公司的需求就可以。 找到一份web前端工作需要掌握的内容如下: 首先是html,c 这些简单的静态布局这是最...[2019/4/30]

ajax入门简述

ajax 全称为 “Asynchronous JavaScript and XML”(异步 JavaScript 和 XML),是一种创建交互式网页应用的网页开发技术,本质上是一个浏览器端的技术,就是在不跳转页面的情况下,实现对服务器的访问并返回数据,将数据局部...[2019/4/30]

vue仿微信网页版|vue+web端聊天室|仿微信客户端vue版

vue仿微信网页版|vue+web端聊天室|仿微信客户端vue版

一、项目介绍 基于Vue2.5.6+Vuex+vue-cli+vue-router+vue-gemini-scrollbar+swiper+elementUI等技术混合架构开发的仿微信web端聊天室——vueWebChat,实现了发送消息、表情(动图),图片、视频预览,右...[2019/4/30]

『vue踩坑日常』 在index.html中引入静态文件不生效

Vue日常踩坑日常 —— 在index.html中引入静态文件不生效问题 本文针对的是Vue小白,不喜勿喷,谢谢 出现该问题的标志如下 控制台warning(Resource interpreted as Stylesheet but transferred with MIME type t...[2019/4/29]

Express全系列教程之(九):将session上传至mysql数据库

一、简介 实际引用中,有些公司在不同地区会设置不同服务器,因此就需要用到nginx以实现负载均衡,这时,将se ion数据保存至数据库就成为了需要面对的问题,我们以MySQL数据库为例,看看他是如何将数据上传至mysql中的。在npm上有一个叫做:expre -mysql-se ion的模块,主...[2019/4/29]

canvas实现画板

canvas实现画板 主要用到知识点: 鼠标事件onmousedown() onmousemove() onmouseup() onmouseleave() 事件委托 canvas的一些方法 如:绘制线条moveTo() lineTo() stroke() 撤销功能getImageData() ...[2019/4/29]

html5中监听canvas内部元素点击事件的三种方法

html5中监听canvas内部元素点击事件的三种方法

canvas内部元素不能像DOM元素一样方便的添加交互事件监听,因为canvas内不存在“元素”这个概念,他们仅仅是canvas绘制出来的图形。这对于交互开发来说是一个必经障碍,想要监听图形的点击事件思路很简单,只要监听canvas元素本身的点击事件,再判断点击坐标位于哪一...[2019/4/29]

Html5实现单张、多张图片上传功能

前言 今天我们聊一聊图片上传,单张Or多张 ,如今,各大图片上传插件数不胜数,例如:Jquery的 verupload.js,jQuery File Upload、Uploadify、jQuery.filter等等。But。上面说到的这些插件,今天我们不谈,我们来看一看使用HTML5中的Fil...[2019/4/29]

浅谈HTML5新增和废弃的标签

一、废弃的标签 以下的 HTML 4.01 元素在HTML5中已经被删除,虽然浏览器为了兼容性考虑都还支持这些标签,但建议使用新的替代标签,矛盾的是老浏览器对新标签的支持度又不够,视项目的受众对象而定了。 1、能用CSS代替的元素 这些元素包含basefont、big、center、f...[2019/4/29]

Html5: Drawing with text

<!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="...[2019/4/28]

小试小程序云开发

微信小程序刚出没多久时,曾经上手写过demo,但开发体验比较差,所以一直没怎么关注。不过自从诸多适配方案出炉,以及云端的开通,觉得还是有必要上手体验一番的,于是为我的技术博客也写了个小程序版。 原生开发我是不想再试了,那就选一种适配方案,目前比较知名的有基于vue的 mpvue,umi-app,...[2019/4/28]

canvas实现随机验证码

canvas实现随机验证码 知识点 canvas生成背景图和文字 设置字体样式和大小 String的fromCharCode(code码)生成大小写字母和数字 str.toLowerCase()转小写 随机抽取不重复的6位数字组成验证码字符串 效果图 html: <div cl...[2019/4/28]

WebGL three.js学习笔记 阴影与实现物体的动画

实现物体的旋转、跳动以及场景阴影的开启与优化 本程序将创建一个场景,并实现物体的动画效果 运行的结果如图: 完整代码如下: <!DOCTYPE html> <html lang="en"> <head> <meta cha...[2019/4/26]

vue中的img src 动态加载本地json的图片路径写法。

目录: 注意:本地json文件和json文件里的图片地址都必须写在static 静态文件夹里;否则json文件里的url地址找不到。   major_info.json文件里的图片路径写法   页面通过v-bind的方式加载: &nbs...[2019/4/26]

css3 之炫酷的loading效果

c 3 之炫酷的loading效果 今天实现了一个炫酷的loading效果,基本全用c 来实现,主要练习一下c 3的熟练运用 js需要引入jquery 只用到了一点点js 先看效果图 html: <div cla ="box"> <di...[2019/4/26]

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