- 博客(46)
- 资源 (11)
- 收藏
- 关注
原创 性能优化——异步加载js文件
为什么要异步加载: 同步加载会阻塞浏览器的后续处理,即只有当当前文件加载完毕之后才能进行下一步的文件加载(如图像)、渲染、代码执行。如果js中有输出document内容、修改DOM、重定向等行为,就会造成页面阻塞。 什么叫异步加载: 异步加载不会阻塞浏览器的后续操作,即在加载执行js的同时,并行加载其他文件渲染页面。1. async属性async属性规定js文件一旦可用就会
2017-08-23 09:30:27
1759
原创 MVC设计模式探秘
一、什么是MVC开发模式M【Model】:模型 包含应用程序的业务数据和业务逻辑,主要包括业务逻辑模型(包含应用的业务操作,比如订单的添加或者修改等。)和业务数据模型(存放业务数据,比如订单信息、用户信息等)。由model提供视图的显示数据,同时一个Model可以为多个视图提供业务数据,因此Model可以提高业务的可重用性。V【View】:视图 即与用户交互的界面,可以给用户显示业务逻辑数
2017-08-21 11:59:09
582
原创 圣杯布局【双飞翼布局】的几种实现
圣杯布局:两边定宽,中间宽度自适应;且优先渲染中间主题内容部分。一、负边距法DOM结构: 由于需要优先渲染主题内容部分,因此在DOM结构中需要将其写在左右侧边栏之前。 <header>header</header> <main> <div class="mid"> <div class="middle">middle</div>
2017-08-20 17:42:26
1953
原创 JavaScript常用数组处理函数【属性+方法】
length -属性:设置或返回数组中元素的数目concat() -连接两个或更多的数组,并返回结果。 -不会改变现有的数组,而仅仅会返回被连接数组的一个副本 -arrayObject.concat(arrayX,arrayX,......,arrayX)join() -把数组的所有元素放入一个字符串。 -元素通过指定的分隔符进行分隔。 -arrayObject.join(separa
2017-08-19 23:25:42
578
原创 JavaScript常用字符串处理函数【属性+方法】
length 属性:返回字符串长度concat - 连接两个或多个字符串(还可以使用‘+’连接) - 返回连接后的字符串 - stringObject.concat(stringX,stringX,...,stringX)charAt() - 返回指定索引位置的字符 - stringObject.charAt(index)indexOf() - 返回字符串中检索指定字符第一次出现的位置
2017-08-19 22:14:04
499
转载 几种清除浮动的方法
(1)、父级div定义 height原理:父级div手动定义height,就解决了父级div无法自动获取到高度的问题。 优点:简单、代码少、容易掌握 缺点:只适合高度固定的布局,要给出精确的高度,如果高度和父级div不一样时,会产生问题 建议:不推荐使用,只建议高度固定的布局时使用 (2)、结尾处加空div标签 clear:both原理:添加一个空div,利用css提高的clear:bo
2017-08-19 16:29:24
381
转载 常见浏览器兼容问题及解决办法
(1)浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。碰到频率:100%解决方案:CSS里 *{margin:0;padding:0;}(建议用CSS normalize)备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设置各个标签的内外补丁
2017-08-19 16:07:19
542
原创 判断NaN
好久没有写js了,今天遇到一道数组去重的题目,在判断NaN的地方栽了跟头。题目要求NaN去重,空对象保留。 原数组:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’, ‘a’, NaN] 去重后:[false, true, undefined, null, NaN, 0, 1, {}, {}, ‘a’] 下面是我的源码:A
2017-07-31 16:29:58
3520
原创 ERROR 2003 (HY000): Can't connect to MySQL server on 'localhost' (10061)
软件久了不用就闹脾气ヽ(`⌒´)ノ 考个期末考试MySQL就启动不了了╥﹏╥
2017-06-30 15:10:59
609
原创 gulp入门——基本功能实现
gulpfile.jsvar gulp = require('gulp'), // runSequence = require('run-sequence'), gulpSequence = require('gulp-sequence'), changed = require('gulp-changed'), // bump = require('gulp-bump
2017-05-30 11:06:25
984
原创 node.js操作MySQL数据库
一、安装MySQL这一步一定不能落下,我一开始图方便就直接运行了node.js代码,结果出现了error。 我安装后的数据库用户名和密码均为默认值,分别为用户名“root”和密码为空,每到提示输入密码时直接回车即可。二、建立可使用的数据库这一步可以有两种做法:其一:直接使用命令行创建一个数据库并添加数据来使用。其二:编写后缀为‘.sql’的文件并将其导入到数据库,下面详解做法二操作步骤:SQL
2017-05-23 16:39:28
1737
原创 解决MySQL命令行工具闪退问题
1. 打开命令行工具立马闪退一点余地都不留给我啊喂,幸好找到了这位大哥的救苦救难手把手教学: mysql command line client打不开(闪一下消失)的解决办法2. 输入密码闪退超开心地解决了第一个问题,结果命途多舛,输入密码之后立马又给我闪退了,很无奈。以下这个教程跟着做下来都没有问题,感觉应该解决了,但就是打开mysql command line client输入密码之后还是
2017-05-22 23:30:47
12233
2
原创 常用http状态码
200 OK 请求已成功,请求所希望的响应头或数据体将随此响应返回。301 Moved Permanently 永久重定向。 请求的资源已被永久的移动到新URI,返回信息会包括新的URI,浏览器会自动定向到新URI。今后任何新的请求都应使用新的URI代替。302 Move temporarily 暂时重定向。 与301类似,但资源只是临时被移动。客户端应继续使用原有URI。304 N
2017-05-19 21:06:07
362
原创 HTML5 canvas实现图片拉伸、压缩与裁剪
前言: 我们在网页中经常会用到图片展示,通常情况下会给一个固定的宽高来显示这个图片,然而从服务器端上传的图片大小是不确定的,如果直接按默认填充这个框有时候就会特别丑orz。作为一个完(wai)美(mao)主(xie)义(hui)者,让图片们尽可能优美地展现在网页上是一个很愉悦的责任。 今天就给太瘦小图片们伸展伸展或者给XXXL号减减肥吧(~ ̄▽ ̄)~一、canvas绘图API 工欲
2017-03-31 20:54:47
38465
6
原创 PC端各浏览器JavaScript问题【Chrome、Firefox、IE】——长期更新
一、touchmove事件只能触发一次解决:touchstart时阻止默认事件二、HTML5画布无法清除1、使用clearRect: 第一次正常清除,第二次无法清除;ctx.clearRect(0, 0, w, w)2、使用重置画布宽/高:能正常清除但第一次清除后能正常重绘,第二次清除后无法重绘$canvas.attr("width", 0)$canvas.attr("width", w)
2017-03-29 10:33:13
485
原创 同一进程中线程共享和私有的资源类型
一、共享进程代码段;进程的公有数据(进程间通信);进程打开的文件描述符;信号的处理器;进程的当前目录和进程用户ID与进程组ID。二、私有线程ID;寄存器组的值;线程的堆栈;错误返回码;线程的信号屏蔽码;线程的优先级。
2017-03-25 17:43:34
780
原创 http协议
8种请求方式OPTIONS:返回服务器针对特定资源所支持的HTTP请求方法。也可以利用向Web服务器发送’*’的请求来测试服务器的功能性。 HEAD:向服务器索要与GET请求相一致的响应,只不过响应体将不会被返回。这一方法可以在不必传输整个响应内容的情况下,就可以获取包含在响应消息头中的元信息。 GET:向特定的资源发出请求。 POST:向指定资源提交数据进行处理请求(例如提交表单或者上
2017-03-25 17:23:42
320
原创 鼠标/键盘事件 相关属性
1、识别按键类型(左中右)左键是 window.event.button = 1 右键是 window.event.button = 2 中键是 window.event.button = 4 没有按键动作window.event.button = 0Firefox左键是 event.button = 0 右键是 event.button = 2 中键是 event.button =
2017-03-25 10:33:21
861
原创 主流浏览器内核
内核 前缀 浏览器 Trident -ms IE WebKit -webkit Safari、 chrome(旧) Gecko -moz Firefox Presto -o opera(旧) blink chrome(新)、opera(新)
2017-03-24 18:59:30
299
原创 JavaScript 实现内排序算法
一、插入排序 每条新纪录与前面已排序的子序列进行比较,将它插入到子序列中的正确位置。function insertionSort( arr ) { var len = arr.length for (var i = 1; i < len; i++) { for( var j = i; j > 0; j-- ){ if( arr[j] <
2017-03-24 18:48:13
349
原创 CCF201409-4最优配餐
问题描述 栋栋最近开了一家餐饮连锁店,提供外卖服务。随着连锁店越来越多,怎么合理的给客户送餐成为了一个急需解决的问题。 栋栋的连锁店所在的区域可以看成是一个n×n的方格图(如下图所示),方格的格点上的位置上可能包含栋栋的分店(绿色标注)或者客户(蓝色标注),有一些格点是不能经过的(红色标注)。 方格图中的线表示可以行走的道路,相邻两个格点的距离为1。栋栋要送餐必须走可以行走的道路,
2017-03-18 09:43:46
511
原创 CCF201403-4无线网络
问题描述 目前在一个很大的平面房间里有 n 个无线路由器,每个无线路由器都固定在某个点上。任何两个无线路由器只要距离不超过 r 就能互相建立网络连接。 除此以外,另有 m 个可以摆放无线路由器的位置。你可以在这些位置中选择至多 k 个增设新的路由器。 你的目标是使得第 1 个路由器和第 2 个路由器之间的网络连接经过尽量少的中转路由器。请问在最优方案下中转路由器的最少个数是多少?
2017-03-17 21:41:07
359
原创 文章标题CCF201509-4高速公路
问题描述 某国有n个城市,为了使得城市间的交通更便利,该国国王打算在城市之间修一些高速公路,由于经费限制,国王打算第一阶段先在部分城市之间修一些单向的高速公路。 现在,大臣们帮国王拟了一个修高速公路的计划。看了计划后,国王发现,有些城市之间可以通过高速公路直接(不经过其他城市)或间接(经过一个或多个其他城市)到达,而有的却不能。如果城市A可以通过高速公路到达城市B,而且城市B也可以通过高
2017-03-17 20:44:22
701
原创 cCCF201512-4送货
问题描述 为了增加公司收入,F公司新开设了物流业务。由于F公司在业界的良好口碑,物流业务一开通即受到了消费者的欢迎,物流业务马上遍及了城市的每条街道。然而,F公司现在只安排了小明一个人负责所有街道的服务。 任务虽然繁重,但是小明有足够的信心,他拿到了城市的地图,准备研究最好的方案。城市中有n个交叉路口,m条街道连接在这些交叉路口之间,每条街道的首尾都正好连接着一个交叉路口。除开街道的首尾
2017-03-17 20:24:05
585
1
原创 CCF201604-4游戏
问题描述 小明在玩一个电脑游戏,游戏在一个n×m的方格图上进行,小明控制的角色开始的时候站在第一行第一列,目标是前往第n行第m列。 方格图上有一些方格是始终安全的,有一些在一段时间是危险的,如果小明控制的角色到达一个方格的时候方格是危险的,则小明输掉了游戏,如果小明的角色到达了第n行第m列,则小明过关。第一行第一列和第n行第m列永远都是安全的。 每个单位时间,小明的角色必须向上下左
2017-03-17 16:54:43
520
原创 CCF201609-4交通规划
问题描述 G国国王来中国参观后,被中国的高速铁路深深的震撼,决定为自己的国家也建设一个高速铁路系统。 建设高速铁路投入非常大,为了节约建设成本,G国国王决定不新建铁路,而是将已有的铁路改造成高速铁路。现在,请你为G国国王提供一个方案,将现有的一部分铁路改造成高速铁路,使得任何两个城市间都可以通过高速铁路到达,而且从所有城市乘坐高速铁路到首都的最短路程和原来一样长。请你告诉G国国王在这些条
2017-03-17 09:22:00
800
原创 CCF201512-3画图
问题描述 用 ASCII 字符来画图是一件有趣的事情,并形成了一门被称为 ASCII Art 的艺术。例如,下图是用 ASCII 字符画出来的 CSPRO 字样。 本题要求编程实现一个用 ASCII 字符来画图的程序,支持以下两种操作: Ÿ 画线:给出两个端点的坐标,画一条连接这两个端点的线段。简便起见题目保证要画的每条线段都是水平或者竖直的。水平线段用字符 - 来画,竖直
2017-03-17 08:13:33
434
原创 CCF201604-3路径解析
问题描述 在操作系统中,数据通常以文件的形式存储在文件系统中。文件系统一般采用层次化的组织形式,由目录(或者文件夹)和文件构成,形成一棵树的形状。文件有内容,用于存储数据。目录是容器,可包含文件或其他目录。同一个目录下的所有文件和目录的名字各不相同,不同目录下可以有名字相同的文件或目录。 为了指定文件系统中的某个文件,需要用路径来定位。在类 Unix 系统(Linux、Max OS X、
2017-03-16 21:08:12
368
原创 CCF201509-03模板生成系统
问题描述 成成最近在搭建一个网站,其中一些页面的部分内容来自数据库中不同的数据记录,但是页面的基本结构是相同的。例如,对于展示用户信息的页面,当用户为 Tom 时,网页的源代码是 而当用户为 Jerry 时,网页的源代码是 这样的例子在包含动态内容的网站中还有很多。为了简化生成网页的工作,成成觉得他需要引入一套模板生成系统。 模板是包含特殊标记的文本。成成用到的模板只包含一种
2017-03-16 20:30:58
533
原创 CCF201403-3命令行选项
问题描述 请你写一个命令行分析程序,用以分析给定的命令行里包含哪些选项。每个命令行由若干个字符串组成,它们之间恰好由一个空格分隔。这些字符串中的第一个为该命令行工具的名字,由小写字母组成,你的程序不用对它进行处理。在工具名字之后可能会包含若干选项,然后可能会包含一 些不是选项的参数。 选项有两类:带参数的选项和不带参数的选项。一个合法的无参数选项的形式是一个减号后面跟单个小写字母,如”-
2017-03-15 16:19:55
581
1
转载 CCF201612-3权限查询
问题描述 授权 (authorization) 是各类业务系统不可缺少的组成部分,系统用户通过授权机制获得系统中各个模块的操作权限。 本题中的授权机制是这样设计的:每位用户具有若干角色,每种角色具有若干权限。例如,用户 david 具有 manager 角色,manager 角色有 crm:2 权限,则用户 david 具有 crm:2 权限,也就是 crm 类权限的第 2 等级的权限。
2017-03-15 14:23:11
365
原创 阿里2017实习一面二面
一不小心好像写成日记了【尴尬 |||】一、简历投递 哈,本来上学期是意志坚定要走保研的,放假回去和爸妈商量并得到了支持。然而!刚开学就各种实习招聘那叫一个铺天盖地啊,本来只有那么一丢丢试试的心态,但是革命战友们一个二个地来问我投简历没。。。哈哈哈,然后我就很没立场的开始投简历找实习了/(ㄒoㄒ)/~~ 第一次投简历还是很紧张的,幸好内推的学长人很好,陪我聊了好久【保研还是工作】的话题,
2017-03-14 22:09:01
2941
原创 DOCTYPE声明——标准模式与怪异模式的区别
DOCTYPE声明:告知浏览器如何解析和渲染文档 DTD:文档类型定义分类方式一1、标准模式:浏览器按W3C标准解析执行代码 ① 如果XHTML文档包含完整的DOCTYPE,那么它一般以标准模式呈现; ② 包含严格dtd的doctype和包含过渡dtd和URI的doctype常常导致页面以标准模式呈现;2、怪异模式:使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行
2017-03-13 22:24:32
5719
1
原创 CCF201512-2消除类游戏
问题描述 消除类游戏是深受大众欢迎的一种游戏,游戏在一个包含有n行m列的游戏棋盘上进行,棋盘的每一行每一列的方格上放着一个有颜色的棋子,当一行或一列上有连续三个或更多的相同颜色的棋子时,这些棋子都被消除。当有多处可以被消除时,这些地方的棋子将同时被消除。 现在给你一个n行m列的棋盘,棋盘中的每一个方格上有一个棋子,请给出经过一次消除后的棋盘。 请注意:一个棋子可能在某一行和某一列同
2017-03-12 21:12:56
295
原创 CCF201604-2俄罗斯方块
问题描述 俄罗斯方块是俄罗斯人阿列克谢·帕基特诺夫发明的一款休闲游戏。 游戏在一个15行10列的方格图上进行,方格图上的每一个格子可能已经放置了方块,或者没有放置方块。每一轮,都会有一个新的由4个小方块组成的板块从方格图的上方落下,玩家可以操作板块左右移动放到合适的位置,当板块中某一个方块的下边缘与方格图上的方块上边缘重合或者达到下边界时,板块不再移动,如果此时方格图的某一行全放满了方块
2017-03-12 21:07:44
411
原创 基于jQuery和bootstrap的富文本编辑插件—summernote
1、使用HTML5 doctype2、引入jQuery、bootstrap、font-awesome文件<!-- include libraries(jQuery, bootstrap) --><link href="http://netdna.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.css" rel="stylesheet"><script
2017-03-12 15:36:47
5604
1
原创 CCF1609-2火车购票
问题描述 请实现一个铁路购票系统的简单座位分配算法,来处理一节车厢的座位分配。 假设一节车厢有20排、每一排5个座位。为方便起见,我们用1到100来给所有的座位编号,第一排是1到5号,第二排是6到10号,依次类推,第20排是96到100号。 购票时,一个人可能购一张或多张票,最多不超过5张。如果这几张票可以安排在同一排编号相邻的座位,则应该安排在编号最小的相邻座位。否则应该安排在编
2017-03-11 20:13:42
545
原创 CCF201612-2工资计算
问题描述 小明的公司每个月给小明发工资,而小明拿到的工资为交完个人所得税之后的工资。假设他一个月的税前工资(扣除五险一金后、未扣税前的工资)为S元,则他应交的个人所得税按如下公式计算: 1) 个人所得税起征点为3500元,若S不超过3500,则不交税,3500元以上的部分才计算个人所得税,令A=S-3500元; 2) A中不超过1500元的部分,税率3%; 3) A中超过15
2017-03-11 17:11:05
748
原创 PC端各浏览器布局兼容问题【Chrome、Firefox、IE】——长期更新
1、Firefox、IE8下属性为“readonly”的表单元素获得焦点会有光标‘I’进去。解决办法:/(ㄒoㄒ)/~~2、IE不支持HTML5标签解决办法:CSS中添加如下代码main, nav, header, footer, section, article, aside, dialog, figure, menu { display: block;}3、文字排列方向1) CSS3属
2017-03-11 15:38:25
4729
原创 JavaScript跨域方法总结
同源安全策略 默认情况下,XHR 对象只能访问与包含它的页面位于同一个域中的资源。这种安全策略可以预防某些恶意行为。但是,实现合理的跨域请求对开发某些浏览器应用程序也是至关重要的。一、CORS Cross-Origin Resource Sharing,跨域资源共享1、原理CORS是 W3C 的一个工作草案,定义了在必须访问跨源资源时,浏览器与服务器应该如何沟通。CORS 背后的基本思想
2017-03-01 16:58:39
936
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人