
Web前端
忙碌的布谷鸟
HDE华为开发者专家、HCDE华为云开发者专家、软件设计师、计算机程序设计员(技师)
展开
-
下载微信公众号或订阅号的文章封面图片
发送到任意一个微信好友,直接在浏览器的地址栏里粘贴链接访问网页。在网页中右键单击鼠标,选择查看源文件。msg_title 后面的就是图文消息的标题;msg_desc 后面的值是图文消息的摘要内容;msg_cdn_url 后面的值是封面图片url;msg_link 后面的值是图文消息的链接地址;msg_cdn_url 后面的url就是我们要的封面图地址了...原创 2020-10-10 09:08:24 · 670 阅读 · 0 评论 -
Web前端学堂
Web前端学堂公众号,从运营到现在已经有1000粉丝了,虽然不多,但我将会继续努力,为大家分享。对Web前端感兴趣的同学们,可以关注一下~内容涉及HTML5、CSS3、JavaScript、ES6、jQuery等Web前端基础内容;涵盖AngularJS、ReactJS、VueJS、NodeJS等相关前端流行技术。------------------------------原创 2018-01-11 16:18:41 · 544 阅读 · 0 评论 -
NodeJS中,Express获取request所传递的数据方式
在nodejs的Express中,可以通过 req.body、req.query和req.params 三种形式来获取请求数据。第一种情况:http://localhost:3000/testparams/lixing,服务端代码这样写:router.get('/testparams/:anything', function (req, res) {res.send('anythin原创 2017-06-27 14:04:41 · 6855 阅读 · 0 评论 -
Ajax访问Servlet的跨域请求问题—Access-Control-Allow-Origin
用户名: 密码: $('#sender').click(function(){ var userName=document.getElementById('userName').value; var userPwd=document.getElementById('userPwd').value; var user={userName:userName,userPwd:use原创 2017-03-16 20:11:56 · 4139 阅读 · 0 评论 -
Servlet解析JSON数据和发送JSON数据
package com.qst.util;import java.io.BufferedReader;import java.io.IOException;import java.io.InputStreamReader;import java.io.UnsupportedEncodingException;import javax.servlet.http.HttpServletRe原创 2017-03-16 13:11:12 · 42036 阅读 · 1 评论 -
webpack-dev-server远程访问配置
下面的package.json文件中配置的webpack-dev-server为开发模式,可以使用http://localhost:8080或http://127.0.0.1:8080进行访问"scripts": { "dev": "cross-env NODE_ENV=development webpack-dev-server --open --hot",原创 2017-03-29 09:53:44 · 8436 阅读 · 1 评论 -
JavaScript中Promise详解
概述所谓Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。(这里的翻译源自ECMAScript 2015关于Promise的解释,没有原文翻译MDN的原话,如果您有疑问,可以参看英文的说明文档:https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Ob原创 2017-03-06 11:49:34 · 3612 阅读 · 0 评论 -
体验异步的终极解决方案-ES7的Async/Await
阅读本文前,期待您对promise和ES6(ECMA2015)有所了解,会更容易理解。本文以体验为主,不会深入说明,结尾有详细的文章引用。第一个例子Async/Await应该是目前最简单的异步方案了,首先来看个例子。这里我们要实现一个暂停功能,输入N毫秒,则停顿N毫秒后才继续往下执行。var sleep = function (time) { return转载 2017-03-06 11:43:43 · 1611 阅读 · 0 评论 -
HTML 5 Notification消息通知DEMO示例
Web Notifications是HTML5中一个令人欣喜的新特性,它支持开发者配置和显示桌面通知,为用户提供更好的体验,最令人称赞的是,即使用户忙于其他工作时也可以收到来自页面的消息通知,例如一个新邮件的提醒,或者一个在线聊天室收到的消息提醒等等。一个桌面通知生成的正常流程检查浏览器是否支持Notification检查浏览器的通知权限(是否允许通知)若权限不够则获取浏览器的通知权限原创 2016-06-21 13:24:17 · 13501 阅读 · 2 评论 -
基于HTML 5中的Server-Sent Events的Demo示例
1.The MessageEvent interfaces[Constructor(DOMString type, optional MessageEventInit eventInitDict), Exposed=(Window,Worker)]interface MessageEvent : Event { readonly attribute any data; reado原创 2016-07-06 16:56:51 · 1796 阅读 · 0 评论 -
Chrome开启Notification通知等权限
1.在Chrome浏览器的地址栏左侧,点击控制中心图标,如下图所示:2.在弹出的控制中心,可以直接设置“通知”方式,也可以通过“”网站设置“”进行更多设置,如下图所示:3.在网站设置窗口的通知部分,进行设置即可,如下图所示:原创 2016-07-04 17:07:55 · 21510 阅读 · 0 评论 -
FireFox开启Notification通知等权限
1.在火狐浏览器的控制中心(地址栏左侧),如下图所示:2.在弹出的控制中心窗口,改变权限方式,如下图所示:3.如果上图的权限不能修改,点击上方的网站对应的右箭头,弹出提示对话框,如下图所示:4.点击更多信息,进入设置窗口,如下图所示:5.在权限选项卡中,改变接收通知的方式,如上图所示。6.刷新页面,继续第2部权限修改操作。原创 2016-07-04 16:41:49 · 3446 阅读 · 1 评论 -
HTML 5调用摄像头并进行拍照
一般情况下,DOMContentLoaded事件要在window.onload之前执行,当DOM树构建完成的时候就会执行DOMContentLoaded事件,而window.onload是在页面载入完成的时候,才执行,这其中包括图片等元素。大多数时候我们只是想在DOM树构建完成后,绑定事件到元素,我们并不需要图片元素,加上有时候加载外域图片的速度非常缓慢。Documentvid原创 2016-07-01 16:54:12 · 25722 阅读 · 5 评论 -
HTML5 WebSocket DEMO示例
1.使用Eclipse+Tomcat8环境进行演示2.创建一个Servlet用于接收客户端的请求数据,并进行处理package com.jCuckoo.server;import java.io.IOException;import javax.websocket.OnClose;import javax.websocket.OnMessage;import javax.web原创 2016-06-15 16:16:22 · 16287 阅读 · 1 评论 -
HTML5 离线缓存DEMO示例
1.index.manifest文件配置CACHE MANIFEST#chrome浏览器支持,火狐浏览器支持度不够好#version 1#author by guoquanyou#CACHE:其后列出的是需要缓存的内容CACHE:index.htmlcss/index.cssimg/girl.jpg#NETWORK:其后列出的是不进行缓存的内容,每次都需要从服务器端获取原创 2016-06-15 14:15:55 · 4890 阅读 · 1 评论