web
文章平均质量分 94
洒满阳光的午后
学习不追求快,慢才是快。
展开
-
网站被攻击的总结反思
前段时间网站遭遇恶意攻击,以致无法访问,我对网络安全不是很了解,也只能从表面现象判断可能是遭遇了类似cc攻击,真的是书到用时方恨少,面对攻击真的是一筹莫展,毫无办法。其实早在前几天,我就已经发现网站有恶意注册现象发生,但并没有引起多少警觉,天真的认为阿里的服务器还是很安全的,有个云盾基础版也就差不多够用了,再说我这个小网站,也没什么攻击价值,结果酿成了悲剧。现在大致总结一下,有以下几个方面的问题:原创 2016-08-20 10:20:41 · 749 阅读 · 0 评论 -
无插件清理WordPress数据库的方法
玩过WordPress的都知道,随着网站运营时间的增加,WordPress数据库也会变得越来越臃肿,充斥着许多垃圾,影响到数据的查询效率进而也会影响网站的加载效率。要解决这个问题,就需要定期清理数据库,以防止不必要的数据积累。但很可能你不知道如何清理或者不敢随意折腾数据库,所以今天我会分享9个简单的小步骤,帮助你快速完成数据库的清理。原创 2017-04-16 14:18:41 · 5891 阅读 · 0 评论 -
CSS栅格系统与弹性盒模型:实践比较
不久以前,所有的HTML页面布局都是通过table、float以及其他CSS属性完成的,但这些方法并不适合构建复杂的web页面。于是,W3C推出了flexbox(弹性盒模型)——一种专门用于构建健壮的响应式页面的布局模式。使用flexbox可以很容易地对齐页面元素和内容,而它也是现在大多数web开发者首选的CSS系统。现在,最佳HTML布局系统的称号又多了一个新的竞争者,它就是强大的CSS Grid翻译 2017-04-20 15:31:25 · 3219 阅读 · 0 评论 -
20分钟学会正则表达式
程序员的世界有个笑话,在你遇到困难并决定使用正则表达式的时候,你会发现你又多了个困难。正则表达式是个非常强大的工具,老练的程序员常把它当作最后的杀手锏,一旦使用,必会技惊四座。正则表达式是一种专门用于定义文本的模式匹配规则的语言(英文称作Regular Expressions,现在计算机界更正规的术语是regex-es)。正则表达式有自己的语法和语法规则,初学者使用起来极易出错,但它的价值使你不能不原创 2017-04-22 16:08:45 · 1970 阅读 · 1 评论 -
四月份值得关注的15个JavaScript和CSS库
Core UICore UI是一个基于Bootstrap4的后台管理模板,提供高度可定制化的解决方案来构建控制面板,提供多种独立的标准版本,可集成在当前几个最流行的框架中:AngularJS、Angular 2、React.js、Vue.js。地址:http://coreui.io/React TrendUnsplash团队开发的一个React组件,可用来原创 2017-04-27 10:54:51 · 557 阅读 · 0 评论 -
HTML5风格指南与编码标准
1、尽量使用近XHTML的语法2、使用正确的文档声明3、元素名均使用小写,这样看起来更整洁,也更容易书写4、所有元素都应当闭合5、如果希望XML软件访问你的页面,尽量将空元素也闭合meta charset="utf-8" />6、属性名应当小写7、属性值应当使用双引号括起来8、图像的alt属性必写9、图像的大小必要情况下尽量指原创 2017-05-31 16:08:58 · 664 阅读 · 0 评论 -
如何在页面上呈现谷歌地图
地图数据 ©2017 GS(2011)6020 Google Imagery ©2017 TerraMetrics使用条款报告地图错误地图卫星图像翻译 2017-05-31 16:34:00 · 2825 阅读 · 0 评论 -
使用Phaser框架构建你的第一个H5游戏
还记得贪吃蛇这个经典游戏吗?在诺基亚时代,在黑白像素点游戏机时代,就是这样一个简单的游戏也能让我们玩上几个小时。在这篇文章,我们将使用HTML5来重现这个游戏,基于著名的开源HTML5游戏框架——Phaser。你将了解到游戏精灵、游戏状态,以及如何使用预加载(preload)、创建(create)与刷新(update)方法。最终效果呈现如下:一、开发准备首先访问Ph原创 2017-06-15 22:17:51 · 15178 阅读 · 1 评论 -
让C代码在浏览器中运行——WebAssembly入门介绍
WebAssembly作为一种新兴的Web技术,相关的资料和社区还不够丰富,但其为web开发提供了一种崭新的思路和工作方式,未来是很有可能大放光彩的。使用WebAssembly,我们可以在浏览器中运行一些高性能、低级别的编程语言,可用它将大型的C和C++代码库比如游戏、物理引擎甚至是桌面应用程序导入Web平台。截至目前为止,我们已经可以在Chrome、Firefox中使用WebAs原创 2017-06-16 22:38:55 · 61863 阅读 · 9 评论 -
HTML中多媒体的应用
关于多媒体的定义不再赘述,图像、音视频、电影、动画都属于多媒体。第一代浏览器仅支持单一字体、单一颜色的文本,之后的浏览器开始支持多种字体,多种颜色以及图像。各主流浏览器对音频、视频、动画的处理方式都不尽相同,支持的格式也多种多样,某些格式需要插件才能工作。自HTML5问世以来,多媒体的处理进入了一个新的时代,一切变得更加方便和容易了。常见视频格式MP4是一种原创 2017-06-01 23:02:39 · 891 阅读 · 0 评论 -
你可能不知道的19个JavaScript编码技巧
这篇文章收集了JavaScript中一些常见的和新颖的编码技巧,并基于ES6增加了新的内容;附有长短版本的比较,以便读者更好地理解,所有的JavaScript开发者不防都看一下。1、条件操作符使用条件操作符可以在一行代码中完成 if…else 语句的功能。const x = 20;let answer;if (x > 10) { answer = 'is great原创 2017-06-22 13:19:46 · 1342 阅读 · 0 评论 -
使用JavaScript生成二维码
最近几年,二维码在中国悄然兴起,大街小巷随处可见,小区门口卖烤红薯的大爷大妈都知道树一个二维码的牌子收账。我们日常使用的二维码,以QR码最为常见。QR码全称“快速响应矩阵码(Quick Response Code)”,由日本DENSO WAVE公司在1994年发明,也最早在日本得到较为广泛的应用。一个标准的QR码结构如下,读者可对照微信/QQ的名片二维码进行比较:生原创 2017-06-22 21:58:42 · 1076 阅读 · 0 评论 -
WordPress登录注册系统的优化
WordPress的登录注册系统有很多问题,不符合一般用户的使用习惯,举例来说:(1)注册时候无法自行设置登录密码,系统将自行生成一段非常复杂的密码给用户,根本无法记忆,只能再次重置密码。(2)用户注册成功后,首次登录将跳转到一个无用的(对于博客网站来说)个人资料界面,其实对于博客网站来说,用户之所以登录,无非是想更方便的进行评论,与作者或者其他读者交流,再无其他。(3)用原创 2017-03-26 16:02:59 · 9693 阅读 · 0 评论 -
如何实现幻灯片效果/图片轮播
幻灯片效果/图片轮播通常用来循环显示某些元素,常使用在网站与app首页。例如本站首页所使用的图片轮播:创建幻灯片特效第一步:添加HTMLhtml>head>meta charset="utf-8">title>幻灯片特效/图片轮播演示title>link rel="stylesheet" href="style.css">head>body>div原创 2017-03-25 22:44:15 · 4573 阅读 · 0 评论 -
如何搭建一个网站
过几年再看,当时写的内容还挺幼稚,后面看到这篇文章的童鞋,其实只需要关注这篇文章写的一些流程即可,技术性的东西就不要细看了,写得不一定对。——2019年7月10日补充内容大概在今年二月份,我萌生了搭建一个网站的想法,原因大概有两个:一是平时做公众号需要很多的素材,我选文的标准也是有两个,或者觉得这篇文章对我或者对大家有用,或者看完了能够哈哈一笑,是篇有趣的文章,否则我是宁愿不发文...原创 2020-04-24 16:19:08 · 55446 阅读 · 17 评论 -
1K的玫瑰——只属于程序员的浪漫
前段时间我参加了以“love”为主题的第四届js1k大赛(JavaScript界的高端赛事),我提交的作品是一幅动态3d玫瑰图像,你可以先看一下它的效果:http://js1k.com/2012-love/demo/1022。它采用蒙特卡洛抽样算法分段构建三维表面,我将通过下面这篇文章阐述所有的细节。(最后效果图)关于蒙特卡罗方法的简短说明蒙特卡罗方法是令人难以置信的强大工具。对于翻译 2016-08-20 10:12:38 · 5648 阅读 · 0 评论 -
深入理解SQL的十个步骤
很多程序员认为SQL十分令人讨厌,作为现存为数不多的声明式语言之一,SQL表现得与一些命令式语言(注:基于动作的语言,机器语言及汇编语言是最早的命令式语言,也称为过程式语言,Fortran、C、Ada、Pascal等都是命令式程序设计语言)、面向对象语言(注:一类以对象作为基本程序结构单位的程序设计语言,如C++、Objective-C等)、函数式语言(一种非冯·诺伊曼式的程序设计语言,如Lisp翻译 2016-08-20 10:12:43 · 8206 阅读 · 0 评论 -
Bootstrap模板分析:序言
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架。说它是最流行的前端框架,也是一点不为过的。你结识Bootstrap的时间,可能远比你想象的早得多,比如学编程的经常会看的CSDN博客,查看网页源代码就会发现下面这一句:上图第二句即是引入Bootstra原创 2016-08-22 17:42:17 · 688 阅读 · 0 评论 -
Bootstrap模板分析:按钮篇
我们先从最常见也最易学的按钮开始,选用的是“docs->examples->theme”模板(主题模板),用浏览器打开可见:其实这张图已经告诉我们不同样式的按钮使用方法了,稍后就能看到。用DW打开index.html,因为theme示例中包含了按钮、表格、缩略图、标签、角标等等的样式,所以代码还是挺长的,为了专注学习一下按钮的使用,我们只保留最核心的部分,精简为:ht原创 2016-08-22 17:43:47 · 1116 阅读 · 0 评论 -
关于Linux服务器安全的9条建议
任何重要的系统都不能忽视服务器安全,尤其在公有云中。网上有关这方面的小建议和教程有很多很多,这里我们只看几个基础的、通用的最佳做法。完成系统配置后应当执行的几项安全措施以Ubuntu 16.04为例:1、更新内核版本当然了,不能盲目更新,但对新部署的服务器来说,使用最新版内核一般是无害的,并且能提高系统安全系数。通常人们会建议我们禁用未使用的服务,但我选择信任发行商翻译 2016-09-22 10:37:49 · 1399 阅读 · 0 评论 -
如何设置wordpress的all-in-one-seo插件
General Settings:Home Page Settings:Home Title:使用博客/网站名称+关键词 Home Description:描述站点,最好言简意赅,关键词丰富Home Keywords:填写网站关键词Keyword settings现在的搜索引擎排名中,meta关键词已不再纳入考虑,所以此处也可以选择禁用disabled。原创 2017-01-14 19:09:28 · 2875 阅读 · 1 评论 -
如何创建一个优雅的登录表单
如何创建一个登录表单第一步:添加HTMLhtml>head>meta charset="utf-8">title>登录表单演示title>link rel="stylesheet" href="style.css">head>body>h2>登录h2>form action="/action_page.php"> div class="imgcontainer原创 2017-03-23 22:45:50 · 3749 阅读 · 0 评论 -
使用Web Speech API实现语音文本互转
本教程中,我们将尝试使用Web Speech API,这是一个非常强大的浏览器接口,可以用来记录语音并将其转换为文本,同样的,也可以用来朗读字符串。接下来进入正题,这个App应当具有以下几个功能:通过语音录入或者键盘输入的方式保存笔记;将笔记保存到本地;显示历史笔记并可以通过语音朗读笔记;此App无需使用任何花哨的依赖,只需使用jQuery来进行简单的DOM操作,以及Sho原创 2017-09-25 12:51:49 · 17353 阅读 · 17 评论