- 博客(326)
- 资源 (8)
- 收藏
- 关注
RSS订阅转载 flex布局（一劳永逸的搞定）
寻根溯源话布局一切都始于这样一个问题：怎样通过 CSS 简单而优雅的实现水平、垂直同时居中。记得刚开始学习 CSS 的时候，看到float属性不由得感觉眼前一亮，顺理成章的联想到 Word 文档排版中用到的的左对齐、右对齐和居中对齐，然而很快就失望的发现 CSS 中并不存在float: center的写法，那么text-align: center、verticle-align: ce...
2017-04-27 14:49:54
50845
9
转载 Vue框架引入JS库的正确姿势
在Vue.js应用中，可能需要引入Lodash，Moment，Axios，Async等非常好用的JavaScript库。当项目变得复杂庞大，通常会将代码进行模块化拆分。可能还需要跑在不同的环境下，比如浏览器，服务端。如何在各个模块和组件文件中引入需要的库呢？ 找到一种简单靠谱的方式，可以省去很多的麻烦。错误示范全局变量法最不靠谱的方式就是将导入的库挂在全部变量win
2017-04-26 09:39:17
31605
3
转载 一道常被人轻视的前端JS面试题
目录前言第一问第二问变量声明提升函数表达式第三问第四问第五问第六问构造函数的返回值第七问最后前言年前刚刚离职了，分享下我曾经出过的一道面试题，此题是我出的一套前端面试题中的最后一题，用
2017-04-19 20:06:39
538
1
转载 HTML5 – 操作本地文件
本篇文章的主要目的是介绍本地文件相关 API 的使用，好的，废话不多说，下面直接开始。基础的 File APIFile Api 提供了在浏览器中与本地文件进行交互的最基础的方法，不过值得注意的是，由于安全问题，开发者并不能主动的去访问客户端的文件信息，也就是说这一过程需要用户的参与，最常用的获取本地文件的手段莫过于两种：用户通过 input[type = f
2017-04-19 10:48:35
2190
转载 JavaScript常用代码总结
分享了一些常用JavaScript代码，有：1.手机类型判断、2.字符串长度、3.获取url中的参数、4.js 绑定事件、5.当前浏览器JS的版本、6.全选/全不选、7.移除事件、8.回车提交、9.ajax提交等。经常使用的 JS 方法，今天记下，以便以后查询手机类型判断var BrowserInfo = { userAge
2017-04-19 10:46:24
646
转载 从__proto__和prototype来深入理解JS对象和原型链
就标题而言，这是七八篇里起得最满意的，高大上，即使外行人也会不明觉厉！ 不过不是开玩笑，本文的确打算从__proto__和prototype这两个容易混淆来理解JS的终极命题之一：对象与原型链。__proto__和prototype__proto__引用《JavaScript权威指南》的一段描述：Every JavaScript object has a s
2017-04-19 10:29:57
1257
转载 浏览器缓存机制剖析
正文从这开始～缓存一直是前端优化的主战场, 利用好缓存就成功了一半. 本篇从http请求和响应的头域入手, 让你对浏览器缓存有个整体的概念. 最终你会发现强缓存, 协商缓存 和 启发式缓存是如此的简单 .浏览器对于请求资源, 拥有一系列成熟的缓存策略. 按照发生的时间顺序分别为存储策略, 过期策略, 协商策略, 其中存储策略在收到响应后应用, 过期策略, 协商策略在发送请求前应用.
2017-04-14 10:30:53
532
原创 viewer.js插件的使用
Viewer.jsJavaScript image viewer.Homepage Viewer as jQuery pluginTable of contentsFeatures Main Getting started Keyboard support Options Methods Events No conflict Browser support C...
2017-04-13 20:41:26
30203
原创 前台获取后台返回的图片并显示
后台：String base64str=new String(log.getRequest_imgdata());//log为实体 括号里面是图像的get方法 返回为Byte[]型String new str=new String("\"data:image/jpg;base64,"+base64str+"\"");//拼装Base64字符串头response.getWriter().
2017-04-13 20:15:05
49585
原创 常用正则表达式
很多不太懂正则的朋友，在遇到需要用正则校验数据时，往往是在网上去找很久，结果找来的还是不很符合要求。所以我最近把开发中常用的一些正则表达式整理了一下，在这里分享一下。给自己留个底，也给朋友们做个参考。一、校验数字的表达式数字：^[0-9]*$n位的数字：^\d{n}$至少n位的数字：^\d{n,}$m-n位的数字：^\d{m,n}$
2017-04-13 19:23:50
714
转载 前端中与宽高有关的属性
正处于前端入门阶段的我一直对前端中出现的innerHeight,availHeight,clientHeight,offsetLeft等与宽高有关的属性一知半解。所以趁着清明三天短假捋清这些属性。由于IE8以下的IE浏览器市场份额已逐年下降，所以对于IE浏览器，本文中将只考虑IE8及以上的版本，至于其他浏览器，也是以chrome兼容为主。与window对象相关的属性window对象表示浏览
2017-04-08 09:45:09
854
转载 正则表达式
正则表达式的定义正则表达式是由普通字符和特殊字符(也叫元字符或限定符)组成的文字模板. 如下便是简单的匹配连续数字的正则表达式:/[0-9]+//\d+/“\d” 就是元字符, 而 “+” 则是限定符.元字符元字符描述.匹配除换行符以外的任意字符\d匹配数字, 等价于字符组[0-9]\w匹配字母, 数字
2017-04-08 09:13:21
3030
转载 Git常用命令清单
目录配置修改项目中的个人信息多账号ssh配置免密登录Git推向3个库增加3个远程库地址删除其中一个 set-url 地址pushpull更改pull新建仓库initstatusaddcommitremotepush从现有仓库克隆submodule本地addrmcommitresetrevertcheckoutdiffstashmergecherry-pi
2017-04-08 08:55:39
561
原创 自己常用的CSS
css有些属性容易忘记，半天不写就要去查api，有时候api还不好使，于是还是记下来以后方便用，后续会慢慢补充进来的。outline 当选中input元素的时候会出现状态线An outline is a line that is drawn around elements (outside the borders) to make the element "stand out".包裹
2017-03-30 10:13:06
614
原创 git常用命令
我每天使用 Git ，但是很多命令记不住。一般来说，日常使用只要记住下图6个命令，就可以了。但是熟练使用，恐怕要记住60～100个命令。下面是我整理的常用 Git 命令清单。几个专用名词的译名如下。Workspace：工作区Index / Stage：暂存区Repository：仓库区（或本地仓库）Remote：远程仓库一、新建代码库
2017-03-28 20:50:11
402
转载 H5项目常见问题及注意事项
Meta基础知识：H5页面窗口自动调整到设备宽度，并禁止用户缩放页面//一、HTML页面结构// width 设置viewport宽度，为一个正整数，或字符串‘device-width’// height 设置viewport高度，一般设置了宽度，会自动解析出高度，可以不用设置// initial-scale 默认缩放比例，为一个数字，可以带小数// m
2017-03-16 12:50:38
488
原创 常见前端面试题及答案（下）
69.你如何从浏览器的URL中获取查询字符串参数。以下函数把获取一个key的参数。 1 function parseQueryString ( name ){ name = name.replace(/[\[]/,"\\\["); var regexS = "[\\?&]"+name+"=([^&#]*)"; var regex = new RegExp( r
2017-02-19 22:53:22
607
原创 常见前端面试题及答案（上）
前言本文是在GitHub上看到一个大牛总结的前端常见面试题，很多问题问的都很好，很经典、很有代表性。上面没有答案，我就整理了一下，从网上找了一些相关问题的答案。里面有一部分问题的答案我也没有进行考证，不少答案都来源于网络，或许会有疏漏之处，仅供大家参考哦！(还有一部分问题答案还未整理，大家也可以自己搜索一下答案)1.你能描述一下渐进增强和优雅降级之间的不同吗?优雅降级：Web站点在所有
2017-02-19 22:51:25
1093
原创 详解JS构造函数方法与原型prototype上的方法
构造函数内的方法与构造函数prototype属性上方法的对比本文的目的是让大家理解什么情况下把函数的方法写在JavaScript的构造函数上,什么时候把方法写在函数的prototype属性上;以及这样做的好处.为了阅读方便,我们约定一下:把方法写在构造函数内的情况我们简称为函数内方法,把方法写在prototype属性上的情况我们简称为prototype上的方法首先我们先了解
2017-02-19 22:33:51
1777
原创 JavaScript中的this陷阱的最全收集
JavaScript来自一门健全的语言，所以你可能觉得JavaScript中的this和其他面向对象的语言如java的this一样，是指存储在实例属性中的值。事实并非如此，在JavaScript中，最好把this当成哈利波特中的博格特的背包，有着深不可测的魔力。 下面的部分是我希望我的同事在使用JavaScript的this的时候应当知道的。内容很多，是我学习好几年总结出来的。Ja
2017-02-19 22:29:34
425
原创 前端如何实现图片懒加载(lazyload) 提高用户体验
定义图片懒加载又称图片延时加载、惰性加载，即在用户需要使用图片的时候加载，这样可以减少请求，节省带宽，提高页面加载速度，相对的，也能减少服务器压力。 惰性加载是程序人性化的一种体现，提高用户体验，防止一次性加载大量数据，而是根据用户需要进行资源的请求。实现懒加载的难点在于确定某张图片是否是用户需要的资源，在浏览器中，用户需要的是可视区内的资源，因此我们只需要判断图片是否
2017-02-17 18:16:04
7276
1
转载 跨域解决方案
什么是跨域JSONPCORSCSS Text TransformationwindowpostMessagewindownamedocumentdomain什么是跨域先来说一个概念就是同源，同源指的是协议，端口，域名全部相同。同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，则浏览器的正常功能可能都会
2017-01-17 08:46:47
473
转载 bower简明入门教程
什么是bowerBower是一个客户端技术的软件包管理器，它可用于搜索、安装和卸载如JavaScript、HTML、CSS之类的网络资源。其他一些建立在Bower基础之上的开发工具，如YeoMan和Grunt，这个会在以后的文章中介绍。准备工作安装node环境:node.js安装Git，bower从远程git仓库获取代码包:git简易指南安装bower使用npm，打开终
2016-12-08 11:55:24
473
转载 Sublime Text 3使用SublimeLinter配置JS,CSS,HTML语法检查
安装Package Control Sublime安装插件有两种方式，一种是直接下载安装包解压缩到Packages目录，另一种是通过Package Control组件来安装组件，后者更加的方便。打开Sublime，按control + ` 打开控制台，粘贴如下代码到命令行并回车；import urllib.request,os; pf = 'Package Control.subli
2016-12-07 13:54:35
5809
3
原创 mysql配置utf8编码
找到mysql目录 打开my.ini配置文件[client]default-character-set=utf8[mysql]default-character-set=utf8[mysqld]init_connect='SET collation_connection = utf8_unicode_ci'init_connect='SET NAMES utf8
2016-12-02 18:20:42
470
转载 windows下mongodb安装图文教程(整理)
一、首先安装mongodb1.下载地址：http://www.mongodb.org/downloads2.解压缩到自己想要安装的目录，比如d:\mongodb3.创建文件夹d:\mongodb\data\db、d:\mongodb\data\log，分别用来安装db和日志文件，在log文件夹下创建一个日志文件MongoDB.log，即d:\mongodb\data\log\MongoDB.log
2016-11-30 13:26:18
1249
转载 前端优化：雅虎35条
写在前面英文原版链接，若是觉得本文哪里不好还请指出，以便及时修改目录（分7类，共35条）：[内容]尽量减少HTTP请求数 [服务器]使用CDN（Content Delivery Network） [服务器]添上Expires或者Cache-Control HTTP头 [服务器]Gzip组件 [css]把样式表放在顶部 [js]把脚本放在底部 [css]避免使用CSS表达式 [j
2016-11-12 13:46:52
1047
转载 前端神器-sublime text3插件安装及使用
作为前端人员，要找一个很顺手的编辑器真的不容易，以前我用同事推荐的netbeans，很好用，但是它主要是用于php开发，且软件太大，运行起来比较慢，后来又用前端开发的webStrom,也不错，很好用，他的历史记录等功能比较强大，但是还是有一个缺点，就是软件有点大，运行起来有点慢。我在我向大家推荐一款实用的前端开发神器，不但占地小，且插件很多，很强大。下面我向大家介绍一下它的安装及插件的使用方法
2016-11-11 19:25:43
7926
原创 jqGrid：grid重载
在刚做的项目中，需要两个grid，他们分别都是与下拉框-联动的，其中一个grid表头固定，一个是动态的（即根据下拉框中内容不同，grid中列不同）。需要在每次更改下拉框中内容后，重载数据，即grid需要重载，不然grid本身出现叠加错误。1、若grid中表头是固定的，使用如下即可：$("#gridTable").jqGrid('setGridParam', { url: '#',
2014-12-09 15:33:09
8611
原创 系统视图，系统表，系统存储过程的使用
系统视图，系统表，系统存储过程的使用获取数据库中用户表信息1、获取特定库中所有用户表信息select* fromsys.tablesselect* fromsys.objects wheretype='U' --用户表第二条语句中当type='S'时是系统表2、获取表的字段信息select* fro
2014-10-28 10:22:57
1947
原创 8大排序算法
排序算法可以分为内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。常见的内部排序算法有：插入排序、希尔排序、选择排序、冒泡排序、归并排序、快速排序、堆排序、基数排序等。本文将依次介绍上述八大排序算法。算法一：插入排序 插入排序示意图插入排序是一种最简单直观的排序算法，它的工作原理是
2014-08-18 13:09:44
1051
原创 50个SQL语句
一个项目用到的50个SQL语句转载说明：以下五十个语句都按照测试数据进行过测试，最好每次只单独运行一个语句。问题及描述：--1.学生表Student(Sid,Sname,Sage,Ssex)--Sid学生编号,Sname学生姓名,Sage出生年月,Ssex 学生性别--2.课程表Course(Cid,Cname,Tid)--Cid --课程编号,Cname课
2014-08-18 13:01:54
1683
原创 js:深入闭包（作用域：下）
function fn1(){ //创建了一个数组 var fns = new Array(); //i这个变量是保存在fn1这个作用域中 for(var i=0;i //数组中的值是一组函数 fns[i] = function(){ return i; } } return fns;}var fs =
2014-05-10 09:40:30
1876
原创 SQL优化(Oracle)
(转)SQL优化原则一、问题的提出 在应用系统开发初期，由于开发数据库数据比较少，对于查询SQL语句，复杂视图的的编写等体会不出SQL语句各种写法的性能优劣，但是如果将应用系统提交实际应用后，随着数据库中数据的增加，系统的响应速度就成为目前系统需要解决的最主要的问题之一。系统优化中一个很重要的方面就是SQL语句的优化。对于海量数据，劣质SQL语句和优质SQL语句之间的速度差别可以达到
2014-05-08 23:31:14
1507
原创 js:深入闭包(作用域：上)
/** * 闭包的作用域 */fn1(); //fn1 能够执行，不会报错，对于通过function func_name()这种写法来定义的函数，永远都会被最先初始化。function fn1(){ console.log("fn1");}fn2(); //报错：fn2 is not a function/** *使用如下方式定义函数，不会被先执行，如果在
2014-05-08 11:07:13
1557
原创 js:深入继承
/** * js实现继承： * 1.基于原型链的方式 * 2.基于伪造的方式 * 3.基于组合的方式 */一、基于原型链的方式function Parent(){ this.pv = "parent"; }Parent.prototype.showParentValue = function(){ console.log(this.pv); }
2014-05-05 00:23:04
1813
2
原创 js:对象的创建(基于组合和动态原型)
基于原型的创建虽然可以有效地完成封装，但是依然存在如下问题：1.无法通过构造函数来设置属性值2.当属性中有引用类型变量时，可能存在变量值重复function Person(){}Person.prototype = { constructor:Person, name:"Leon", age:30, friends:["Ada","Chris"],
2014-05-03 20:59:00
1497
原创 js:深入prototype（下：原型重写）
//当属性和方法特别多时，编写起来不是很方便，可以通过json的格式来编写//由于原型重写，而且没有通过Person.prototype来指定，此时的constructor不会再指向Person而是指向Object//如果constructor真的比较重要，可以在json中说明原型的指向function Person(){ }Person.prototype = {
2014-05-03 16:02:06
3441
原创 js:深入prototype（上：内存分析）
/** * 以下演示了通过原型的创建方式，使用基于原型的创建可以将属性和方法 * 设置为Person专有的，不能通过window来调用。 * 原型是javascript中的一个特殊对象，当一个函数创建之后，会随之就产生一个原型对象 * 当通过这个这个函数的构造函数创建了一个具体的对象之后，在这个具体的对象中，就会有一个属性指向原型 *///第一种状态
2014-05-03 12:49:52
2977
原创 js：对象的创建（为prototype做铺垫）
/** *在js中并不存在类，所以可以直接通过Object来创建对象，但是使用这种方式创建有一 *弊端：由于没有类的约束，无法实现对象的重复利用，并且没有一种规范约定，在操作时容易带来问题。 */var person = new Object();person.name = "octopus";person.age = 25;person.say = function(
2014-05-03 10:06:34
1699
velocity介绍
2013-09-10
IBM.Rational.Rose.Enterprise2003破解文件
2013-04-07
长整数的四则运算
2012-05-20
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人