自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(24)
  • 资源 (3)
  • 收藏
  • 关注

原创 95后码农——eletron来打包项目的步骤

我用的是electron来打包项目,你可以用你喜欢的其它软件进行打包,下面是electron的打包心得。先参考下面这个两个链接https://blog.csdn.net/PrinceMe1/article/details/112213076

2021-01-27 09:43:57 396

转载 95后码农——用electron打包--Node.js Electron windows下安装与打包成 exe

一 安装转载:http://www.cnblogs.com/phpCHAIN/p/6347044.htmlElectron作为一种用javascript写桌面程序的开发方式,现在已经被大众接受。下面就介绍如何在windows(>win7)下快速搭建Electron开发环境。1. nodejs 的安装从nodejs 下载最新版本的windows安装程序进行安装,我下载的是v6.9.1,安装时一路默认即可,这个安装会把nodejs和npm配置到系统PATH中,这样在命令行的任何位置都可以直接用

2021-01-05 10:11:08 1747

原创 jQuery实现页面滑动时导航背景色切换

<script type="text/javascript" src="./files-m/jquery-1.9.1.min.js"></script><script >//网页加载时运行$(function(){ navHeader(); $(window).scroll(function () { navHeader(); }) function navHeader() { if ($(windo

2020-11-05 10:03:44 845

原创 CSS解决文字与图片不能水平居中对齐的问题

CSS解决文字与图片不能水平居中对齐的问题

2022-06-30 09:24:56 2160 1

原创 95后码农——源码下载网址

优秀网站源码、编程源码下载网站大集中1.51源码:http://www.51aspx.com/2.源码之家:http://www.codejia.com/3.源码网:http://www.codepub.com/4.虾客源码:http://www.xkxz.com/5.多多源码:http://www.morecode.net/6.洪越源代码:http://www.softhy.net/7.锋网源码:http://www.fwvv.net/8.代码爱好者:http://www.codefans

2022-01-10 08:49:42 525

原创 95后码农——平时好用的网站记录

1.VueUI组件库https://mapapi.qq.com/web/tlbsUI/2.免费高清图片https://www.pexels.com/zh-cn/3.破解文件下载网站https://www.52pojie.cn/

2021-09-02 10:58:26 211

原创 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 1128

原创 95后码农——webstorm的Emmet快捷方式

最近才毕业,在工作中还是习惯用webstorm来写前端的代码,想要加快自己的代码效率,必不可少的就是熟记快捷方式了。之前老师也讲过,现在想加强一下记忆,也是整体一下。Emmet简介它可以极大的提高代码编写的效率,它提供了一种非常简练的语法规则,然后立刻生成对应的 HTML 结构或者 CSS 代码,同时还有多种实用的功能帮助进行前端开发。目前,很多前端开发工具,包括 Webstorm,HBuilder,Dreamweaver ,VSCode 等都已经集成了 Emmet。没有集成 Emmet 的编辑器

2021-07-13 14:57:50 319

原创 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 403

原创 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 422

原创 95后码农--佛祖保佑!!永无BUG

