经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5
网页前端常用网络状态码列表

网页前端常用网络状态码列表

网络请求编码表示会从你是否关注Request head的哪些内容入手,一般关注点放在statusCode和method上就够用,重点200,304。同时掌握了基础后希望注意的点为文件上传的内容(百度问过断点续传的实现) 200: ‘服务器成功返回请求的数据。’,...[2019/11/14]

单个视频播放控制&默认横屏播放

单个视频播放控制&默认横屏播放

一、视频列表中控制只允许一个视频播放 获取DOM中所有的video标签 var videoTags = document.querySelectorAll('video'); 控制播放的视频暂停 var pauseAll = function () { 改...[2019/11/14]

搭建Vue开发环境

1.安装Node.js 安装包下载地址: https: nodejs.org/en/ 安装时可以选择是否自动安装必要的工具,如Chocolatey、Python2,这里我选择了自动安装 Node.js安装结束后,打开cmd输入 node -v ,回车,会输出node的版本号则...[2019/11/14]

HTML5实现无刷新修改URL

前言 今天在做一个vue的搜索功能,需要从搜索结果页面跳转到细节页面,然后点击返回还能返回到刚刚的结果页面,如果只用window.history.go(-1)当然会重新刷新搜索页面,当然是不行的。 我尝试了俩种方式来修改url: window.location.href,拼接一个搜索...[2019/11/14]

vue 实现 rem 布局的 或者 vw 布局的方法

vue 实现 rem 布局的 或者 vw 布局的方法 一、实现 rem 布局 移动端 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-sc...[2019/11/13]

基于vue+uniapp直播项目|uni-app仿抖音/陌陌直播室

基于vue+uniapp直播项目|uni-app仿抖音/陌陌直播室

 一、项目简介 uni-liveShow是一个基于vue+uni-app技术开发的集小视频/IM聊天/直播等功能于一体的微直播项目。界面仿制抖音|火山小视频/陌陌直播,支持编译到多端(H5、小程序、App端) 且兼容效果一致。 二、效果预览 在H5、小程序、App端测试效果如...[2019/11/12]

HTML5播放视频,并使用ffmpeg对视频转编码

网页加入视频可以用h5自带的video标签,这里用一个jQuery封装优化好的video视频组件videojs。 videojs官方网站:https: docs.videojs.com/index.html videojs下载:https: github.com/videoj vid...[2019/11/12]

去掉图片黑背景输出为透明背景

最近遇到了一个需求,是要去掉一张图片的黑色背景,如下图所示: 如果使用OPENCV ,加上一些图像处理的算法,是可以实现去除任何背景的。但是由于这个需求就是去掉黑色背景,感觉没必要用到哪些比较复杂的算法。 于是打算在网络上搜索了一下,开始没有搜搜到,倒是搜索到一篇用ps如...[2019/11/12]

iframe跨域的几种常用方法

背景 随着业务的发展,自然地会有一些公共的业务被抽离成为公共组件共各个项目使用。但是由于各个项目用到的技术栈都有所不同,所以这个公共组件就不能方便地被引用了。为解决这个问题,我们把这个组件写成了单独的页面挂到一个域名下,其他项目采用iframe或者webview的方式去加载这个页面,从而实...[2019/11/12]

python基础知识和练习代码

1.编译:将高级语言源代码转换成目标代码(机器语言),程序便可运行。 ?   好处:目标代码执行速度更快;目标代码在相同操作系统上使用灵活。 2.解释:将高级语言源代码逐条转换成目标代码同时逐条执行,每次运行程序需要源代码和解释器。 ?   好处:便于维护源代码;良好的跨平台可移植...[2019/11/11]

前端学习日记 (三)

CSS的引入 在早期,如果要去定义一个H1的标题的颜色、字体、大小和其他的显示特征,就需要用到HTML中的font或其他样式的指令,H1只是一个结构指令所以光有它是不够的。因此如果有多个标签要去进行处理,就会造成样式的重复,后期维护的困难。 那CSS的出现就解决了这一类的问题,CSS...[2019/11/8]

HTML5部分基础知识

web前端开发 一个XML的简单应用  代码如下: 1 <?xml version="1.0" encoding="utf-8"?> 2 3 <svg width="500" height="300" xmlns="http: www.w3....[2019/11/8]

前端学习日记 (二)

前端学习日记 (二)

form表单 使用时机当前后端有数据交互的时候用form表单 form表单提交数据的几个注意事项: 1.所有获取用户输入的标签都必须放在form表单里面 2.action控制着往哪提交 3.input\select\textarea都需要有name的属性,nane属性类似于字典...[2019/11/8]

vue-cli3使用svg

执行命令安装插件 npm install svg-sprite-loader --save-dev 在vue.config.js中,添加配置 module.exports = { ... chainWebpack: config => { ...[2019/11/8]

IE 报错 -- ‘SyntaxError:strict 模式下不允许一个属性有多个定义‘ ,基于vue element-ui页面跳转坑的解决

          原文链接:http: www.cnblogs.com/donghuang/p/11813032.html[2019/11/7]

Html5监听手机摇一摇事件的实现

MDN地址: https: developer.mozilla.org/zh-CN/doc Web/API/DeviceMotionEvent/DeviceMotionEvent 下面为vue实现代码 <template> <div id="S...[2019/11/7]

应用Tomcat进行多端口域名访问,并配置开启gzip压缩方法

1、除了默认的8080端口以外,我们尝试应用9090端口进行域名访问,打开server.xml 如图: 2、在代码里面进行添加如下9090下面的代码: 如图: 3、用9090端口进行访问 如图: 4、配置gzip,同样在server.xml文件中进行设置,添加代码...[2019/11/6]

h5视频video

https: codepen.io/121595113/pen/qNZPZa 原文链接:http: www.cnblogs.com/ruruo/p/11799634.html[2019/11/6]

vue+vant-UI框架写的购物车的复选框全选和反选

vue+vant-UI框架写的购物车的复选框全选和反选

购物车页面的设计图     商品的列表      代码: 1 <ul v-if="shoppingListData.rows.length"> 2 <li 3 v-...[2019/11/5]

Vue通过WebSocket建立长连接

使用场景:   在项目开发中,后端需要处理一连串的逻辑,或者等待第三方的数据返回来进行处理之后在返回给前端,可能时间会很长,而且前端也不知道后端什么时候能处理好(时间长的话会达到10分钟左右),如果采用普通的HTTP连接,前后端无法一直保持联系,麻烦的时候可能还需要采用轮询的机制,所以...[2019/11/5]

解决HTML5中的audio在手机端和微信端的不能自动播放问题

解决HTML5中的audio在手机端和微信端的不能自动播放问题

再做H5页面的时候,发现audio在手机端和微信端添加了autoplay以后还是不可以自动播放,这是因为手机端为了节约流浪所设置的 通常解决方法是给一个交互事件: 标签: <audio loop src="/photo/aa.mp3" id="...[2019/11/5]

一组开源免费的Web动画图标

介绍 titanic是在Github上开源的一组免费的动画图标,可以将其简单的运用到网页中,而且代码及其简单,但是动画效果却很不错,动画图标和静态图标的不同之处在于它可以让你的网页更加富有活力,让产品更加具备视觉吸引力,一起来看看! 开源首页 https: github.com/icons8/tit...[2019/11/4]

前端学习日记 (一)

前端介绍 前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML、CSS、JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。它从网页制作演变而来,名称上有很明显的时代特征。 HTML用于展现网页的内容、CSS用于展现网页的外观...[2019/11/4]

第五周(web,machine learning笔记)

2019/11/2 1、    表现层状态转换(REST, representational state transfer.)一种万维网软件架构风格,目的是便于不同软件/程序在网络(例如互联网)中互相传递信息。表现层状态转换是根基于超文本传输协议(HTT...[2019/11/4]

小程序自定义tabbar custom-tab-bar 6s出不来解决方案,cover-view不兼容

1.从微信小程序的官网扣下来的demo,实际测试中,发现6s ios10 系统不兼容,里面的内容出不来 <cover-view cla ="tab-bar"> <cover-view cla ="tab-bar-border"></cover-...[2019/11/1]

element-ui开始日期结束日期限制

链接如下: https: blog.csdn.net/qq_33769914/article/detail 83856268 https: www.cnblogs.com/YuKiee/p/9651240.html 原文链接:http: www.cnblogs.com/Former...[2019/11/1]

HTTP中的301、302、303、307、308

结论 3XX开头的HTTP状态码都表示重定向的响应。 301、308是永久重定向;302、303、307是临时重定向。 301、302是http 1.0的内容,303、307、308是http1.1的内容。 301和302本来在规范中是不允许重定向时改变请求method的(将POST改为...[2019/10/30]

HTML5页面介绍

1、<!DOCTYPE html>     文档声明:用于告诉浏览器使用html哪个版本的标准解析页面,此写法代表使用html5的标准去解析 2、<html>     根标签,除了文档声明所有内容都在...[2019/10/30]

是时候拯救我的 HTML 技术了

和 JavaScript、CSS 相比,HTML 经过三十多年的发展,似乎逐渐走进无人问津的角落,如何才能让 HTML 再次回到人们视野的中心。 以下为译文: 有多少次,身为开发者的你编写了一个HTML块而没有意识到可能编码得并不理想? 1 为什么 HTML一直处于无人问津的角落,因为JavaS...[2019/10/29]

在内网中 vue项目添加ECharts图表插件

在内网中 vue项目添加ECharts图表插件

原文地址:https: www.cnblogs.com/aknife/p/11753854.html 最近项目中要使用到图表 但是项目在内网中无法直接使用命令安装   然后我在外网中弄个vue的项目(随便什么项目) 先使用npm install echart...[2019/10/29]

关于H5的一些相关基础知识

  HTML只是简写全写是(Hyper Text  Markup Language)表示的是:超文本标记语言;   HTML5表示的是html的第5次重大修改的第5个版本,(而html5是W3C和WHATWG合作的结果)   WHATWG指的是网页超文本应用技术小组是一...[2019/10/28]

基于 HTML5 Canvas 的楼宇自控系统

前言 楼宇自控是指楼宇中电力设备,如电梯、水泵、风机、空调等,其主要工作性质是强电驱动。通常这些设备是开放性的工作状态,也就是说没有形成一个闭环回路。只要接通电源,设备就在工作,至于工作状态、进程、能耗等,无法在线及时得到数据,更谈不上合理使用和节约能源。现在楼宇自控是将上述的电器设备...[2019/10/28]

正则表达式

正则表达式

参考:https: baike.baidu.com/item/%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F/1700215?fr=aladdin   是对字符串进行操作的一种逻辑公式;应用对象是文本。 正则表达式可以用...[2019/10/25]

HTTP Referer

什么是Referer? Referer是HTTP请求头信息里面的一个常见字段,它提供了访问来源的信息。比如说,在某网站上看到一个广告并点了进去,那么我就可能会在HTTP 协议在请求(request)的头信息里面看到Referer这一字段给出“引荐网页”的URL...[2019/10/25]

Html5与App的通讯方式详解

Html5与App的通讯方式详解

前言 现在不管是桌面客户端还是移动客户端,都会夹杂着一部分H5页面,这种混合式的应用也是我们常说的Hybrid App。为什么会出现Hybrid App呢,早期是因为开发一个Android或iOS的客户端,需要的人力成本比较大,开发周期比较长,后来有些团队就通过将部分页面拆分出来,由前端来完成...[2019/10/25]

为了防止页面重新自动加载,可以给a标签设置href=&quot;javascript:void(0);&quot;

<a href="javascript:void(0);"></a> <!--按照格式要求,此处的0不能省略!! 虽然省略看上去也没什么影响。但是当发生点击事件的时候, 就会报错: Uncaught SyntaxError: Une...[2019/10/24]

关于thymeleaf中th:if的使用

运用于判断表达式中时,关系判断使用 gt / ge / eq / lt / le / ne (即:使用缩写)   1 gt: great than(大于)> 2 ge: great equal(大于等于)>= 3 e...[2019/10/24]

Three中创建文字的几种方法

Three中创建文字的几种方法

1. DOM + CSS 传统html5的文字实现,用于添加描述性叠加文字的方法。一般使用绝对定位,并且保证z-index够大,用于显示在3D场景之上。 优点: 与CSS3D效果一致 缺点: 3d效果和运动还原不好 2. THREE.CanvasTexture 在canvas中绘制...[2019/10/23]

网站是HTTP?10分钟变成HTTPS!域名免费添加配置SSL证书,变成https//环境

  对于小程序request请求需要https域名、navigator.geolocation定位也需要在https环境下才可以生效等问题;  前端开发越来越需要https环境来来测试一下API接口和各类问题,今天来讲解一下怎么免费快速把普通的http网站配置升级成https协...[2019/10/23]

snkrs web端分析,canvas中的fingerpint

snkrs web端分析,canvas中的fingerpint 代码如下 (()=>{ const canvas = document.createElement("canvas"); canvas.width = 280; canvas.height = 6...[2019/10/23]

基于MUI框架+HTML5PLUS 开发 iOS和Android 应用程序(APP)

目录 事前准备 创建项目 利用MUI写一个简单的页面 关于文件打包 事前准备 # 软件 HBuilder X Web开发IDE 下载地址:https:...[2019/10/22]

HTML5开发常见的7个框架,你最常用哪个?

互联网的迅速发展,软件行业成了更多年轻人的就业选择。HTML5简单易学门槛低,是Web时代前端开发超好用的工具。而HTML5开发人员的就业薪资也远远高于其他行业。 资料显示,初级HTML5开发人员的平均薪资在8K-10K左右,拥有一定工作经验的人薪资普遍达到15K-20K。如此广阔的前景当然吸引了...[2019/10/21]

新手学Html之JSP简介——入门(一)

1.JSP:动态网页 静态动态:是否随着时间地点、用户操作的改变而改变 动态网页需要用到 服务端脚本语言(JSP) 2.架构 CS:Client Server 不足: a.如果软件升级、那么全部软件都需要升级 b.维护麻烦:需要维护每一台 客户端软件 BS:Bro...[2019/10/21]

新手学Html之JSP基础语法——入门(二)

JSP基础语法 JSP注释 comment.jsp 1 <%@ page language="java" contentType="text/html; charset=UTF-8" 2 pageEncoding="UTF-8"%> 3 <...[2019/10/21]

使用Eclipse开发Web项目(JSP)——简单登录、无sql

1.使用Eclipse开发Web项目(JSP) tomcat 2.在Eclipse中创建的Web项目: 浏览器可以直接访问webContent中的文件 例如http: localhost:8080/MyJspProject/index1.jsp 其中的index1.jsp就在...[2019/10/21]

git使用

版本控制工具-----代码管理工具 git--分布式            SVN--集中式 git基本指令 git init   初始化本地仓库...[2019/10/21]

HTML颜色名称大全

  所有浏览器支持的颜色名称,所有现代浏览器都支持以下140种颜色名称(单击颜色名称或十六进制值,以将颜色视为背景颜色以及不同的文本颜色): 有关HTML颜色的完整概述,请访问我们的颜色教程。 颜色名称十六进制值颜色效果阴影混合器 AliceBlu...[2019/10/18]

前端面试题套路--终极版(Vue、JavaScript)

前言 面试题是永远都准备不完的!!!!!   前端常见的一些问题 1.前端性能优化手段? 1. 尽可能使用雪碧图 2. 使用字体图标代替图片 3. 对HTML,c ,js 文件进行压缩 4. 模块按需加载 5. 资源懒加载与资源预加载 6....[2019/10/18]

HTML5中新增加的结构元素、网页元素和全局属性

HTML5新增的结构元素(新增的都是块元素,独占一行)   1) header 定义了文档的头部区域     <header>       <h1>网站标题<h1>     </header>  ...[2019/10/18]

HTML5远程工具

  因为有从网页直接远程其他windows电脑的需求,于是通过网上搜索找到下面几个解决方案,分享一下: 1.windows的远程桌面web连接tsweb 下载地址https: www.microsoft.com/ZH-cn/download/details.aspx?id=145...[2019/10/17]

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