前端
文章平均质量分 52
Prince先生
一个正在秃头路上的95后
展开
-
CSS解决文字与图片不能水平居中对齐的问题
CSS解决文字与图片不能水平居中对齐的问题原创 2022-06-30 09:24:56 · 2098 阅读 · 1 评论 -
95后码农——js将json数据下载保存至本地
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-原创 2021-08-26 14:32:29 · 1055 阅读 · 0 评论 -
95后码农——webstorm的Emmet快捷方式
最近才毕业,在工作中还是习惯用webstorm来写前端的代码,想要加快自己的代码效率,必不可少的就是熟记快捷方式了。之前老师也讲过,现在想加强一下记忆,也是整体一下。Emmet简介它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。目前,很多前端开发工具,包括 Webstorm,HBuilder,Dreamweaver ,VSCode 等都已经集成了 Emmet。没有集成 Emmet 的编辑器原创 2021-07-13 14:57:50 · 284 阅读 · 0 评论 -
95后码农——H5本地存储之二Web SQL在前端中的运用
1、什么是Web SQLWeb SQL 数据库 API 并不是 HTML5 规范的一部分,但是它是一个独立的规范,引入了一组使用 SQL 操作客户端数据库的 APIs。如果你是一个 Web 后端程序员,应该很容易理解 SQL 的操作。WebSQL是客户浏览器端的结构化的关系数据库。这是浏览器内部的本地RDBMS,你可以在这个本地RDBMS上执行SQL查询。2、Web SQL的概念Web数据库属于深度Web(Deep Web)的一种资源形势,通常指在互联网中以Web查询接口方式访问的数据库资源原创 2021-07-12 11:08:59 · 361 阅读 · 0 评论 -
95后码农——H5本地存储之Database Storage 刷新了页面数据不会丢失
可以实现简单的本地储存,刷新了页面数据不会丢失1、HTML代码如下:<body onload="loadAll()"><div class="addDiv"> <label for="user_name">姓名:</label> <input type="text" id="user_name" name="user_name" class="text"/> <br/> <label for=原创 2021-07-01 17:38:36 · 399 阅读 · 0 评论 -
95后码农--佛祖保佑!!永无BUG
先上效果图代码献上:const base64 = function(s) {return window.btoa(unescape(encodeURIComponent(s)))} ; console.log(" ......................阿弥陀佛......................\n"+ " _oo0oo_ \n"+原创 2021-04-29 11:56:48 · 649 阅读 · 1 评论 -
95后码农——CSS3有哪些新的特性
CSS3有哪些新的特性?一、先从css3的新选择器开始作答:E:nth-child(n) 选择器匹配其父元素的第n个子元素,不论元素类型,n可以使数字,关键字,或公式E:nth-of-type(n) 选择与之其匹配的父元素的第N个子元素E:frist-child 相对于父级做参考,“所有”子元素的第一个子元素,并且“位置”要对应E:frist-of-type 相对于父级做参考,“特定类型”(E)的第一个子元素E:empty 选择没有子元素的每个E元素E:target 选择当前活动的E元素::转载 2021-04-28 21:37:05 · 280 阅读 · 1 评论 -
95后码农——纯前端实现下载文件的所有方式
一、运用标签完成<a href="文件链接" download='下载文件名'></a>但是这种办法有缺陷,代码其中的download对应音频文件和视频文件是无效的。二、运用js实现下载<script> const a = document.createElement('a'); a.setAttribute('href', '文件链接'); //a.href='文件链接' a.setAttribute('download', '文原创 2021-04-22 09:48:17 · 412 阅读 · 2 评论