- 博客(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关注的人