03 2017 档案

仿苹果菜单的效果
摘要：一般苹果菜单效果如下图所示，现在鼠标放在第3个图标的上面，这个时候第3个图标就会变大，相邻的2个图标也会不同程度的变大，今天呢就是做了这样子的一个效果 原理： 1、当你鼠标移入5个图标的范围时，计算鼠标与5个图标的距离，根据距离计算变大的值（比例），即红线，距离鼠标越近的图标的大小乘以这个比例即可 阅读全文
posted @ 2017-03-30 16:55 梁小清 阅读(800) 评论(1) 推荐(1)
不用系统自带的复选框，单选按钮，选择框的样式，该怎么做
摘要：这里我主要针对pc端而言，移动端由于各个牌子的移动设备都有自己定义的复选框，单选按钮和选择框样式，这里不做讨论。 pc端的默认样式大家都见过，这里直接上效果图 这是我简单做的两个自定义的复选框，单选按钮。以复选框为例，将复选框用一个div包裹起来，然后将复选框的透明度设置为0,下面来看看这个效果的代 阅读全文
posted @ 2017-03-28 14:56 梁小清 阅读(305) 评论(0) 推荐(0)
js面向对象（三）---组件开发
摘要：一、对象的多种表现形式 1、提高对象的复用性 2、如何配置参数和默认参数 不知道该怎么描述，就直接上代码吧，下面做了2个例子，重点看整个组件的大体结构 用组件的方式做拖拽窗口，你可以狠狠的点击这里进行查看 用组件的方式开发简易弹窗，你可以狠狠的点击这里进行查看 二、组件的定义 1、将对面向对象的深入 阅读全文
posted @ 2017-03-27 10:52 梁小清 阅读(1279) 评论(0) 推荐(0)
JS面向对象（二）---继承
摘要：一、面向对象的继承 1、解析：在原有对象的基础上，略作修改，得到一个新的对象，并且不影响原有对象的功能 2、如何添加继承 拷贝继承 属性：call 方法： for in 然后按照继承的方式做了一个窗口拖拽的demo，你可以狠狠的点击这里，进行查看 二、继承的其他形式（用的不是很多） 1、类式继承 ： 阅读全文
posted @ 2017-03-22 22:44 梁小清 阅读(253) 评论(0) 推荐(0)
js面向对象（一）---基本的概念、属性、方法
摘要：一、什么是面向对象编程 1、用对象的思想去写代码，就是面向对象编程 2、我们一直在使用对象，如数组Array 时间Date 二、面向对象编程（oop）的特点 抽象：抓住核心问题 封装：只能通过对象来访问方法 继承：从已有对象上继承出新的对象 多态：多对象的不同形态 三、高级面向对象的一些概念、名词 阅读全文
posted @ 2017-03-22 22:43 梁小清 阅读(845) 评论(0) 推荐(0)
移动端新建html页面
摘要：这是一些头部设置 阅读全文
posted @ 2017-03-22 10:28 梁小清 阅读(492) 评论(0) 推荐(0)
《程序员思维修炼》读后摘录
摘要：我先说一下我的大致感受吧： 1、其中整个围绕其“德雷福斯模型”，进行一系列的论证及阐述，虽然有些地方不尽认同，但还是让我受益不浅。德雷福斯模型实质就是把你学的一个技能的熟练程度分为5个阶段，其实就是给自己设定一个小目标，先朝小目标前进，再慢慢成为专家。 2、这个模型不限于程序员这个职业，可以放置到各 阅读全文
posted @ 2017-03-21 17:57 梁小清 阅读(183) 评论(0) 推荐(0)
做一个简单的贪吃蛇游戏
摘要：这是一个贪吃蛇游戏，你可以忽略他的外表，好了，先上html代码 接下来是js代码 大致是这样吧，后续还待改善，要直接看到实例的效果，你可以狠狠的点击这里 阅读全文
posted @ 2017-03-15 11:09 梁小清 阅读(296) 评论(0) 推荐(0)
做一个简单的遮罩层
摘要：首先，我们写一个遮罩层，没错就是那种 页面有一个按钮，点击按钮遮罩层出现，遮罩层上面的按钮也出现 ， 点击遮罩层上面的按钮，遮罩层隐藏，遮罩层上的按钮也隐藏 先来看看页面html代码 然后是js部分，这是一开始我们写js的普通写法 这种写法其实是面向过程的写法，优点是写法灵活，对于初学者来说比较易读 阅读全文
posted @ 2017-03-14 11:59 梁小清 阅读(606) 评论(0) 推荐(0)
巧用border属性
摘要：border是常见的css2属性，大家的印象中是不是只是作为边框使用，如下所示： 事实上border,还可以当做图标去使用 我们先来看段代码 下面是效果图： 还有 效果图时下面这样的：（注意，transform属性最低只能兼容到IE9） 所以同理，我们可以用border,做出以下的图标来 好了，大致 阅读全文
posted @ 2017-03-10 11:07 梁小清 阅读(248) 评论(0) 推荐(0)
git常用操作笔记
摘要：这是我看了廖雪峰的git教程，写的笔记，仅作为一个学习的记录 一、大多数我们面临的是已经有一个进行中的项目了，我们只需克隆下来就可以了 1、安装git，安装完后，可输入git,回车，查看是否已安装 2、配置全局用户名 $git config --global user.name “Your Name 阅读全文
posted @ 2017-03-09 10:24 梁小清 阅读(182) 评论(0) 推荐(0)
如何删除github里的项目
摘要：1、登录github网站后，就会看到如下画面，在头像下面有个你的项目资源这一栏，假如我要删除名为“hhh”的项目，现在鼠标点进这个项目里面 2、进去后点setting 点进去后，默认是选择了OPtions，然后把网页一直往下拉 找到Delete this repository,点击它 这时候就会弹出 阅读全文
posted @ 2017-03-08 10:22 梁小清 阅读(1490) 评论(0) 推荐(0)
js中常用的正则表达式
摘要：我一般对正则的使用方式如下，该方法会返回一个boolean值，然后对这个返回值来进行判断 整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字："^[0-9]*$"。 只能输入n位的数字："^\d{n}$"。 只能输入至少n位的数字："^\d{n,}$"。 只能输入m~n位 阅读全文
posted @ 2017-03-02 10:25 梁小清 阅读(243) 评论(0) 推荐(0)
常用css3属性的ie兼容查看
摘要：记录一下关于css3的各种常用属性对ie各版本浏览器的兼容程度； 最低可兼容ie7 最低可兼容ie8 最低可兼容ie9 最低可兼容ie10 position：fixed clip E:first-letter E::first-letter E:first-line E::first-line bo 阅读全文
posted @ 2017-03-01 18:12 梁小清 阅读(383) 评论(0) 推荐(0)