自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

转载 JS 数据容量转换/换算

function diskSize(num){ if (num == 0) return '0 B'; var k = 1024; //设定基础容量大小 var sizeStr = ['B','KB','MB','GB','TB','PB','EB','ZB','YB']; //容量单位 var i = 0; //单位下标和次幂 for(var l=0;l<...

2018-10-10 12:40:00 172

转载 头像上传插件

上传头都是比较复杂的一件事,最近帮朋友找了一款插件给大家分享一下。ps:这个可以根据你的设计稿自由发挥 可以写成各种样式,不会再有固定插件的样式;演示地址:https://durenlong.gitee.io/uploading码云地址:https://gitee.com/durenlong/uploadingps:关键标签只有四个只要四个对应就ok,然后你就...

2017-11-17 16:41:00 178

转载 js原生日历

突然发现日期对象可以进行 加减 , 利用这个特性写了一个可以说是对只要会JavaScript 的就可以写的日历;没有各种算法,只有一些逻辑相信只要懂javascript就差不多看俩眼就会的日历。 <!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...

2017-10-30 15:55:00 105

转载 滑块验证

最近写了点小东西一个滑动验证<html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; padding: 0px;...

2017-10-13 16:57:00 235

转载 前端把html表格生成为excel表格

最近公司改后台管理系统。要求导出台账项目等等为excel表格,找半天还真有,他是通过query.table2excel.js 实现,原谅我原生不会弄这个当然大家有可以给我留言。<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>&l...

2017-09-18 17:21:00 222

转载 图片预加载

图片预加载就是获取需要预加载的图片后,遍历所有图片路径通过创建 new Image() 预先把图片读取缓存好。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="te...

2017-09-18 17:05:00 71

转载 angular开发中的两大问题

一、在我们的angular开发中,会请求数据但轮播图等...在请求过数据后他的事件和方法将不再执行; 看我们的解决方案一:app.controller("text",function($scope,$http,$timeout){ $http.get("http://127.0.0.1:3333/huoqu").success(function(data){...

2017-07-01 08:33:00 66

转载 3d图片点击切换

效果图:代码块:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0px; ...

2017-06-29 19:53:00 114

转载 图片懒加载

在图片比较多的网站总会看见,当浏览到那个位置,就加载那的图片。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ m...

2017-06-28 21:42:00 87

转载 angular排序

说点小案例angular的排序<!DOCTYPE html><html ng-app="mk"> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margi...

2017-06-27 22:53:00 115

转载 vue属性

vue属性的绑定:   我们绑定属性数据的时候有些人会这样 <img src='{{url}}'> 虽然这让也可一出来,但你打开控制台时会发现有一条404的错误。   所以我们在使用vue的时候要按vue的要求来写 这样<img v-bind:src='url'> 都不需要 {{}} 来写入。   当然也会有简写 <img :src...

2017-06-26 20:05:00 70

转载 vue的事件

vue的事件:   vue事件简写:      vue中事件是 v-on:click=' show()' 但是我嫌弃它写太长每次都要v-on: 事件      vue中就有事件简写 @click='show()' 这会不会就好点了呢!<!DOCTYPE html><html lang="en"><head>...

2017-06-25 20:33:00 110

转载 require'模块化jquery和angular问题

require 模块化开发问题,正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题 require 引入jquery swiper .... 插件和库的时候需要 require.config({   baseUrl:"js/libs", //文件夹目录相对与html的位置   paths:{ ...

2017-06-22 22:06:00 103

转载 css3在页面中插入内容

A.使用选择器来插入内容h2:before{  content:"前缀";}h2:after{  content:"后缀";}B.指定个别的元素不进行插入h2.sample:before{  content:none;}2. 插入图像A.在标题前插入图像文件h2:before{  content:url(anwy.jpg);...

2017-06-22 07:44:00 94

转载 css3+javascript实现翻页幻灯片

先上效果图<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: ...

2017-06-20 20:42:00 89

转载 html开发那些不好的习惯,和问题。

最近网上看了好多html开发中那些问题和不好的习惯,顺手总结一下。一、上下间距  在开发中你会发现你明明设置的两个p标签上下间距为20px但你实际测量中会发现他会多4~8px,这是为什么呢!如果你是老司机我想我就不用多说了,  因为设计稿中量的都是字与字上下的间距,其实你写p标签检查一下元素,p表标签会有留白,大概是会有上下都有2px左右的留白。这样的话在加上你的  上边...

2017-06-19 20:52:00 128

转载 vue基本使用

现在vue非常火爆所以今天来小小介绍一下vue到底是什么呢? 它是以mvvm的框架和angular类似,比较小巧容易上手。 vue官网:http://cn.vuejs.org/ vue手册网址:http://cnvuejs.org/api/如果你会angular那就很好学习vue了。因为说了他们基本类似 v...

2017-06-18 16:31:00 85

转载 canvas的Chart图表插件

今天写页面页面需求到柱状图标,今天介绍一下我所用的Chart.js图表插件官网:http://www.bootcss.com/p/chart.js/ 里面会有下载js文件和中文文档一、接下来简单说一下用法<!DOCTYPE html><html lang="en"><head> <meta ...

2017-06-18 01:06:00 81

转载 localstorage本地存储的简单使用

我们在做页面时会用到本地存储的时候,今天说说localStorage本地存储。1、localStorage.name="老王"; //第一种设置存储本地数据的方法localStorage2、localStorage.setItem("color","red"); //第二种设置存储本地数据的方法3、localStorage.removeItem("name");...

2017-06-16 08:33:00 117

转载 css3+javascript旋转的3d盒子

今天写点css3,3d属性写的3d盒子,结合javascript让盒子随鼠标旋转起来今天带了css3新属性3d<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style ty...

2017-06-14 21:18:00 208

转载 canvas-菜鸟版画布时钟

这是以前自己练习写的一个画布时钟<!DOCTYPE html><html lang="en">  <head>     <meta charset="UTF-8">     <title></title>     <style>       canvas{ ...

2017-06-13 19:29:00 97

转载 html基础-from表单(5)

一、form表单   表单提交:     <form action="提交地址"method="提交方法"></form> methad有两种提交方式get(不太安全)和post(安全)   文本框:       <form> 属性值:name=(名称) siz...

2017-06-12 22:03:00 91

转载 html基础-表格-列表(4)

今天准备为大家准备了表格和列表。一、文章有各种数据的表格这个网页也不例外。(1)、标签意思 <table>----------------------表格开始   <caption></caption>-------表格标题     <tr>--------------------行开始标签 ...

2017-06-11 22:10:00 88

转载 html基础-a标签-img标签-绝对/相对路径(3)

美好的星期六,今天多写一点,争取早点写js这个有点小无聊。一、先来讲点网页之间的跳转  (1)、<a href=""></a> href="这里写要跳转的网页的地址"; 【注】:起始我们的话,就是写的两个页面之间相互跳转,或直接通过网址跳转别的网页。 网页一代码:我们在里写两个网页他俩之间进行跳转 <html&g...

2017-06-10 20:25:00 247

转载 html基础-标题标签-文字标签(2)

昨天说道了我的第一个网页,今天接着继续带大家深入,前期学习千万不要用代码工具哦!那样就少了深入了解的机会了哦!一、大家都知道文章会有各种标题,网页其实也跟文章差不多也有专门来写标题的元素。  (1)、<h1></h1>  标题一,也是最大的标题,一个页面最好只有一个来突出重要性;    (2)、<h2></h2>  标题二 ...

2017-06-09 20:02:00 249

转载 html基础-html简介-第一个网页(1)

今天刚刚开通博客园,把我最近整理的html/css来说一下,对于初学者还是有一定的帮助。一、先来为大家简单普及以下html  (1)、html英文即:hypertext markup language 中译 : 超文本标记语言  (2)、网页:网页是一个后缀名为".html"的文件,它存放在世界某一部计算机或服务器中,而它与互联网相连,网页经由网址读取(url(统一资源定位...

2017-06-08 17:59:00 218

空空如也

空空如也

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

TA关注的人

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