![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Web开发
mvpzx
不积跬步,无以至千里;不积小流,无以成江海。
展开
-
::before和::after伪元素的使用
:before和:after伪元素在CSS中可以被用来添加元素、加小标、清浮动等。1 基本语法在 CSS3 中为了区别伪元素和伪类,伪元素使用了双冒号,因此如果使用了 display 或者 width 等属性时使得显示脱离了原本元素后,建议按照标准双 写。p::before {} p::after {}这两个伪类下特有的属性 content ,用于在 CSS 渲染中向元素逻辑上的头部或尾部添加内原创 2017-04-28 10:34:40 · 434 阅读 · 0 评论 -
前端实现导出数据到excel文件
网页中的实现方式引入所需的依赖文件<script src="https://cdn.bootcss.com/FileSaver.js/2014-11-29/FileSaver.min.js"></script><script src="https://cdn.bootcss.com/xlsx/0.11.3/xlsx.full.min.js"></script>s2ab函数function原创 2017-09-30 22:49:16 · 4177 阅读 · 2 评论 -
前端上传图片预览
前端上传图片预览此文将介绍两种方法来实现前端上传图片预览。方法1:FileReaderFileReader对象允许Web应用程序异步读取存储在计算机上的文件(或原始数据缓冲区)的内容,使用File或Blob对象指定要读取的文件。其中File对象可以是来自用户在一个<input>元素上选择文件返回的FileList对象,也可以来自拖放操作生成的DataTransfer对象,还可以是来自一个HTMLC原创 2017-09-09 19:32:37 · 2863 阅读 · 0 评论 -
jsPDF的避坑教程
jsPDF 是一个基于 HTML5 的客户端解决方案,用于生成各种用途的 PDF 文档。前言前两天做了一个在线制作问卷的网页,需要将设计好的问卷下载下拉,想到pdf格式比较稳定,就使用了jsPDF来生成文档,安利一下网页的地址:http://mvpzx.top/demo/qnaire/index.html引入依赖脚本原理上需要先把需要保存的节点渲染到一个canvas,然后利用这个canvas制作pd原创 2017-06-30 02:53:35 · 50555 阅读 · 37 评论 -
HTML5新特性
HTML5 是 HTML 标准的最新演进版本.它是同时包含了一系列可以被用来让 Web 站点和应用更加多样化,功能更强大的技术。HTML5 音频在audio标签内使用source引入不同格式音频已保证各浏览器均能播放。<audio> <source src="example.mp3"> <source src="example.ogg"></audio>HTML5 视频同audi原创 2017-07-09 17:34:24 · 338 阅读 · 0 评论 -
牛客网编程题:获取url中的参数
获取 url 中的参数题目描述: 1. 指定参数名称,返回该参数的值或者空字符串 2. 不指定参数名称,返回全部的参数对象或者 {} 3. 如果存在多个同名参数,则返回数组示例: 输入 http://www.baidu.com?key=1&key=2&key=3&test=4, ‘key’ 输出 [1, 2, 3]解决办法1function原创 2017-07-17 22:57:38 · 1491 阅读 · 1 评论 -
ionic自定义组件
简单暴力ionic自定义组件教程。目录结构(src)编写组件展开Components文件夹,先看mynavbar文件夹。mynavbar.html<div> <i (click)="goBack()"><img src="assets/svg/jiantou.svg" alt=""></i> {{ _title }}</div>mynavbar.scssmy-navbar {原创 2017-07-29 20:09:36 · 4157 阅读 · 0 评论 -
TypeScript入门教程
TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生 JavaScript 以确保兼容性。关于调试以下代码均在http://www.typescriptlang.org/play/index.html上运行通过。自动拆分字符串function test(te原创 2017-07-16 19:49:57 · 3882 阅读 · 0 评论 -
H5App-美丽天气
前段时间接触了mui,于是便做了一个H5天气app。1.预览已经用HBuilder打包成app在手机运行。 分别对应春夏秋冬。2.背景的实现背景的实现依靠了两个div,HTML如下:<div class="weather-cover"></div><div class="weather-content"></div>其中,cover是季节壁纸(准备了春夏秋冬四张),其CSS如下:.weath原创 2017-06-15 10:22:25 · 9149 阅读 · 3 评论 -
AJAX理论学习
什么是AJAX?AJAX = 异步JavaScript和XML。AJAX是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,AJAX可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下,对网页某个部分进行更新。XMLHttpRequest是AJAX的基础。XMLHttpReauest对象所有现代浏览器均支持XMLHttpRequest对象(IE5和IE6使用Active原创 2017-06-09 18:12:35 · 277 阅读 · 0 评论 -
前端面试题(二)
最近应聘前端开发,遇到不少问题,在此作个总结整理。1. AJAX发送请求为什么会乱码?怎样解决?摘要: 有的时候虽然设置了全站的编码,但仍可能出现中文乱码的问题,主要体现在get方法提交的请求。1.1 从客户端到服务器端:url地址后要传中文参数,url就要编码,用encodeURI(url)方法。这里要注意encode方法要使用两次,即encodeURI(encodeURI(url));如果只使原创 2017-06-18 09:29:17 · 291 阅读 · 0 评论 -
前端面试题(一)
最近应聘前端开发,遇到不少问题,在此作个总结整理。1.请实现一个函数,将一个字符串中的空格替换成“%20”。例如,当字符串为Hello World,则经过替换后为Hello%20World。思路:正则表达式、replace函数function convertSpaceTo%20 (str) { var newstr; newstr = str.replace(/\s+?/g, "%2原创 2017-06-17 12:46:18 · 447 阅读 · 2 评论 -
JS过滤HTML标签
在前端开发中,我们很有必要过滤掉用户输入的文本中的HTML标签以防范XSS攻击。我们可以用正则表达式来做到这个:var filterHTMLTag = function (msg) { var msg = msg.replace(/<\/?[^>]*>/g, ''); //去除HTML Tag msg = msg.replace(/[|]*\n/, '') //去除行原创 2017-04-24 21:28:52 · 16613 阅读 · 1 评论 -
jQuery项目--ES6入门教程网站
项目的预览图PC浏览器 手机浏览器 DIV居中给父元素设置相对定位,就可以这样写子元素的样式来使其居中:div { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}使用transform: translate(-50%, -50%);即使宽高不固定也能实现垂直原创 2017-05-12 20:24:47 · 686 阅读 · 0 评论 -
Vue开发小实践--身份查询系统
首先看一下项目的预览图手机微信浏览PC浏览器 音乐播放器切歌功能的实现html部分:<audio src="" autoplay="true"></audio>我准备了5首歌,当歌曲放完时要自动切换到下一首,这就要靠JS实现了:var oPlayer = document.getElementsByTagName('audio')[0];oPlayer.src = "music/"+ Math原创 2017-05-02 15:38:19 · 1520 阅读 · 0 评论 -
使用Vue、React和Koa开发个人博客
前言实习了大半年,又临近毕业,一直想做一个属于自己的博客。于是就用Vue、React和Koa开发了一个服务端渲染的博客系统。其中: - 后端管理使用Vue开发 - 前端页面使用React服务端渲染框架nextjs - 接口服务使用Koa2 + mongodb + mongoose(使用nodemailer当接口发生500时向我发送邮件通知)项目地址是点我访问项目地址,(不要脸地求s原创 2018-03-01 20:26:16 · 1137 阅读 · 0 评论