3 MayMayJn

尚未进行身份认证

暂无相关简介

等级
TA的排名 10w+

图片比例自适应居中与CSS垂直水平居中

图片比例自适应居中说明最近项目里有这样一个需求:要求是在图片外部的框框是大小一致、图片的长宽比不一致,且图片能够在固定高度的情况下,使得图片的宽度能保持原有的比例,及宽度不压缩,图片始终在外部div的最中间,如下图所示图片宽度大于外部边框的情况下,两边会有一部分看不见原图效果图图片宽度小于外部边框的情况下,两边会留白原图效果图代码在网上找了许多资料,最终使用了下面的方案,效果很OKhtml部

2018-04-20 11:10:45

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

信息安全数学基础js奇淫技巧解决辗转相除法同余式等问题

本文涉及到的数学知识都是来自《信息安全数学基础》陈恭亮版这一本书! 这本书中涉及到了大量的数论的计算问题,比如辗转相除,求解同余式,用模重复平方求同余式等等,为了应对(fu)考试,在此将这些计算问题做成了一个页面,利用js计算结果,再将结果呈现到页面上。

2018-01-17 21:10:22

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

MongoDB安装教程及错误代码100解决办法

安装及配置教程 服务错误代码100解决办法

2017-12-05 10:58:41

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

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

PHP分页+Elasticsearch查询

PHP分页+Elasticsearch查询分页,本质上就是根据给定的页码和偏移量从服务器端请求数据。原理很easy,实践起来却有诸多问题,这里总结一下目前使用的分页demo,通过es请求数据,前端自己构建页码。html的页码显示,有4个参数,$page-具体页码,$pagenum-页数总数,$s-起始页,$e-结束页,点击页码通过触发pageChange()函数进行分页 跳转至指定页码的功能,通过

2017-05-22 22:10:49

安装Python的画图工具matplotlib

首先你得装了Python的简易安装工具pip然后按照下面的步骤:pip install freetype-pypip install pypngpip install matplotlibOK,大功告成!

2017-04-26 10:46:47

Elasticsearch使用指南--查询

elasticsearch是什么elasticsearch,简称es,是一个开源的搜索引擎,es的作用非常强大,普通的从数据库读取数据的方式已经不能满足我们形形色色的搜索要求,es就可以。就比如我们想要在茫茫人海中找到那些身高一米八、年龄在30岁到35岁之间、喜欢狗不喜欢猫的程序员,es不仅能满足所有的需求,而且能快速的帮你找到。 在使用es之前,建议先看看极客学院的es权威指南es使用环境在使用

2017-03-08 21:45:13

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

datatable的自定义配置-输出结果&排序&跳转指定页码

自定义输出结果我的需求:我们都知道datatable查询数据后都是按照列一列一列的返回的,但是有时候我们虽然用到了datatable的表,却不需要按列展示数据,我所要实现的是在查询数据的时候按列从数据库中查询多个列的数据,但是展示在页面上的时候把很多列的数据显示在一列中,像下面图片这样:我需要做的就是按列从数据库中查询标题、作者、URL、正文等内容,再自己组装成上面的样式。 下面是代码,我修改了s

2017-03-03 11:29:44

PHP中常见的错误和解决办法

1、PHP常见错误等级:Notice,Warning,Strict,Parse Error,Fatal Error 2、错误原理: 通知级别(Notice):未定义,重复使用等(不会影响代码执行) 常见的Notice:未定义变量(常量),表单元素未定义(下标) <?php //未定义变量 // 解决方案:使用前定义 echo $var; //未定义常量

2017-02-21 22:37:55

理解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

D3入门学习

D3是一个数据可视化工具,都说挺好。但是我个人这两天的体验来看,D3想要入门不是太简单,至少至少都要有HTML和JavaScript基础才行,对JavaScript的DOM要求也有点高。 其实网上也能找到很多学习资源。下面是我搜集的一些教程: D3呢就是一个js库,使用它主要是用来做数据可视化的,官网上有很多酷炫的例子。 D3的官网我最近学习的教程: 慕课网:使用D3制作图表 极客学院:D

2017-01-11 21:59:23

hexo+github搭建博客折腾记

这是我用hexo+GitHub搭建的个人博客 历时两天,趟了无数次坑,终于搭好了,所以这是一篇详细的记录下搭建博客的整个流程的笔记。以下是正题首先,什么是hexo?什么是GitHub? hexo是一款基于Node.js的静态博客框架,可以方便的生成静态网页 GitHub 是一个面向开源及私有软件项目的托管平台,是开源代码库以及版本控制系统 综合起来的意思就是你用hexo生成了一个静态的博客系

2017-01-09 16:30:24

解决win10烦人的自动更新

限于win10专业版! 每次打开电脑看到win10又在自动安装更新的时候都会觉得很烦! 这次终于找到了一个教程关闭了它。 首先,按下windows+R键,打开运行窗口,在窗口中键入“gpedit.msc”依次点击计算机配置-管理模板-Windows组件菜单选项,如下图所示:在windows组件里面找到Windows更新双击Windows更新,找到配置自动更新双击查看他的描述,选择禁用即可。

2016-12-27 19:46:44

bootstrap框架学习笔记五(其他部件)

没有摘要

2016-12-26 12:13:14

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

bootstrap网格系统

网格系统通过定义容器大小,平分12份(也有平分成24份或32份,但12份是最常见的),再调整内外边距,最后结合媒体查询,就制作出了强大的响应式网格系统。 Bootstrap框架中的网格系统就是将容器平分成12份。工作原理1、数据行(.row)必须包含在容器(.container)中,以便为其赋予合适的对齐方式和内距(padding)。如:<div class="container"><div c

2016-12-23 18:35:16

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!