- 博客(37)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 图片比例自适应居中与CSS垂直水平居中
图片比例自适应居中说明最近项目里有这样一个需求：要求是在图片外部的框框是大小一致、图片的长宽比不一致，且图片能够在固定高度的情况下，使得图片的宽度能保持原有的比例，及宽度不压缩，图片始终在外部div的最中间，如下图所示图片宽度大于外部边框的情况下，两边会有一部分看不见原图效果图图片宽度小于外部边框的情况下，两边会留白原图效果图代码在网上找了许多资料，最终使用了下面的方案，效果很OKhtml部
2018-04-20 11:10:45
8876
原创 Express+mongoose搭建简易的web数据接口
搭建node.js服务和express框架开始：npm install express --saveexpress serverdone启动：npm installnode bin/www或者npm start更换jade模板引擎为html安装ejs npm install ejs --saveapp.js引入ejs : var ejs = require('ejs')配置vie
2018-02-01 12:02:18
542
原创 信息安全数学基础js奇淫技巧解决辗转相除法同余式等问题
本文涉及到的数学知识都是来自《信息安全数学基础》陈恭亮版这一本书！ 这本书中涉及到了大量的数论的计算问题，比如辗转相除，求解同余式，用模重复平方求同余式等等，为了应对(fu)考试，在此将这些计算问题做成了一个页面，利用js计算结果，再将结果呈现到页面上。
2018-01-17 21:10:22
1391
翻译 D-Map: Visual Analysis of Ego-centric Information Diffusion Patterns in Social Media
流行的社交媒体平台可以迅速在众多人群中传播重要的社交网络信息。在本文中，我们提出了D-Map（扩散映射），一种新颖的视觉化方法，通过地图隐喻来支持在典型社交媒体上的信息传播和传播过程中对社会行为的探索和分析。在D-Map中，我们收集了转发（即重新发送其他人最初发布的消息）微博的用户并映射到基于其行为的相似性和转发的时间顺序的六边形网格中。通过交互和链接，D-Map能够刻画具有影响力的用户的视觉肖像 ··· ···
2017-12-13 21:43:44
1763
原创 vue全家桶+node+mongodb商城项目小结
配置文件index.jswebpack.base.conf.jsvue.js基础语法mustache语法：{{msg}}html赋值：v-html=""绑定属性：v-bind:id=""使用表达式：{{ ok?'Yes:No' }}文本赋值：v-text=""指令：v-if=""条件判断过滤器：{{ message | capitalize }}和v-bind:id="rawId
2017-12-04 11:09:56
2793
原创 Vue小结
new 一个vue对象时可以设置他的属性，其中重要的三个是data，method和watchdata代表vue的数据method代表vue对象的方法watch设置了对象监听的方法vue里面的设置通过HTML指令进行关联其中： * v-text 渲染数据 * v-if 控制显示 * v-for 循环渲染 * v-on 绑定事件index.html 项目入口<!DOCTYPE html>
2017-10-27 10:38:20
328
原创 PHP分页+Elasticsearch查询
PHP分页+Elasticsearch查询分页，本质上就是根据给定的页码和偏移量从服务器端请求数据。原理很easy，实践起来却有诸多问题，这里总结一下目前使用的分页demo，通过es请求数据，前端自己构建页码。html的页码显示，有4个参数,$page-具体页码，$pagenum-页数总数，$s-起始页，$e-结束页，点击页码通过触发pageChange()函数进行分页 跳转至指定页码的功能，通过
2017-05-22 22:10:49
4397
原创 安装Python的画图工具matplotlib
首先你得装了Python的简易安装工具pip然后按照下面的步骤：pip install freetype-pypip install pypngpip install matplotlibOK，大功告成！
2017-04-26 10:46:47
803
原创 Elasticsearch使用指南--查询
elasticsearch是什么elasticsearch,简称es，是一个开源的搜索引擎，es的作用非常强大，普通的从数据库读取数据的方式已经不能满足我们形形色色的搜索要求，es就可以。就比如我们想要在茫茫人海中找到那些身高一米八、年龄在30岁到35岁之间、喜欢狗不喜欢猫的程序员，es不仅能满足所有的需求，而且能快速的帮你找到。 在使用es之前，建议先看看极客学院的es权威指南es使用环境在使用
2017-03-08 21:45:13
908
原创 JS获取当天、本周、本月、本年的时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body><input type="text" id="dateFrom" value=""><input type="text" id="dateTo" value=""><script
2017-03-08 11:56:36
1213
原创 datatable的自定义配置-输出结果&排序&跳转指定页码
自定义输出结果我的需求：我们都知道datatable查询数据后都是按照列一列一列的返回的，但是有时候我们虽然用到了datatable的表，却不需要按列展示数据，我所要实现的是在查询数据的时候按列从数据库中查询多个列的数据，但是展示在页面上的时候把很多列的数据显示在一列中，像下面图片这样：我需要做的就是按列从数据库中查询标题、作者、URL、正文等内容，再自己组装成上面的样式。 下面是代码，我修改了s
2017-03-03 11:29:44
3561
原创 PHP中常见的错误和解决办法
1、PHP常见错误等级：Notice，Warning，Strict，Parse Error，Fatal Error 2、错误原理: 通知级别(Notice)：未定义，重复使用等(不会影响代码执行) 常见的Notice：未定义变量(常量),表单元素未定义(下标) <?php //未定义变量 // 解决方案：使用前定义 echo $var; //未定义常量
2017-02-21 22:37:55
1047
原创 理解update-enter-exit三个函数的用法
update、enter、exit是D3比较重要的三个函数。 先上代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>理解update-enter-exit三个函数的用法</title></head><body> <p>Apple</p> <p>Pen</p>
2017-01-13 12:16:04
1514
原创 D3入门学习
D3是一个数据可视化工具，都说挺好。但是我个人这两天的体验来看，D3想要入门不是太简单，至少至少都要有HTML和JavaScript基础才行，对JavaScript的DOM要求也有点高。 其实网上也能找到很多学习资源。下面是我搜集的一些教程： D3呢就是一个js库，使用它主要是用来做数据可视化的，官网上有很多酷炫的例子。 D3的官网我最近学习的教程： 慕课网：使用D3制作图表 极客学院：D
2017-01-11 21:59:23
14969
2
原创 hexo+github搭建博客折腾记
这是我用hexo+GitHub搭建的个人博客 历时两天，趟了无数次坑，终于搭好了，所以这是一篇详细的记录下搭建博客的整个流程的笔记。以下是正题首先，什么是hexo？什么是GitHub？ hexo是一款基于Node.js的静态博客框架，可以方便的生成静态网页 GitHub 是一个面向开源及私有软件项目的托管平台，是开源代码库以及版本控制系统 综合起来的意思就是你用hexo生成了一个静态的博客系
2017-01-09 16:30:24
531
原创 解决win10烦人的自动更新
限于win10专业版！ 每次打开电脑看到win10又在自动安装更新的时候都会觉得很烦！ 这次终于找到了一个教程关闭了它。 首先，按下windows+R键，打开运行窗口，在窗口中键入“gpedit.msc”依次点击计算机配置-管理模板-Windows组件菜单选项，如下图所示：在windows组件里面找到Windows更新双击Windows更新，找到配置自动更新双击查看他的描述，选择禁用即可。
2016-12-27 19:46:44
3491
1
原创 bootstrap框架学习笔记四（按钮、导航、导航条）
菜单、按钮及导航下拉菜单 在使用前调用压缩好的“bootstrap.min.js”文件。 因为Bootstrap的组件交互效果都是依赖于jQuery库写的插件，所以在使用bootstrap.min.js之前一定要先加载jquery.min.js才会生效果。 一个简单的示例：<div class="dropdown"> <button class="btn btn-default drop
2016-12-24 10:23:08
2788
原创 bootstrap网格系统
网格系统通过定义容器大小，平分12份(也有平分成24份或32份，但12份是最常见的)，再调整内外边距，最后结合媒体查询，就制作出了强大的响应式网格系统。 Bootstrap框架中的网格系统就是将容器平分成12份。工作原理1、数据行(.row)必须包含在容器（.container）中，以便为其赋予合适的对齐方式和内距(padding)。如：<div class="container"><div c
2016-12-23 18:35:16
771
原创 bootstrap框架学习笔记二（表单、按钮）
表单基础表单表单中常见的元素主要包括：文本输入框、下拉选择框、单选按钮、复选按钮、文本域和按钮等。 bootstrap对表单内的fieldset、legend、label标签进行了定制。主要将这些元素的margin、padding和border等进行了细化设置。fieldset {min-width: 0;padding: 0;margin: 0;border: 0;}legend {
2016-12-22 22:21:53
789
原创 wamp下MySQL编码的配置
在MySQL控制台下用show variables like 'character%';查看编码格式：这是我修改后了的：在[client]下添加 default-character-set=utf8 在[mysqld]下添加 character_set_server=utf8在[mysql]下添加 default-character-se
2016-12-22 20:05:29
335
原创 bootstrap框架学习笔记一（模板，排版-段落-列表-表格部分）
基本的bootstrap模板<!DOCTYPE html><html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=devic
2016-12-20 20:48:10
1119
转载 MD5加密
MD5（单向散列算法）的全称是Message-Digest Algorithm 5（信息-摘要算法），经MD2、MD3和MD4发展而来。MD5算法的使用不需要支付任何版权费用。 MD5功能： 输入任意长度的信息，经过处理，输出为128位的信息（数字指纹）； 不同的输入得到的不同的结果（唯一性）； 根据128位的输出结果不可能反推出输入的信息（不可逆）
2016-12-12 22:10:20
650
原创 DOM事件
dom2级事件定义了两个方法： 用于处理指定和删除事件处理程序的操作 addEventListener()和removeEventListener() 接收三个参数：要处理的事件名（千万不能加on）、作为事件处理程序的函数和布尔值 （false）。false代表冒泡阶段，true代表捕获阶段 ①Html事件：直接在html标签里写onclick=”alert(“1”);
2016-12-07 17:19:10
288
原创 canvas绚丽的时钟效果（下）
虽然这是慕课网上的一个教程，但是看一遍总有好多地方比较朦胧，于是就跟着手敲了一遍代码，去弄懂每一个函数的作用就差不多了。 现在我的时间是15：54分！index.html<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body style="height:
2016-12-07 15:57:30
485
原创 canvas绚丽的时钟效果（上）
canvas是HTML5的特性，是定义在浏览器上的画布。前端好多精美的网页都会用到canvas这一特性。 慕课网上有很多canvas的教程，我学了一个比较基础但是效果非常引人入胜的教程，就是用canvas动画实现倒计时效果。用canvas进行基础的绘画：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <t
2016-12-07 15:31:45
669
原创 JavaScript中的数据类型
1、简单数据类型 number , string , boolean undefined , null 直接在栈上存储 当基本类型作为函数的参数的时候，函数内部对参数的修改，不会影响外部的变量function f1(a) { a = 100;}var x = 1;f1(x);console.log(x);结果输出的是1而不是100~ 原因是
2016-12-01 16:35:32
327
原创 JavaScript的解析器是个什么东西
最近啃JavaScript基础，看到老师讲几道面试题还挺有意思！ 第一题：var num = 10;fun();function fun(){ console.log(num); var num = 20;}第二题var a = 18;f1();function f1() { var b = 9; console.log(a); console.l
2016-11-30 16:03:27
857
原创 js的冒泡排序oooooo
排序 var array = [12,5,322,65,63,11,5,33,78]; var s = 0; var s1 = 0; // 为什么isSort不能写在外面 //因为交换位置isSort=false. isSort 的值永远是FALSE，而我们要检测的是某一趟是否交换位置 // 控制循环次数 for (var i = 0; i < array.le
2016-11-30 10:38:20
342
原创 逻辑运算符的短路运算
&& ||如果两个操作数都不是布尔型如果两个值转换成布尔型都是true，但会第二个操作数如果有一个操作数转换为布尔型为false，返回这个数var z = a * (x/=y) * x;var z = a * x/y * x/y;var z = a * x * x/(y*y);
2016-11-29 10:41:19
948
原创 JS下两种定义函数的区别
两种定义函数的方式：// 字面量定义，表达式 // var fn = function () {// alert(1);// }();// fn();// 关键字来定义function fn() {alert(2)}();第二种方式会报错，第二种的fn是全局函数，在网站复杂时或者开发人员比较多时不适用例外一种形式是在表达式外面加一个括号：// 表面
2016-11-28 22:18:01
876
原创 传智CSS笔记
这也是看传智CSS的视频教程记录的笔记！---------------------------------------------------------------------------------------------------选择器的优先级：行内选择器》id选择器》类选择器》标签选择器》通配符选择器》继承样式》默认样式 Display :Display:in
2016-11-28 21:37:50
472
原创 传智下的一个表单的demo
这个是根据传智HTML5的视频写的表单的demo： 学生档案 body{ margin: 0px; padding: 0px; background-color: #F7F7F7; height: 1300px; } form{ max-width: 640px; width: 100%; margin: 50px auto
2016-11-28 21:29:42
806
原创 传智HTML5笔记
什么是浏览器什么是服务器？服务器：浏览器浏览页面背后的秘密：---浏览器接受用户操作->浏览器封装http请求->链接服务器：DNS解析->发送请求request->服务器接受请求->处理请求->返回相应报文->浏览器接受相应报文->.渲染页面呈现---http协议DNS域名解析：HTML5文档结构：Docty
2016-11-28 20:42:13
510
原创 一个用户管理的ci框架的小demo
一个ci框架的小demo最近在学习ci框架，作为一个初学者，在啃完一遍官方文档并也跟着官方文档的例程（新闻发布系统）做了一遍，决定在将之前练习PHP与MySQL数据库的用户管理系统再用ci框架实现一遍。主要由三个简单的界面构成：看起来很简单对不对！没有关系，这不重要~ 接下来我们来看代码： ci的配置我就不用讲了哈，我的配置如下： database.php 配置文件 'hostname'
2016-11-25 22:30:02
759
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人