oing-优快云博客

转载 sublime中的一些快捷键

sublime一些快捷键语法:后代：>缩写：nav>ul>li 兄弟：+缩写：div+p+bq上级：^缩写：div+div>p>span+em^bq 缩写：div+div>p>span+em^^bq 分组：()缩写：div>(header>ul>li*2>a)+footer>p

2017-11-21 19:51:22 483

原创 bootstrap使用教程

bootstrap使用教程大家好，我是一枚新手前端，技术方面交流分享一下。接下来要给大家分享的是bootstrap这种布局方式。废话不多说，直接开始吧。首先，第一步，直接在百度上面搜索”boostrap”，这个关键词。然后就会出现如下界面: 第二步，直接点击中间的按钮，上面写着”Bootstrap3中文文档(v3.3.7)”的按钮，然后就会出现相应的界面: 第三步，找到顶部的第二个“起步

2017-11-10 10:17:47 9019 1

原创简单使用网页中插入百度地图的方法

方法/步骤1、打开“百度地图生成器”的网址：百度地图生成器如下图：2、在“1.定位中心点”中，切换城市，并查找具体位置，如下图：3、在“2.设置地图”中，可以按照自己的喜好修改地图的外观： a、地图的宽和高 b、地图上显示的按钮（缩放、缩略图、比例尺） c、鼠标和键盘对地图的操作如下图：4、在“3.添加标注”中，可以添加自己想要标注的位置和信息，如下图：5、在“第二步获取代码”中，点

2017-05-20 19:38:59 7828

原创 jqzoom图片放大器代码

jqzoom图片放大器代码，适合产品图片的展示，兼容主流浏览器使用方法： 1、head区域引入<link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2、引入js库<script src="js/jquery.min.js" type="text/javascript"></script><script src="j

2017-05-20 15:19:28 674

转载 JS正则表达式-登陆注册

要求：用户名只能是字母或者数字或者下划线，不能以数字开头，用户名长度在6到20之间密码两次验证必须一致，用户名密码不能为空。<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" > <title>模拟注册</title>

2017-05-15 09:23:56 2567

原创 JavaScript 学习笔记——cssText

平常编写代码，更改一个元素样式的时候，自己都是用obj.style.width = "200px";obj.style.position = "absolute";obj.style.left = "100px";之类的代码进行设置，这样的话如果更改样式很多的时候，就要写很多代码，难道不能像Jquery那样使用$(obj).css(……);这样进行设置么？于是自己搜了下使用Javascript批

2017-05-14 21:58:03 322

原创基于javascript实现图片懒加载

这篇文章主要介绍了javascript实现图片懒加载的方法及思路，有时我们需要用懒加载，也就是延迟加载图片的方式，来提高网站的亲和力,需要的朋友可以参考下一、定义　　图片延迟加载也称为懒加载，延迟加载图片或符合某些条件时才加载某些图片，通常用于图片比较多的网页。可以减少请求数或者延迟请求数，优化性能。二、呈现形式　　【1】延时加载，使用setTimeout或setInterval进行加载延迟，如

2017-05-14 20:54:40 297

转载 angular调试工具-batarang

batarang是一个chorme浏览器的插件，它可以查看作用域、输出调试信息、以及对性能进行监控。angular不像普通的js，如果抛出错误，只会报AngularJS的错，找不到错误代码的位置，借助于batarang可以方便调试angular代码。1.安装百度batarang下载后缀为”.rxc”的chorme插件，也可以百度网盘下载batarang谷歌插件，拖拽到扩展程序里面即可下载完成后

2017-05-12 10:11:56 1117

原创点击获取当前时间

