Web
学习前端开发的过程笔记
Friends233
Laozi is the best in the world!
展开
-
JavaScript判断数组的几种方式
JavaScript判断数组的几种方式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script> const ary = [1,2,3,4] console.log(ary instanceof Array)原创 2020-07-19 10:10:36 · 204 阅读 · 0 评论 -
Web 利用纯html和css画出一个android机器人
Android机器人这个小项目是为了熟悉border-radius 圆角边框参考文档border-radius源代码<style> .robot{ width: 500px; height: 550px; border: 1px solid red; margin: 30px aut...原创 2020-02-12 16:51:12 · 1357 阅读 · 0 评论 -
Web 利用CSS3中的伪元素选择器::sellcetion实现自定义选中文本的样式
效果展示这个其实很简单,用到了CSS3中的伪元素——::sellcetion 来实现这个效果需要注意的是::selection只可以应用于少数的CSS属性:color, background, cursor,和outline。基本上能兼容市大多数浏览器参考文档CSS3 ::selection源代码<style> .sel::select...原创 2020-02-11 18:31:16 · 236 阅读 · 0 评论 -
Web 自定义样式的视频播放器
效果展示虽然说是自定义样式,但是我这做的着实有点丑。。。参考文档HTML 5 视频/音频参考手册全屏API部分源码<div id="video"> <video src="video/vaeYSGS.mp4"></video> <div class="controls"> &l...原创 2020-02-10 19:51:54 · 789 阅读 · 0 评论 -
Web 利用H5中的DragEvent实现任意标签拖拽
效果展示参考文档关于DragEvent关于DataTransfer关于HTML DOM Event 对象源码<head> <meta charset="UTF-8"> <title>拖拽</title> <style> div{ width: ...原创 2020-02-09 16:55:41 · 554 阅读 · 1 评论 -
Web 利用H5中的FileReader实现上传文件的即时预览
部分效果展示参考文档FileReader图片上传的预览<form> <input type="file" id="myFile" onchange="getData();"></form><img src=""><script> function getData() { ...原创 2020-02-08 19:12:09 · 294 阅读 · 0 评论 -
用JavaScript实现一个简单的计算器
用JavaScript实现一个简单的计算器一个小程序,实现了简单的计算器功能,下面是界面截图和源代码源代码:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Calculator计算器</title><...原创 2019-04-03 11:57:46 · 2353 阅读 · 0 评论