安固途径

知识来源于感觉和经验

免记,图片轮滑插件js及css

2016-08-19, 星期五|
前端开发

jQuery插件 materialize.min.js 包含了图片轮滑的插件slider.js,使用该轮滑插件相比其他同类插件,DOM结构最为简单。但是 materialize.min.js 依赖其框架的css文件 materialize.min.css。而materialize.min.css是一套完整的css框架,会对浏览器元素的默认样式重置,这种重置会对诸如表单、按钮等过度的渲染,口味重,我个人认为这种重置会对页面元素的表现起破坏作用。因此为了配合materialize.min.js的轮滑插件,必须提取materialize.min.css起作用的部分。

CSS文件

/* slider.css */
/* block slider */
.slider {
    position: relative;
    height: 400px;
    width: 100%;
}
.slider .slides {
    background-color: #9e9e9e;
    margin: 0;
    height: 400px;
}
.slider .slides l
...
阅读全文

不翻墙打开docs.angularjs.org

2016-07-29, 星期五|
修复网络设置

http://docs.angularjs.org打不开,是因为用的是googleapi.com作为angularjs的cdn网站。而googleapi.com被墙,要想打开angular的官方主页angularjs.org要么翻墙,要么出国,或者替换掉ajax.googleapi.com为cdn.bootcdn.com。

(function(){
    function replaceUri(){
        var scripts = document.getElementsByTagName("script");

        // bootcdn.cn
        var baseUrl = '//cdn.bootcss.com/angular.js/1.5.8/';
        for(var i=0; i<scripts.length;i++){
            // if exists of googleapis.com ->
            var src = scripts[i].src;
            if(s
...
阅读全文

最简单js,表格隔行变色

2016-07-26, 星期二|
前端开发

jQuery实现 有利用到jQuery的伪选择器:odd Selector, :even Selector, 事件hover( handlerIn, handlerOut )

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>11 demo - table odd color</title>

  <style>
    table{
      border-collapse: collapse;
    }
    table, td, th{
      border: 1px solid #ccc;
    }
    th, td{
      padding:8px;
    }
    .silver{
      background-color: green !important;
    }
  </style>
</head>
<body>
  &l
...
阅读全文

最简单动画,js让背景滚动起来

2016-07-23, 星期六|
前端开发

利用setInterval(func, interval)函数可以实现最简单的动画

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>404 页面不存在</title>
    <style>
        .bg{
            background-image: url(//qiniu.uqugu.com/img/blog/bg-scroll/maze_bg.png);
        }
    </style>
</head>
<body class="bg">

    <script>
        function bgScroll(){
            var bgX = 0;
            setInterval(function(){
                bgX -= 1;
       
...
阅读全文

缺MySQLdb,Windows中Django连接mysql-server出错的解决办法

2016-07-21, 星期四|
Django

报错:django.core.exceptions.ImproperlyConfigured: Error loading MySQLdb module: No module named MySQLdb

方法一:

> pip install MySQL-python

方法一由于网络和编译环境的原因失败率大,最好选用方法二。

方法二:

下载MySQL-python,到sourceforge.net,点击下载

...
阅读全文