这里是html代码 <p id="demo">public</p> <button onclick="myFunction()">点我</button> 这里是js代码function myFunction(){ //实例化Date var today = new Date(); //获取小时 var

2017-05-11 10:56:01 359

原创 HTML5 Canvas 旋转的“金字塔”

这里是代码<html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <style> body{margin: 0;padding:0;} #cas{margin:100px auto;display: block;} </style> <title>

2017-05-10 23:10:59 1491

原创 Jquery Ajax使用方法

一个简单的AJAX实例创建一个简单的XMLHttpRequest，从一个TXT文件中返回数据。<!DOCTYPE html><html><head><meta charset="utf-8"><script>function loadXMLDoc(){ var xmlhttp; if (window.XMLHttpRequest){ // IE7+, Firefox,

2017-05-10 22:56:59 423

原创 AngularJS 路由

本章节我们将为大家介绍 AngularJS 路由。 AngularJS 路由允许我们通过不同的 URL 访问不同的内容。通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。通常我们的URL形式为 http://runoob.com/first/page，但在单页Web应用中 AngularJS 通过 # + 标记实现

2017-05-10 22:39:19 288

原创头疼的闭包

前端初学者在学习时都会遇上一个很头疼的问题—–闭包那么什么是闭包？官方的解释是：闭包是一个拥有许多变量和绑定了这些变量的环境的表达式（通常是一个函数），因而这些变量也是该表达式的一部分。广义上的闭包就是指一个变量在它自身作用域的被使用了，就叫发生了闭包。粗鲁地理解：闭包就是能够读取其它函数内部变量的函数。在js中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单粗暴地理解成“定义在一个函

2017-05-10 22:04:41 337

在团队带人，突然被人问到轮播图如何实现，进入前端领域有一年多了，但很久没自己写过，一直是用大牛写的插件，今天就写个简单的适合入门者学习的小教程。当然，轮播图的实现原理与设计模式有很多种，我这里讲的是用面向过程函数式编程去实现，相对于面向对象设计模式，代码难免会显得臃肿冗余。但没有面向对象的抽象却很适合新手理解与学习。已经在BAT的同学看到希望少喷点。另外可以多提意见。轮播图的原理：一系列的大小相等的

2017-05-10 21:55:36 922

转载 nodejs window下安装与配置淘宝镜像

1，前往nodejs官网下载安装软件，地址：https://nodejs.org/en/ 2，点击下一步继续安装，安装完成，在命令输入：node -v,npm -v,查看版本，即是安装成功 3，随便在计算机哪个盘建一个全局目录，比如我的在E盘：E:\nodejs\node_global 4，设置nodejs全局目录，所有以全局安装的包都被安装在这，打开nodejs命令行窗口Node.js co

2017-05-09 23:50:20 1625

原创 Canvas变形金刚

这里是html代码<canvas width=500 height=500 id="cas"></canvas> 这里是css代码*{ margin: 0; padding: 0;}canvas{ /*border: 1px solid;*/ position: absolute; margin-left: 50%; left: -250p

2017-05-09 23:38:25 502

原创 SharePoint入门

一、前言听说SharePoint也有一段时间了，可一直处在门外。最近被调到SharePoint实施项目小组，就随着工作一起学习了一下实施与开发。但苦于网上SharePoint入门的东西实在太少，导致自学入门很难，不知道SharePoint这东西到底能做什么。因此有了此篇文章。该文章只是基于本人对SharePoint的理解，希望能够帮助那些还在门外的同学。由于能力有限，有说的不明白的地方还请园子内的

2017-05-09 23:33:10 630

原创我们为什么要尝试前后端分离

尝试与改变如果你没有尝试过前后端分离的工作流程，那么可以先试想一下这样的流程改变：把流程从 PM：“我要这个功能” 后端：“这个先找前端做个模板” 前端：“模板做完了” 后端：“我来对接一下，这里样式不对” 前端：“我改完了” 后端：“功能交付” PM：“春节要加这个活动” 后端：“这个先找前端改个模板” 前端：“模板做完了” 后

2017-05-09 22:42:51 277

原创 HTML5 Boilerplate - 让页面有个好的开始

一：HTML5 Boilerplate是什么？解决了什么问题？对于第一次听说这个人，肯定都有这个疑问把！在网上看了看，发现很多人都认为这个是和Bootstrap一样的东西，这真是大错特错了。实际上，HTML5 Boilerplate只是一个单纯的HTML模版。什么？HTML模版？干嘛用？这里不得不提所有前端开发都会遇到的问题，每次要重新弄一个页面的时候，你

2017-05-09 15:27:47 798

原创 css3元素私有前缀及其用法

css3元素私有前缀及其用法在CSS3模块标准尚未被W3C批准或者标准所提议的特性尚未被浏览器完全实现时，浏览器厂商会使用所谓的私有前缀来测试“试验性的”CSS 特性。这样，浏览器设计者实现了 CSS3的新模块，但对使用 CSS3的开发者来说则很繁琐。看看 CSS3中实现圆角的代码：.round{-khtml-border-radius: 10px; /* Konqueror */

2017-05-02 17:11:59 1195

原创 CSS3 filter(滤镜用法)

这里是html代码<p><strong>注意：</strong> Internet Explorer 不支持 filter 属性。</p><img src="pineapple.jpg" alt="Pineapple" width="300" height="300"><img class="blur" src="pineapple.jpg" alt="Pineapple" width="300

2017-05-02 09:30:13 728

原创 tab栏切换(点击图片切换路径)

这里是html代码<ul> <li><a href="images/01.jpg"><img src="images/01.jpg" alt="" class="small"/></a></li> <li><a href="images/02.jpg"><img src="images/02.jpg" alt="" class="small"/></a></li> <li>

2017-05-02 00:19:08 2050

原创 tab栏切换(原生js实现)

这里是html代码<div class="father"> <div class="top"> <ul class="tabs"> <li class="tab tabCurrent"><a href="javascript:void(0);">热门</a><span class="line"></span></li>

2017-05-02 00:13:08 4499

原创选中全选框

这里是HTML<table> <tr> <th> <input type="checkbox" name="" id="checkAll"/>全选/全不选 </th> <th>菜名</th> <th>商家</th> <th>价格</

2017-05-01 23:58:16 620

原创 JS排他思想（实现导航栏）

这里是HTML片段<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" href="css/public.css"> <link rel="stylesheet" href="css/index.css

2017-05-01 00:36:02 1369

匿名丶OC