- 博客(36)
- 收藏
- 关注
原创 js实现敏感字查询
DOCTYPE html>html lang="en">head>meta charset="UTF-8">title>敏感字查询title>script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js">/script>script src="lodash.min.js">/script>scr
2017-11-15 14:56:37 868
原创 viser_1
这段时间忙了很多东西,差不多也知道一个完整的模块的上线的一些从数据收集到开发的种种,学到了很多实际的东西,中间走的很多弯路就是因为前期的准备工作不够充分,只是拿到项目就急着做好,到最后就会全神贯注的推翻之前的东西,在前端开发的时候分析需求才是最重要的,其实一些效果或者页面的数据交互花费的时间和精力其实不多,最后改的时候才是崩溃的,今年下半年的目标就是好好看下node.js,毕竟如果一点点后端都不懂
2016-08-11 16:22:39 404
原创 jquery实现左右列表项跳跃
这是有中间按钮的Titlebody , ul , li , div {margin: 0;padding:0;box-sizing: border-box;}body div {width: 100px;height: 200px;border: 1px solid #666666;margin: 5% 2%;floa
2016-05-31 18:25:45 436 1
原创 jquery模拟九宫格抽检
模拟九宫格抽奖var prize = ["谢谢参与", "iPad", "谢谢参与", "球鞋男鞋", "娃娃", "三星手机", "谢谢参与", "苹果耳机", "谢谢参
2016-05-31 18:19:02 388
原创 css3 + jquery模拟时钟效果
干货模拟时钟body, div {margin: 0;padding: 0;box-sizing: border-box;}.box {width: 300px;height: 300px;margin: 120px auto;background: url("images/20213d50b825d729db533ff8fb
2016-05-31 18:15:58 346
原创 angular.js之路由实现
routediv {margin: 0;padding: 0;}.box {width: 500px;height: 600px;border: 1px solid #aaaaaa;}.box_top {width: 500px;height: 100px;background-color: #cccccc;}.box_t
2016-05-12 20:37:43 378
原创 AJAX + PHP + MYSQL 实现无刷新分页
html 页面: PHP实现分页 * { margin: 0; padding: 0; box-sizing: border-box; } .box { width: 1000
2016-04-22 15:17:30 719
原创 AJAX+PHP+MYSQL实现登录页面
前端页面 ajax提交数据 * { margin: 0; padding: 0; box-sizing: border-box; } .box { widt
2016-04-19 10:34:50 2612 2
原创 页面向下滑动实现div显示和隐藏
Titleheheh$(document).ready(function(){var min_height = 100;$(window).scroll(function(){var s =$(window).scrollTop();if(s > min_height){$("#div").show()}else{$("#div").hi
2016-04-19 10:30:25 9328 2
原创 PHP+Jquery+Mysql 实现登录页面
页面代码 用户名: 密 码: $(document).ready(function(){ $(".register").click(
2016-04-13 17:53:50 830
翻译 jquery之抛物线式购物车
抛物线式购物车* {margin: 0;padding: 0;box-sizing: border-box;}.banner {width: 100%;height: 160px;background-image: url("../images/banner.jpg");}.p_list {width: 1000px;
2016-03-31 10:56:55 654
原创 jquery随笔小特效之唯品会顶部菜单栏
我感觉代码还是有点繁琐,应该可以跟简便一点的 vip导航效果* {margin: 0;padding: 0;box-sizing: border-box;list-style: none;}.nav {width: 660px;height:30px;ba
2016-03-27 10:32:08 1510
原创 jquery随便小特效之常见网站顶部导航栏
daihan呵呵呵呵hehehehehhehehehhehehhehehehhhehe呵呵呵呵hehehehehhehehehhehehhehehehhhehe呵呵呵呵hehehehehhehehehhehehhehehehhhehe
2016-03-25 14:59:20 345
原创 jquery随笔小特效之jd菜单栏
仿jd菜单栏* {margin:0;padding:0;box-sizing: border-box;list-style: none;}a {text-decoration: none;color: #ffffff;}body {padding-left: 10%;padding-top: 5%;}.to
2016-03-25 14:51:45 336
原创 HTTP常见状态码
HTTP状态码0-客户端没有发送数据或者被安全措施拦截1xx -信息提示100 继续101 切换协议2xx-成功200 正常;请求已完成。201 正常;紧接POST指令。202 正常;已接受处理,但处理尚未完成。203 正常;部分信息,返回的只是信息的一部分。204 正常;无响应,已接受请求,但不存在要回的信息。3xx-重定向301 已移动;请求的数
2016-03-22 10:14:16 263
原创 .xml和.json区别
.XML和.JSON1>.XML和.JSON的区别.XML扩展标记语言,用于标记电子文件使其具有结构性的标记语言,可以用来标记数据,定义数据类型,是一种允许用户对自己的标记语言进行定义的源语言。.JSON一种轻量级的数据交换格式,具有良好的可读和便于快速编写的特性,可以在不同平台之间进行数据交换。2>.XML和.JSON的优缺点1>.XML的优缺点a,.XML的有点
2016-03-22 10:12:29 279
原创 js常见排序总结结
我这数据是获取的,你只要把Arr自己定义一个就可以看到效果算法集var Arr = [];$.get("data.txt", function (data) {//获得数据var newarr = data.split('\n');for (var i = 0; i newarr[i] = parseInt(newarr[i]);
2016-03-22 10:05:03 242
原创 HTML5新增标签及废除标签整理
HTML5新增标签及废除标签整理(有些很偏就没有列出) 1>新增的标签 1>section元素 表示页面中的一个内容区块,比如章节、页眉、页脚或页面的其他部分,其实就像div,比div更具体一些 2>article元素 表示页面中一块与上下文不相关的独立内容,比如一
2016-03-15 14:01:38 2107
原创 jquery之AJAX
Jquery - AJAXAJAX是与服务器交换数据的技术,他在不重新加载全部页面的情况下,实现对部分网页的更新。像服务器发送请求Xmlhttp.open(“method”,”url”,async);Xmlhttp.send(string);*method:请求的类型,GET或POST*url:文件在服务器的位置*async:true(异步)或false(同步)St
2016-03-14 17:19:28 291
原创 随笔小特效代码01
砸金蛋* {margin:0;padding:0;list-style: none;}.bg {width: 998px;min-height:500px;margin:10% auto;}p {color:#fce671;font-weight: bold;margin-left: 50px;}ul
2016-03-14 14:36:17 189
原创 js实现放大镜效果
本文在网上找的,为方便学习可随意转载,不必注明作者!放大镜img {vertical-align: bottom;}.mod_zoom {overflow: hidden;zoom: 1;}.mod_zoom .p1 {float: left;position: relative;height: 336px
2016-03-13 20:17:29 318
原创 jquery基础学习之事件
文章是从官网整理,方便学习可以随意装载不需要注明作者! 1,载入 $(document).ready(function(){ // 在这里写你的代码... });一般就是需要页面载入是就执行的操作,就直接用上面的代码,这样写的好处就是可以极大的提高web在应用程序中的响应速度。 2,事件处理 1 bind(type,[data
2016-03-01 15:27:44 283
原创 jquery基础学习之动画效果
文章是从官网整理,方便学习可以随意装载不需要注明作者!1基本效果 1,show() 显示隐藏的匹配元素 语法: $("p").show() 2,show(speed,fn),可控速度的显示隐藏的元素 语法: $("p").show("fast",function(){ $(this).text("Animation Done!
2016-03-01 15:13:28 256
原创 AngularJS基础---模块
AngularJS中模块定义了一个应用程序, 不同的模块包含不同的控制器和指令,过滤器等{{ firstname + lastname}} //输出var app=angular.module("appname",[确切方法]).controller("ctroname",function($scope){ $scope.firstName = "viser";
2016-03-01 09:41:18 203
原创 js实现简单导航切换
html>lang="en"> charset="UTF-8"> * { list-style: none; box-sizing: border-box; } a { text-decoration: none; } ul li { float: left; } #t1
2016-02-16 22:02:25 2154
转载 简单的各种输出循环
1, 输出1到100for (i=1;idocument.write(i,' ');if (i%10==0) document.write('');}2输出1到100的素数for (var i = 2; i document.write(i+" ");3输出1到100的偶数for (var i = 1; i document.write(i+"
2016-02-16 09:57:53 410
转载 简单div切换
留着,html>lang="en"> charset="UTF-8"> href="assets/global/plugins/bootstrap/css/bootstrap.css" rel="stylesheet" type="text/css" />DIV层切换onclick="ChangeDiv('0','JKDiv_',2)" style="cur
2016-02-01 14:58:47 357
翻译 关于移动端清除下拉菜单的默认样式
html>lang="en"> charset="UTF-8"> * { list-style: none; } .selectContainer{position:relative; width:262px; display:inline-block; _display:inline; _zoom:1; z-index:1000; back
2016-01-28 18:28:45 1533
原创 一些基础的常用的东西
随机添加数据function addTest() {var str="";var temp='' +'日程' +'党支部会议' +'01月11日15时30分' +'' +'日程' +'联盟篮球赛' +'01月13日13时30分';var num=Math.floor(Math.random()*3);for(var i = 0;i; i++){ str += temp;
2016-01-17 15:28:56 190
原创 关于浮动和position的小知识点
浮动:假设在一个div中我们有两个span,要使他们上下居中左右贴着边框,这其实是一个很简单的问题,我们要使一个div居中直接margin:0 auto;但是在div中的span元素你却不能使用这种方法,只能使用text-align=center,我觉得这个很奇怪,哪怕是把span设置成行内快也不可以,text-align=center不管是给父元素div还是给自己本身,都可以居中,但是如
2016-01-12 14:14:25 325
翻译 移动app的左右滑隐藏菜单
最近在做app的时候碰到要使用左右滑动来显示或者隐藏菜单页面,这里做了一个简单的总结,具体的各种api网上很多。干货如下: html>lang="en"> charset="UTF-8"> content="width=device-width, initial-scale=1" name="viewport" /> name="MobileOpti
2016-01-12 09:49:51 1109 1
转载 日历插件简单汉化—datepicker类型
1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存,2、增加 cn 语言选项var dates = $.fn.datepicker.dates = { en: { days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Sat
2015-12-29 14:27:45 559
原创 CSS3的过渡属性简单实例
在一周的实际上班过程中觉得用到js的地方不算很多,C3倒是很多,这里先简单的巩固下自己的C3的新特性之渐变。#d1{width:200px;height:200px;border:1px solid purple;}}这是一个简单的紫边正方形,我再写下面的代码#d1:hover{background:purple;}它的效果就是我鼠标移入就会突变成紫
2015-11-28 22:07:30 3577
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人