先上效果图代码献上:const base64 = function(s) {return window.btoa(unescape(encodeURIComponent(s)))} ; console.log(" ......................阿弥陀佛......................\n"+ " _oo0oo_ \n"+

2021-04-29 11:56:48 794 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 300 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 441 2

原创 95后码农——Electron桌面应用打包流程

一、开始1.npm的安装需要下载node.js,安装完node.js之后npm自然会有。参考链接:http://www.runoob.com/nodejs/nodejs-install-setup.html2.Electron环境搭建①、安装node.js。node官网地址:https://nodejs.org/en/②、在windows 命令行下检查node是否安装成功。分别输入 node -v, npm -v 。如果出现 node 和 npm 的版本号,则转下一步。否则转第一步。③、在命令

2021-01-18 16:51:22 301

原创 95后码农——用Inno setup 打包

一、概述Inno setup 是一款比较常用且计较简单实用的打包软件。二、安装并打开(一)运行环境系统:window10软件版本:Inno Setup 6.0.4(二)安装安装 inno setup 6完成后,点击 “开始” → “所有程序” → “Inno Setup 6.0.4” → “ Inno Setup” ,运行 Inno Setup 编译器在弹出的 “欢迎” 对话框中点击 “取消”,便可看到 Inno Setup 编译器的主界面:三、操作向导第Ⅰ步在主界面菜单中,点

2021-01-14 15:44:26 445

原创 Electron如何隐藏窗体的菜单栏(Menu)?

只需要在main.js中加入以下代码即可:const electron = require('electron')/*获取electron窗体的菜单栏*/const Menu = electron.Menu/*隐藏electron创听的菜单栏*/Menu.setApplicationMenu(null)

2020-12-17 15:54:38 1945

原创 95后码农——教你白嫖无法复制的页面内容

我们有时候在浏览网站的时候想复制网站的一些内容。可是有的时候内容复制不了。碰到网页内容无法复制怎么办呢?今天就为大家分享一些突破限制的方法,超简单哦~一、javascript:void($={});打开目标网页,选中网页的地址栏。网页上的文件无法复制?一个命令帮你解决无法复制网页文章的问题在地址栏输入下行代码,全部输入。网页上的文件无法复制?一个命令帮你解决无法复制网页文章的问题javascript:void($={});这个命令不能复制粘贴,因为复制上去你会发现前面javascript是

2020-12-10 17:32:12 527

原创 95后带你学bootstrap——表单

本次分享文字内容较多,大家可以挑重点的看一、基础表单:1、表单中常见的元素主要包括:文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。form表单属性,类似与辅助工具,转换角色使用;role="form"定义form表单元素为form功能角色使用;Eg1:<div role=“button” ></div> ,把div元素转换为button按钮功能使用;Eg2:<div role=“navigation” ></div>,把div元素转换为

2020-11-25 00:41:29 532

原创 95后带你学bootstrap——表格

一、表格在bootstrap中,为我们提供了 一种基础表格,四种附加样式表格和一种响应式表格,我们在使用这些表格的时候,方法和之前是一样的,都是运用添加类名的方法来实现,下面是我给大家总结的各种类名对应的不同样式的表格:☑ .table:基础表格☑ .table-striped:斑马线表格☑ .table-bordered:带边框的表格☑ .table-hover:鼠标悬停高亮的表格☑ .table-condensed:紧凑型表格☑ .table-responsive:响应式表格

2020-11-10 22:05:53 900

原创 95后带你学bootstrap——列表

一、列表简介在HTML中,我们常常使用的就是三种列表,分别是有序列表、无序列表、定义列表有序列表<ol> <li>.....</li></ol>无序列表<ul> <li>.....</li></ul>定义列表<dl> <dt>....</dt> <dd>....</dd></dl>但在bootstrap中,

2020-10-28 09:44:02 387

原创 95后讲前端——现目前流行布局的概念和区别

一、静态布局(Static Layout)即传统Web设计,网页上的所有元素的尺寸一律使用px作为单位。1、布局特点:不管浏览器尺寸具体是多少,网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态(定宽度)布局的,也就是设置了min-width,这样的话,如果小于这个宽度就会出现滚动条,如果大于这个宽度则内容居中外加背景,这种设计常见与pc端。2、设计方法:  PC:居中布局,所有样式使用绝对宽度/高度(px),设计一个Layout,在屏幕宽高有调整时,使用横向和竖向的滚动条来查阅被遮

2020-10-20 20:59:18 234

原创 95后带你学bootstrap——段落及文本效果

一、段落段落是排版中另一个重要元素之一。在Bootstrap中为文本设置了一个全局的文本样式(这里所说的文本是指正文文本):1、全局文本字号为14px(font-size)。2、行高为1.42857143(line-height),大约是20px(大家看到一串的小数或许会有疑惑,其实他是通过LESS编译器计算出来的,当然Sass也有这样的功能)。3、颜色为深灰色(#333);4、字体为"Helvetica Neue", Helvetica, Arial, sans-serif;(font-fami

2020-10-19 10:51:44 875 2

原创 95后带你学bootstrap——标题

今天就给大家讲一下boostrap在我们实用中的一些方法。Bootstrap和普通的HTML页面一样,定义标题都是使用标签 <h1>到<h6>,只不过Bootstrap覆盖了其默认的样式,使用其在所有浏览器下显示的效果一样,具体定义的规则可以如下表所示:标题的引用方法很简单<div> class=“h1”>Bootstrap标题一<div><div> class=“h2”>Bootstrap标题二<div>

2020-10-09 22:52:42 429

原创 95后初识Boostrap

Bootstrap到底是什么?Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。这些可能是你在网上搜索出来的结果NO!!!!!!!个人理解:Bootstrap就是一个方便你进行前端开发的综合型框架。他里面集合了我们在网站

2020-09-30 09:39:12 240

运用websql写的table表格、新增、修改、删除

能够实现数据的暂时储存,新增、修改、编辑后的数据,刷新界面后数据不会恢复为初始数据

2021-07-12

100套后台模版,不在为找模板而困扰

里面附有预览图,可以根据自己的喜好进行选择,选择好样式后根据图片编号,找到对应的压缩包即可

2021-01-15

响应式初级练习——现代浏览器

自己的用bootstrap写的小练习,主要是锻炼自己,大家如果需要的话也可以下载,编写不易,谢绝他用

2020-10-21

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除