QQ空间长图滚动效果

QQ空间长图滚动效果

QQ空间在对长图的处理的时候,将长图显示在了一个固定宽高并且隐藏溢出部分的容器内,然后在鼠标移动到容器的时候滚动显示其他部分。那么如何实现呢? 先不考虑移动的效果,先看一下布局: <!D...
mysql导入导出sql文件

mysql导入导出sql文件

一、导出数据库用mysqldump命令(注意mysql的安装路径,即此命令的路径): 1、导出数据和表结构: mysqldump -u用户名 -p密码 数据库名 > 数据库名.sql #...
MySQL 设置允许远程登录

MySQL 设置允许远程登录

有时候我们需要远程登录mysql去操作数据库,但是远程mysql却只允许本地登录,这时候我们需要开启mysql远程登录,为了方便,现将步骤记录如下: 1、修改数据表 登录远程服务器,从远程服务器登...
canvas绘制漫天飞舞的樱花

canvas绘制漫天飞舞的樱花

首先,先看效果。 猛戳这里查看效果 接下来,我们看看具体怎么实现这个效果 第一步,我们先画出一棵树的主体。 画树的使用的原理是,定义一个起始点,从这个点开始,向一个角度移动一段距离。得到另一个点。...
Canvas绘制箭头

Canvas绘制箭头

Canvas的 CanvasRenderingContext2D 对象中是没有提供绘制箭头的方法,也就是说,如果我们需要在Canvas中绘制箭头是需要自己封装函数来处理的。今天的主题就是来看怎么封...
CSS多列等高

CSS多列等高

对于多列等高布局方法远非一种,但是我觉得浏览器兼容最好而且最简便的应该是padding补偿法。 padding补偿法的做法是把列的padding-bottom设为一个足够大的值,再把列的margi...
简述Promise背后的实现原理

简述Promise背后的实现原理

在web开发中,我们往往离不开异步操作,过去我们的做法往往是通过回调函数多层嵌套来解决后一个异步操作依赖前一个异步操作,这样一层一层回调的嵌套很容易让人晕掉,更别提可维护性,为了解决回调的痛点,陆...
Canvas画文本自动折行

Canvas画文本自动折行

一直以来,如何在canvas中绘制text的时候自动折行都是一个比较困扰的问题,今天终于发现了一种比较好的办法。 具体思路: 先将输入文字内容的每个字符拆分成单个元素(比如span),再将这些元素...
浅谈个人博客被攻击

浅谈个人博客被攻击

前些天没事的时候寻思着看看自己的博客,但是一打开发现博客不太对劲,我的两篇博客标题和内容都被改了,标题被改为了 Hacked By XwoLfTn 内容被改为了 <p align...
巧用canvas实现网页截图

巧用canvas实现网页截图

将DOM内容HTML绘制到画布中是有可能的,但如何有把握并且安全地实现它,就应该按照规范行事。你不能把HTML画到canvas上。相反,你需要使用一个SVG图像,其中包含你想要呈现的内容。可以使用...