2017年06月_彩笔_小qing

10月 09月 08月 07月 06月 05月 04月

原创 Javascript设计模式 -- 灵活的javascript

推荐大家一本不错的书《JavaScript设计模式》。今天开始看，我希望我能坚持看。一：灵活的语言-javascript1.用对象收编变量var CheckObject = { checkName:function(){ //验证姓名 }, checkPassword:function(){ //验证密码 }}CheckObjec

2017-06-29 15:33:54 250

原创页面滚动进度条 ( 兼容IE7及以上 )

这是IE的预览效果，打开的是IE7的文档模式直接粘代码，采用优雅降级的方式实现兼容。 demo 中用到的图片直接去百度下载就成，下大图效果好实现。1、*使用 jquery 的高版本实现 <!DOCTYPE html><html><head><meta charset="UTF-8"><meta charset="UTF-8"><meta http-equiv="X-UA-Compatib

2017-06-26 18:12:21 1291

原创 PC端，浏览器兼容、IE兼容（圆角、阴影、透明）

以下所有兼容性问题都是借鉴的 Danna_Danna 的一篇文章，因为文章时间比较长了，所以根据我自己的测试和查找，将会有一些小改变，自己写一遍，以后用起来好找，有一个整理的过程更安心。测试demo已上传：http://download.csdn.net/detail/qq_31164127/98746691、隐藏滚动条<body scroll='no'></body> /* 只支持ie7/杂项

2017-06-19 14:50:50 1202

原创 CSS伪元素--:after-:before的炫酷用法

将链接存于此，比收藏在文件夹里靠谱，《 The Shapes of CSS 》，简直厉害了！1、计数器效果<ul> <li>white，我要去帮助姐姐测试，你去吗？</li> <li>测啥呀，好玩不?</li> <li>当然好玩了，就是要给我们说的每一句话进行排序。</li> <li>咦？什么意思，带我去吧！</li> <li>好的，那我们开始咯！</li>

2017-06-16 09:03:21 1642

原创 bootstrap-modal：弹出modal时input的checked的状态无法改变 | | input获取焦点不生效

1.每次弹出modal时，用 js 修改的 checked 状态不能实时更新<div class="modal fade" tabindex="-1" role="dialog"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-header">

2017-06-14 17:42:09 2140 2

原创 canvas基础上：chartjs

1、首先在页面中引入 chart.js <script src="Chart.js"></script>2、页面设置<div id="container" style="width: 500px"> <canvas id="myChart" ></canvas></div>我认为这里外层的 #container 必须要有，因为当没有的时候，canvas 的高度和宽度根本就限制不住啊，

2017-06-08 18:01:21 1919

原创 canvas画图：用鼠标---画曲线，直线，矩形，圆

<canvas id="canvas" width="800" height="500"></canvas><script src="js/jquery-3.2.1.min.js"></script>var canvas = document.getElementById('canvas'); // 得到画布var ctx = canvas.getContext('2d'); // 得到画布的上

2017-06-08 17:28:10 16942 5

原创移动端开发，IOS、iPhone，表单input元素获取焦点时页面被放大的解决办法。

真心觉得移动端开发坑好多，不过解决问题也有不少乐趣，也能总结很多经验方法，都是之前遇到的，想记录下来方便翻阅。在iOS测试的时候，每次input获取焦点都会使页面放大，真是要多丑有多丑，经多方求助终于得到这个美丽的方法解决一下，之前总是在head中写超多的meta标签，但有一些都没去追寻他们是啥意思。这个问题就是吃了这个亏。<meta name="apple-mobile-web-app-capab

2017-06-08 16:55:56 8130 7

原创移动端轮播：swiper插件（触碰图片之后停止轮播）

下面是我遇到的问题，也是用此插件常用的几个参数，如果你的轮播不需要很复杂，看本文就可以解决。假如你想多了解些，看官们这里请 swiper 插件的官方地址。第一步引入 swiper.min.js<script src="../style/js/swiper.min.js"></script>第二步 html<div class="swiper-container"> <div clas

2017-06-08 16:51:50 8459 1

原创记住账号密码的input背景是黄色的，并不是很丑，但是假如你不喜欢，可以来看看

这个问题 input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}

2017-06-05 10:17:04 2029

原创用JS修改页面的title

之前一直用 Java 的 S 标签为title赋值，直到今天我才知道，可以用 JS 改变 title 的值啊。$(document).attr('title','new title ha'); // 将 title 的值改为 ‘new title ha’这里的 new title ha 可以是你在本页面的特定条件下改的，也可以是从前一个页面传过来的( localStorage.setItem('属

2017-06-02 14:00:37 17884 2

原创 JS：数组降维の三种方法

var arr = [ [0,1,2,3], [4,5,6,7], [8,9,0,1], [2,3,4,5]];1.两层循环var result = [];for(var i=0;i<arr.length;i++){ for(var j=0;j<arr[i].length;j++){ result.push(arr[i][j]);

2017-06-01 16:18:17 5286

原创 JS 排序算法：冒泡，插入，快速

冒泡排序：1.比较相邻的两个元素，如果前一个比后一个大，则交换位置。 2.第一轮的时候最后一个元素应该是最大的一个。 3.按照步骤一的方法进行相邻两个元素的比较，这个时候由于最后一个元素已经是最大的了，所以最后一个元素不用比较。var a = [3,1,5,7,2,4,9,6,10,8];function bubble(a) { if(!Array.isArray(a)){return

2017-06-01 16:05:09 385

原创 JS：函数的记忆功能（闭包）

1.函数记忆：让函数记住处理过的参数和处理结果2.函数记忆的作用：为避免重复运算3.什么时候使用函数记忆？只要一个函数可能反复计算相同的数据时4.如何使用？使用闭包保存住曾经计算过的参数和处理结果5.example:得到数组中的质数（质数定义为在大于1的自然数中，除了1和它本身以外不再有其他因数的数称为质数）？var isPrime = function(num){ var

2017-06-01 14:29:18 1922