搬砖秘籍 on 闻心阁

M1、M2 芯片 MacOS 下PHP开发环境搭建

Tue, 02 Jan 2024 14:35:11 +0800

之前的网站是运行在PHP+MySQL环境上的，从Windows换成Mac之后，这个环境在本地搭建就比较麻烦，本文记录一下。

React中实现PDF的在线预览功能

Sun, 05 Jun 2022 15:03:00 +0800

最近项目中遇到了PDF预览的需求，客户要求可以在线查看PDF文件内容，不想下载下来再打开，踩了一些坑，做一个总结。

解决前端工程刷新页面重复加载2次的问题

Sat, 04 Jun 2022 22:09:44 +0800

之前开发的项目的时候有后端小伙伴告诉我说每次页面刷新的时候会向后端重复发送两次请求，让我看一下。因为之前Create React App在本地调试的时候有这个bug（PS：这还是PUSH大神告诉我的），我就直接说正式环境没这个问题，只是本地调试会有问题。后来又一位后端小伙伴说测试环境也有这个问题，我有点疑惑，结果发现我的判断是有问题的，本文记录一下问题的解决过程。

谨慎使用JavaScript中的toFixed方法

Sat, 04 Jun 2022 21:13:55 +0800

最近做相关报表的时候，测试小伙伴反馈导出的数据和前端页面显示的数据不对，并且经过对比发现是我的页面的数据进位有问题。之前接手项目的时候这个逻辑不是我维护的，结果排查了一下代码之后，发现了一个很有趣的问题，这里记录一下。

PS：其实这也是前端开发一个老生常谈的问题了，高手可以直接跳过啦。

Ant Design实现表格行置顶功能

Sat, 04 Jun 2022 14:58:26 +0800

最近遇到客户一个需求，在之前的《Ant Design中实现表格的滚动加载》中基础上，用户滚动表格的时候，需要将特定的行置顶，比如合计这一行。这种在excel上显而易见的操作的方式，基于ant design的Table组件实现起来还有点麻烦，本文记录一下解决问题的过程，以供参考。

前端开发中环境变量管理的一点思考

Sat, 04 Jun 2022 09:15:00 +0800

现在的前端开发环境变量已经是极为常见的配置了，通常我们需要在dev、test、uat、prod等环境下维护不同的参数，如cdn前缀、后端访问地址、sdk配置参数等。

在经历了不少项目不同的管理方式之后，尝试做一下总结及思考。

使用esbuild-loader加速前端工程打包速度(亲测提速50%)

Fri, 03 Jun 2022 18:06:44 +0800

在五月底项目上线的时候突然被卡住了，部署不了，因为云效的构建总时长有限制。为了给项目节省资源，想着从前端工程的角度做一些优化，主要使用的工具是esbuild-loader。

Ant Design中实现表格的滚动加载

Sun, 29 May 2022 21:43:57 +0800

表格是我们做企业信息中最常用的前端组件之一，最近的一个需求中，客户提出了这样的一个需求：

你们表格的分页太麻烦了，我就想打开就看到所有数据，不要说xxxx不支持，我们以前用的xxxx系统就是这样的。

Ant design中Form字段无法联动问题解决方法

Sun, 29 May 2022 20:35:55 +0800

之前的项目中使用的是 React + Ant Degsign + mobx 的技术栈，在我上项目的时候这个技术选型已经运行了很长一段时间。在上项目之后，重复收到了好几个表单字段联动的问题反馈，修了几次之后一个项目遗留统一老bug，这里做个总结。

企业微信打开H5页面白屏解决方案

Sun, 29 May 2022 16:24:20 +0800

在之前的文章《前端SPA应用发版后用户白屏的解决方案》中介绍了前端白屏的解决方案。最近切到了移动端的开发，几次发版本之后客户又说无法打开，简而言之，又白屏了。

PC端白PC端白，PC端白完移动端白。

前端SPA应用发版后用户白屏的解决方案

Mon, 16 May 2022 17:41:31 +0800

接手了一个前端老项目，使用React开发的SPA，最近几次短周期发版之后，收到了用户大量的体验反馈，其中比较多的就是白屏。

React项目中引入F2可视化组件库

Thu, 12 May 2022 16:27:38 +0800

之前在React项目上开发一直使用的是有ECharts，最近接到了移动端可视化的需求，本来想直接复用ECharts的，但网上搜了一下发现移动端使用ECharts有点重，所以就找了一下移动端我解决方案，最终选择了F2。

但是F2的文档写得有点…和实际使用不太一样，本文做一个小总结。

Github 删除 Pull Request 的方法

Mon, 14 Mar 2022 14:18:18 +0800

如果有小伙伴参与过开源项目的话，可能会发现一个有趣的问题，提交的 Pull Request 是没有办法很方便删除的（截止2022.03.14）。恰好我最近也遇到了类似的问题，总结了一下解决方法，如果你也遇到类似的问题，可以参考。

使用CSS交换两个按钮的位置

Sun, 27 Feb 2022 21:29:01 +0800

最近搞组件库的时候发现UED给的图里确认和取消的按钮和 Ant Design 官方的不太一样。Ant Design的确认按钮在右边，而我们设计是在左边。

Vscode Vim 插件长按JK失效

Sat, 07 Aug 2021 17:47:51 +0800

之前的 Mac 没这个问题，最近新电脑长按无法移动光标了。

React Jsonschema Form使用小记

Wed, 21 Jul 2021 18:43:40 +0800

最近老大让我看一下能不能用JSON生成表单，这样每次开发就不用发版了，直接在远程配置JSON就可以生成一个新的表单了。

大约搜索了一下，找到了基于React的 react-jsonschema-form方案。

CSS解决Safari长按无法保存图片

Mon, 19 Jul 2021 20:45:01 +0800

接手一个老项目的维护，客户报了一个bug，说自己的网站在iPhone里浏览网站的时候长按图片没有反应，尤其在微信里打开网页无法识别二维码，导致用户无法转化。

使用CSS实现马赛克的效果

Mon, 19 Jul 2021 18:12:27 +0800

最近需要实现一个动态文字马赛克的效果，记录一下： .mosaic { color: transparent; text-shadow: 0 0 10px rgba(0,0,0,0.5); } 效果如图：

前端小白尝试使用百度amis低代码平台的流程记录

Wed, 02 Jun 2021 17:48:18 +0800

最近在试用网上流行的低代码平台，首先大名鼎鼎的百度amis，本文做一个浅度的试用记录。

PS: 所有的结论都是胡言乱语，前端小白，大佬勿喷。

阿里云香港轻量应用服务器使用踩坑

Tue, 01 Jun 2021 14:38:39 +0800

前文《Vercel国内无法访问解决方案》中介绍了将Vercel迁移到阿里云的轻量服务器，这个玩意我也是第一次用，总结一下使用经验。 1.应用随便选是的，价格都一样，你如果拿不准，随便选一个。万一不是自己喜欢的怎么办？换一下就好，后台支持随便换。 2.IP不能换有的朋友纠结阿里云的香港会绕，小编测试一旦买了，就换不了IP了，所有你有这方面担心，先买一个月，测试差不多再续费。 3.宝塔面板的FTP连不上首先确认你在阿里云后台将FTP的接口开放了没，另外还要配置一个39000/40000的端口，这是FTP用来连接的端口段，不配置这个，连不FTP的。 PS：我就是重装了好多次，最后发现是这的问题。价格我不是活动时买的，香港最便宜的2C1G的，24块一个月，我买来放2个站，同时比之前Vercel速度快点，价格你们自己判断，我觉得还行，后续关注下618，阿里云的产品就是续费很坑。可以参考：小心被阿里云割了韭菜

Nginx设置www及https跳转

Thu, 27 May 2021 01:44:42 +0800

本站再一次搬家，这次搬家到阿里云的香港轻量服务器，使用的是宝塔的应用，使用起来还不错。从之前的Apache切换成Nginx，一些配置要重新修改一下。本站主要的跳转有2个，一个是带www的域名跳转到非www的，另外一个是http跳转到https。也就是说： http://www.yqc.im –> https://yqc.im https://www.yqc.im –> https://yqc.im http://yqc.im –> https://yqc.im 设置方法相关配置如下： server { listen 80; server_name www.yqc.im yqc.im; return 301 https://yqc.im$request_uri; } server { listen 443; server_name www.yqc.im; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #这里放SSL相关配置 #SSL-END return 301 https://yqc.im$request_uri; } server { listen 443 ssl http2; server_name yqc.im; index index.php index.html index.htm default.php default.htm default.html; root /www/wwwroot/yqc.im; #SSL-START SSL相关配置，请勿删除或修改下一行带注释的404规则 #这里放SSL相关配置 #SSL-END #ERROR-PAGE-START 错误页配置，可以注释、删除或修改 #error_page 404 /404.html; #error_page 502 /502.html; #ERROR-PAGE-END #PHP-INFO-START PHP引用配置，可以注释或修改 include enable-php-56.

Vercel国内无法访问解决方案

Wed, 26 May 2021 16:11:45 +0800

之前把博客转成Hugo，然后整个托管到Vercel上面了（参考文章：Typecho博客迁移到Hugo），本来访问还是好好的，结果最近有朋友和我说已经不能访问了。本来以为是他们各别的问题，因为我一直可以访问（可能是长期使用公司VPN的原因），结果最近使用老的Windows电脑看的时候发现，果然不能访问了。找原因网上搜了一圈，结果原因就是你懂的。 P个S，好用并且免费东西还是没逃开这个结局。找解决方案换个主机官方解决方案首先推荐方案2，官方背书的解决方案值得推荐。方案1要花钱，但可以保证独立IP，SEO收录要好一些，放香港访问速度还可以，下面记录一下折腾过程。官方解决方案将 A 记录从 76.76.21.21 改成 76.223.126.88 官方建议将 cname 从 cname.vercel-dns.com 修改为 cname-china.vercel-dns.com 参考：Vercel Status Status - Errors Accessing From China 买个主机域名没备案，使用阿里云国内方案的行不通，那就考虑香港的主机了。虽然阿里云也有香港的主机，不过298一年对我来说有点贵（有钱的可以尝试哈，毕竟稳定好用），主机我选用了之前一直使用的校长的主机：篱落主机，价格适中，带独立IP，我买的是虚拟主机，有条件的可以考虑VPS。我买的是上面的那款，有兴趣的可以点下面的链接看看哈。篱落主机 ————更新————– 现在已经切成成阿里云的轻量应用服务器了，比上面的要稳定好多。PS：现在主机做起来不容易，竞争激烈，小运营商越来越少了。配置自动部署 Vercel一个好用之处就是代码提交之后什么也不用去操心，会自动把内容给你部署上去。如今我们要自己实现这个过程，有读者可能会问为什么不用FTP直接上传上去，你当然可以这么做，但当你的文章有几百这个量级之后，相信我，每次上传的时间会让你疯的，并且每次还要用FTP工作上传好累，还不如使用Wordpress这种解决方案。于是我们需要找一个自动部署的工具来替我们自动化完成这个工作，其实就是相当于找一个CI了。常见的免费可用的CI工具有2个，一个是Traivs-ci，一个是Github Action，我使用的是Github Action。关于Git Action的使用教程我就不赘述了，详细可以参考：GitHub Actions 分享一下我的配置： # This is a basic workflow to help you get started with Actions name: CI # Controls when the action will run. on: # Triggers the workflow on push or pull request events but only for the master branch push: branches: [ master ] pull_request: branches: [ master ] # Allows you to run this workflow manually from the Actions tab workflow_dispatch: # A workflow run is made up of one or more jobs that can run sequentially or in parallel jobs: # This workflow contains a single job called "build" build: # The type of runner that the job will run on runs-on: ubuntu-latest # Steps represent a sequence of tasks that will be executed as part of the job steps: # Checks-out your repository under $GITHUB_WORKSPACE, so your job can access it - uses: actions/checkout@v2 with: submodules: true # Fetch Hugo themes (true OR recursive) fetch-depth: 0 # Fetch all history for .

开发一个imgcook上传至7牛的插件

Sat, 10 Apr 2021 14:52:44 +0800

继续折腾imgcook的使用，最近imgcook使用了一段时间，配合之前写的uni-app DSL，工作效率有了不少提升。公司使用的是7牛的CDN，每次都要把本地的图上传上传一下，有点小折腾，于是想用一个插件来解决这个问题。

PS: 本文只是一个折腾的过程，目前插件没有在Windows及Linux下测试。

解决 Oh My Zsh Insecure Completion Dependent Directories Detected

Sat, 03 Apr 2021 20:23:00 +0800

今天把Mac重新安装了一下，之前Windows系统被我干掉了，没有别的原因。用Mac装Windows这事儿，如果只是偶尔用用倒是还好，如果想长期使用，还是建议专门找个Windows的电脑。使用MacBook装的话比较伤电池，并且触摸板之类的体验也远不如原生的MacOS。

Github Branch Merge 自动发邮件

Fri, 19 Mar 2021 16:12:42 +0800

最近在多团队前端开发的Git Merge操作的时候出了一些问题，有的代码合并完后会把一部分团队的代码给Merge没了。后来团队讨论了一下，除了协作方式及Git使用的一些规范之外，决定在Merge的时候加一个人工审核机制，让各团队的负责人审核一下自己的代码还在不在。之前的做法是每次Merge通知团队，让他们自己来看，确认没问题自己发邮件给总负责人。有点低效，于是尝试找一些自动化Merge发邮件的方法。方案一：Webhook Github支持Webhook机制，可以在检测到Merge操作后，自动发送邮件。这只是第一步，这里要填写一个webhook的url，所以需要自己run一个服务来接收这个webhook，然后发送邮件。因为这个方案在公司内部不好推，Effort也比较大，就放弃了。方案二：添加reviewer 在提PR的时候，可以选Reviewer，这时候把相应的人选择上，只要他开了邮件提醒就会收到Merge的邮件。方案三：Comment中@ 这也是比较推荐的一个方案，在PR不方便添加Reviewer的时候，可以在PR的Comment中添加@，被@的人也会收到邮件。

uni-app中NPM打包机制及优化方案

Thu, 18 Mar 2021 14:40:25 +0800

团队使用uni-app来开发微信小程序，开始用的挺舒服的，后面项目大了，发现项目不太好维护，并且主包会超，于是做了2个方案。一个是将公有的组件及方法抽象成公共的NPM包（团队搭建了私有NPM），一个是使用了小程序分包机制。这种方法开始有一定效果，后来发现主包体积还是飞速扩张，但主包的业务基本没加，于是探究了一下uni-app中针对NPM打包的优化方案。本文尝试从以下几个方面做个总结。

使用VSCode的Snippets功能实现快速模板化输入

Wed, 17 Mar 2021 22:55:17 +0800

最近使用React+Ant Design进行一个网站开发，这个客户的网站有个特点，按钮特别的多。Ant Design 的 Type 有很多种，如下： primary | ghost | dashed | link | text | default 这几个Type分别对应了不同的Button样式和状态，每次遇这种情况都要去找Antd的API查看，有点低效，于是想找一种快捷的方式，大约看了一下VScode的Snippets里带了Choice这种功能，正好满足我的需求。先添加一个Snippet 自定义snippet的方法可以参考：官网下面是我自定义的： "Button": { "prefix": "bt", "body": [ "<Button type=\"${1|primary,ghost,dashed,link,text,default|}\">primary</Button>" ], "description": "Ant Design Button" } 使用效果在.jsx文件中输入bt，就会出现如下的场景。是不是方便多了~

使用imgcook辅助前端开发

Sun, 07 Mar 2021 18:19:39 +0800

在之前的文章《开发一个基于uni-app的imgcook DSL》中开发了一个团队使用的uni-app的DSL，基本可以凑合使用了。前几天在团队内做了个imgcook小分享，这里也记录一下使用imgcook辅助前端开发的过程。

开发一个基于uni-app的imgcook DSL

Sun, 07 Mar 2021 18:19:08 +0800

最近看到了阿里的前端智能化的实践：imgcook 由设计稿一键智能生成代码的大厨，由设计稿直接生成前端代码，试用了一下，比zeplin和蓝湖做的更进一步，可以直接集成到项目开发的过程中。但发现一个问题，imgcook官方支持的DSL并不多，我们团队是使用Uni-app做跨端开发的，希望能将设计稿直接生成符合uni-app的代码，但官方没有，找了一个其他开发者贡献的，也没有找到合适的，于是自己动手写(组装)了一个。

Shell中的正则脚本

Sun, 07 Mar 2021 17:23:39 +0800

在之前的文章《使用Husky管理项目的Git Hooks（以配置Uni-app的ESLint和Commit Lint为例）》中介绍了使用Husky添加Commit Lint的方法，其实里面有点小插曲。我想要格式 feature/(big|small|middle): xxxxxx 比如：清明出行礼包/big: 初始化项目通常的正则 ^\w+\/(big|small|middle):\s*\S+ 但我这个在Shell中写了之后发现，shell中根本不支持\w这样的元字符（我也没找到原因） Shell的写法在参考了《Linux命令行与Shell脚本编程大全》中的内容后，修改如下： ^[[:graph:]]+\/(big|small|middle):[[:space:]]*[[:graph:]]+ 原因在Linux中有2种流行的正则表达式引擎： POSIX基础正则表达式 – BRE POSIX扩展正则表达式 – ERE 大多数Linux工具至少符合BRE规范，那在POSIX引擎中匹配单词之类的就不能用\w这种，要用POSIX专用的。常见的有：小结就是一个引擎问题，纠结了2天，结果周末在一本买了很久但没看的书里找到了，果然书中自有颜如玉，啊呸，黄金屋。

使用Husky管理项目的Git Hooks（以配置Uni-app的ESLint和Commit Lint为例）

Sun, 07 Mar 2021 16:35:50 +0800

Git目前是毫无争议的项目版本管理的王者，而前端的项目大了之后我们通常需要利用一些Git Hooks来保证项目的质量。包括但不限于： eslint tslint 单元测试 E2E测试 style lint commit lint others checks 有的同学可能要说，没有这些项目质量也会很好，是的，一般这么说的，要么项目小，要么团队人少。如果你的项目人数>30，又是多分支开发的话，就会大概率需要这玩意。初识Husky 原生的Git Hooks写法比较麻烦，Husky 做了比较好的封装。截止本文发布之日（2021-03-07），Husky已经发布了5.x版本，建议使用最新的版本，因为它有几个优势： 0依赖，没有依赖第三方的任何JS包轻量，20K左右，Husky4要1MB 快，0.01s的量级，Husky要0.5s 跨平台，Linux、macOS、Windows都支持安装 npm install husky --save-dev && npx husky init 是，就这一句就够了，自动会初始项目。观察你的项目，你会发现多了一个.husky目录，package.json中添加了prepare的命令：添加ESLint 这里有一个策略，如果每次提交都进行全局的ESLint Check的话，效率会很慢。所以我们需要添加一个策略，就是每次提交的时候，只对你所修改的文件的做ESLint，这样效率会提高不少。要实现这个功能，需要借助一个非常好用的包：lint-staged。先安装： npm install lint-staged --save-dev 配置命令: lint-staged有多种配置方法。 package.json .lintstagedrc .lintstagedrc.json .lintstagedrc.yaml .lintstagedrc.yml lint-staged.config.js, .lintstagedrc.js, or .lintstagedrc.cjs file in JS format 我个人还是习惯用package.json里写，也可以选择其他的。uni-app的Lint配置比较特殊，配置如下： "lint-staged": { "src/**/*.{js,ts,tsx,vue}": [ "vue-cli-service lint --fix src" ] }, 老的写法里还会加上git add这种，新版本已经不用了，都会自动加上。配置Commit Lint 说起Commit Lint，有一个非常牛逼的库推荐给大家：conventional-changelog/commitlint: 📓 Lint commit messages

使用宝塔面板和7牛实现网站自动备份的功能

Sun, 07 Mar 2021 16:12:08 +0800

最近网站服务到期了，于是又买了一台服务器，当然这还有点斗智斗勇，参见这里《小心被阿里云割了韭菜》，上次安装PHP环境还是3年前，今天发现宝塔面板已经更新至7.5.1了，PHP8.0都已经有了，增加不少新功能。于是探索一下，挺有意思，做个记录。 1.环境选择我是个选择困难，每次搬家都是这样，尽管我是一个软件开发者，我知道最新版不稳定，但新版本带来的功能和性能的诱惑又让我难以抗拒。但纠结了几天下来，PHP、MySQL的版本还是和原来保持一致，毕竟PHP的升级有点伤筋动骨。宝塔的老版本已经不维护了，用最新版本吧，还好新版本已经迭代过后的，看起来稳定性还可以。 2.配置网站自动备份这是本文的重点，但其实没啥好记录的。以前都是让服务器自动跑脚本自己备份，但万一服务器蹦了，可能数据也找不回来。于是这次再加了一层7牛的云备份。直接在后台安装这个宝塔插件就可以了。填写上相关的7牛信息就可以了，7牛有免费的10G存储空间是够用的。有2个地方要注意。空间要私有，否则你的网站就自动爆库了。设置空间的生命周期第一点的设置如图：第二点是7牛的带的比较强大的功能，虽然送了10G，但也招架不住每天备份是不是？超了你还是得花钱，有人说你定时来删除一下不就可以了？也行，但我懒，不想自己动手，7牛可以自动做这个事。使用方法：空间管理->空间设置->生命周期设置这样就不担心超10G了~ 后话跌跌撞撞，网站已经搞了10多年了，好快，我的青春也记录在网站的文字里，愿时光不老。

下载Zoom会议视频至本地

Sun, 07 Mar 2021 16:01:50 +0800

最近公司更新了会议系统，你下面接入Zoom，自从去年Zoom的安全事件爆光之后，Zoom加强了不少的安全措施，比如最近我发现会议的录屏只能在线上观看了，我比较习惯把一些重要的会议存档，用来备份一些重要信息（甩锅），于是想找个方法下载。简单探索了一下，经历了下面几个过程。审查元素这是最简单的，直接使用Chrome的工具来看视频地址。这个video标签的地址就是视频地址，直接下载，不行。 PS：当然不行，人家也不是吃素的。 Chrome插件这个试了几个，都嗅探不到。放弃，再说我也不喜欢用插件。抓包既然讲文明不可以，那就直接耍流氓了，直接查看视频的网络请求，抓到视频地址。然后复制curl连接。打开命令行，在最后加一个 -o xxx.mp4 然后，你懂的。

[更新]hugo defaultContentLanguage不生效解决方案

Tue, 02 Mar 2021 11:44:18 +0800

在之前的文章《Hugo设置defaultContentLanguage不生效的解决方案》中介绍了defaultContentLanguage不生效的解决方案。今天在将Hugo的网站添加评论的时候，发现disqusShortname添加了也不生效，也需要放在配置文件的第一行。 Why 这TM不对劲啊，不可能每个配置都要放第一行吧，后来仔细Debug发现是我自己的问题。我对toml文件的格式理解有误。 [xxxxx] a = 'b' c = 'd' e = 'f' 在这种情况下，e这个配置项目，还是属于xxxxx，所以要放在最前面。小结如果一个问题你搜索了整个互联网也没找到，一般是2种情况：一是很前沿；二是你SB了。通常情况下是后者。

Hugo启用disqus评论

Tue, 02 Mar 2021 11:43:38 +0800

网站上线了，本来不想添加评论，后来发现还不太行，Telegram 的 Group 可能大家还不情况情况习惯，为了过渡，就把评论再加上去。为什么选择disqus 因为是国外站。国内站用什么？不用。启用方式一般的主题都配置了comment模板，只要把disqusShortname设置好就可以了。 PS：这个值是个字符串，没有http、https这种。不生效怎么办使用 hugo config 命令查看设置是否生效，然后再检查comment相关的模板。当然国内的话，就是加上了，也看不到，原因你懂的。注意： {{ template "_internal/disqus.html" . }} 这个代码是内置的，看不到源码，如果想自定义，可以参考disqus的实现方式，自己写个partial。

解决 Hugo Failed to Find a Valid Digest in the 'Integrity' Attribute

Fri, 19 Feb 2021 15:38:00 +0800

将Hugo的博客环境从Mac的电脑转移到Win上面，结果样式不对，报错如下： Failed to Find a Valid Digest in the 'Integrity' Attribute Google 了好半天，发现是因为Mac和Win中的文件使用了不同的结尾符导致计算的hashcode不一样导致的。解决方案我的方法比较粗暴，就是将整个Repo转换成LF换行的，问题解决。转换方法参考：强制git仓库使用LF换行

强制git仓库使用LF换行

Fri, 19 Feb 2021 15:26:58 +0800

本文总结一下将一个repo强制使用LF换行的方法。

Go对比Java

Thu, 18 Feb 2021 12:58:16 +0800

最近一段时间使用Hugo，让我喜欢上了Go语言，同时公司的项目又基本都是Java写的，想学又有点纠结，毕竟业余时间有限，本文尝试罗列一下Go和Java这两种语言的优势，对后续自己的技术选型做个参考。

Typecho网站竟然被放入了木马

Wed, 17 Feb 2021 23:25:36 +0800

前几天把网站从基于PHP的Typecho迁移到了基于Go语言的Hugo，从一个动态网站变成了一个静态化的网站了。我这人比较恋旧，于是把之前的数据备份一下，放在自己的网盘里，万一我有一天想不开又想用Typecho了呢？（应该没有这种万一）。于是打开了篱落主机的虚拟主机后台，使用DA面板作了一个备份，今晚老婆睡了，想把数据做个转移，于是Download下来，本来是解压一下看看下载文件是不是完整的，结果一解压，神奇的事情发生了。

Typecho迁移Hugo设置301跳转的方法(附Vercel设置301方法)

Tue, 16 Feb 2021 22:18:09 +0800

使用Hugo替换了Typecho之后，会有一系列的SEO问题，比较严重的就是404了，因为生成的某些URL可能会和之前不一致。本文分享几个用到的方法，尽可能的减少SEO的流量损失。 URL能不变就不变这是首要原则，Hugo默认的URL会和我们之前的伪静态不太一致。有一个比较有用的参数： uglyurls = true 用这个可以生成.html的格式。 Nginx Nginx 设置301示例： server { listen 80; server_name www.nocmt.com; return 301 http://nocmt.com$request_uri; } Apache 示例，老域名转新域名 RewriteEngine on RewriteCond %{HTTP_HOST} ^oldsite.com [NC,OR] RewriteCond %{HTTP_HOST} ^www.oldsite.com [NC] RewriteRule ^(.*)$ https://newsite.com/$1 [L,R=301,NC] Vercel Vercel项目可以在根目录下放置一个vercel.json，也可以实现301跳转，我使用的是这种方式，参考官方配置文档如https://yqc.im/xxxxx.html跳转https://yqc.im/xxxxx/，代码如下： { "redirects": [ { "source": "/:slug\\.html", "destination": "/:slug/" } ] }

Hugo设置defaultContentLanguage不生效的解决方案

Tue, 16 Feb 2021 22:05:26 +0800

在使用Hugo做一个中文博客，但使用了一个英文的主题，需要进行一下汉化，本来挺简单的一个事情，只要在config中设置一下defaultContentLanguage，然后在主题的i18n目录下增加对应的语言code就可以了。 defaultContentLanguage = "zh-cn" # Default language to use 但我设置了之后死活也生效不了，一直打出来的都是en，我甚至一度怀疑是 Hugo 的缓存问题。 Debug 使用如下命令Debug一下 hugo config 发现出来的的确还是英文，说明我的设置没有生效。解决方案我使用的Hugo 0.8版本，这个版本中要想生效，需要把defaultContentLanguage = "zh-cn"放在config.toml中的第一行，问题解决，FUCK！真实原因上述解决方案其实有问题，真正的解决方案见这里。

Typecho博客迁移到Hugo

Tue, 16 Feb 2021 16:46:39 +0800

搬家了，又搬家了！

考虑了许久，终于决定在2021年，辛丑新年的假期里将我的博客从Typecho平台搬家到新的静态博客平台：Hugo，本文是本站使用Hugo写的第一篇文章。

Flutter docter 报错：Flutter / Dart plugin not installed Android Studio

Mon, 08 Feb 2021 23:10:00 +0000

安装Flutter遇到了如下的错误： Android Studio (version 4.1) ✗ Flutter plugin not installed; this adds Flutter specific functionality. ✗ Dart plugin not installed; this adds Dart specific functionality. 解决方案方案一： ln -s ~/Library/Application\ Support/Google/AndroidStudio4.1/plugins ~/Library/Application\ Support/AndroidStudio4.1 方案二：升级Flutter Beta版本 flutter channel beta flutter upgrade 原因分析 Android Studio4.1版本将Plugin路径改了，所以要么升级Flutter，要么映射一个路径。

uni-app 启用 tree-shaking

Tue, 14 Apr 2020 18:39:00 +0000

使用了uni-app cli开发小程序和 H5 的跨平台应用，打包代码的时候为了追求体积，尝试启用 tree-shaking ，按照 uni-app官方的说法，这项目功能是给 H5 平台用的，不过测试了一下，发现结果还不太一样，这里做一个记录。 H5 平台在 mainfest.json 中添加如下的配置 "h5": { "optimization": { "treeShaking": { "enable": true } } } 这是不够的，还需要改babel.config.js， '@vue/app', { modules: false,//原来是commonjs useBuiltIns: process.env.UNI_PLATFORM === 'h5' ? 'usage' : 'entry' } 这样就可以启用 H5 平台的treeShaking，使用示例项目打包一下是可以的。微信小程序平台默认情况下，微信小程序平台是不行的，但在执行了上面的babel.config.js的修改之后，发现打包出来的vender.js中已经把没有引用到的函数给删除了，可以说是一个意外的惊喜了。风险目前上面的测试仅针对于示例登录项目的测试，修改此文件带来的其他风险暂时无法评估。

pm2 是怎样处理端口冲突的？

Sat, 04 Apr 2020 10:03:00 +0000

使用pm2在本地启动了2个项目，2个项目都是使用了3000的端口，发现2个项目都启起来了。这是什么黑科技啊？定位一下3000端口先定位了一下3000端口的占用情况。 lsof -i tcp:3000 结果：是73333 看一下pm2 pm2 ls PID并不是73333 什么关系使用下面命令 ps -ef | grep 95706 ps -ef | grep 95656 原来是 PID 和 PPID，所以就明了了：父进程进行端口监听，然后分发给子进程进行处理。思考那2个项目中的API路径一样怎么办？

macOS查看特定端口占用

Sat, 04 Apr 2020 09:56:42 +0000

查看进程占用 lsof -i tcp:8080 该命令会显示占用8080端口的进程，有其 pid ,可以通过pid关掉该进程杀死进程 kill pid

pm2 环境变量不生效的解决方法

Fri, 03 Apr 2020 23:05:55 +0000

pm2 设置环境变量有2种方法。方法一 NODE_ENV=XXXXX pm2 XXXX 方法二使用一个单独的配置文件，可以参考官网 https://pm2.keymetrics.io/docs/usage/environment/ 如： pm2 start ecosystem.config.js --env production 设置不生效尝试了上述2种方法发现都不行，最近找到解决方案。如果实例已经建立了，即在 pm2 ls 中可以看到，那先需要运行 pm2 delete YOUR_INSTANCE 把原来删除才可以。

Xcode 升级 React Native Unknown argument type 'attribute' in method 解决方案

Wed, 16 Oct 2019 17:10:00 +0000

最近MacOS系统更新，顺便把XCode的版本也进行了升级，但升级之后出现了错误： [RCTModuleMethod.mm:376] Unknown argument type '__attribute__' in method -[RCTLinkingManager getInitialURL:reject:]. Extend RCTConvert to support this type. 解决方案参考这个issue：https://github.com/facebook/react-native/issues/25138 解决见这个PR：https://github.com/facebook/react-native/pull/25146 在 React/Base/RCTModuleMethod.mm 中的 RCTParseUnused 方法添加一行代码 static BOOL RCTParseUnused(const char **input) { return RCTReadString(input, "__attribute__((unused))") || RCTReadString(input, "__attribute__((__unused__))") || RCTReadString(input, "__unused"); }

Mac复制图片到剪贴板

Mon, 16 Sep 2019 15:01:00 +0000

最近使用Mac中的Alfred实现一个截图复制到剪贴板的功能，这个命令比较特殊，记录一下。 #!/usr/bin/osascript on run args set the clipboard to POSIX file (first item of args) return the clipboard end

使用 box-shadow 代替 border

Tue, 16 Jul 2019 17:52:00 +0000

在前端开发中给一个 div 添加边框，一般是使用border属性。如下： <div class="box"> </div> CSS .box { background: blue; width: 100px; height: 100px; border: 3px solid red; } 效果图：使用box-shadow实现使用box-shadow也可以实现类似效果。 box-shadow: 0 1px 0 0 red; /* Border bottom */ box-shadow: 0 -1px 0 0 red; /* Border top */ box-shadow: -1px 0 0 0 red; /* Border left */ box-shadow: 1px 0 0 0 red; /* Border right */ box-shadow: 0 0 0 1px red; /* All the borders by using the spread properties */ 为什么要使用box-shadow 遇到了这样一个需求，当这个box被hover的时候，出现一个边框，这时候就会涉及一个盒模型的问题，当使用border的时候，会修改盒模型，但box-shadow不会。

Momentjs 中无法更改 locale 解决方法

Thu, 09 May 2019 16:42:00 +0000

Moment.js 是前端中一个非常强大的处理日期时间的库。有多强大？以致于每次引用它的时候都要考虑一下到底是不是需要一个这么重的库引用进来。而最近一个项目中用到了多语言的日期格式，需要将日期格式化成当地的日期显示格式，比如日本的金耀日、月耀日等等。开始直接使用了Moment.js的locale函数 moment.locale('ja'); 结果不行，还是显示的中文的日期，后面在github上找到一个解决方案 import "moment/locale/ja" moment.locale("ja") PS：目前这个解决方案在我项目是可以work的，但无法保证后续moment更新之后，会不会直接『修复』这个问题。

局域网保留IP网段

Sun, 28 Apr 2019 14:10:49 +0000

A类局域网专用网段：10.0.0.1~10.255.255.254 B类局域网专用网段：172.16.0.1~172.31.255.254 C类局域网专用网段：192.168.0.1~192.168.255.254 很多公司网吧都是用这个网段 hoho 几个特殊的IP地址 127.0.0.1 为本地回路测试地址 255.255.255.255 代表广播地址 0.0.0.0代表任何网络特殊规则网络号全为0的代表本地网络和本地网段网络号全为1的代表所有的网络主机位全为0的代表某个网段的任何主机地址主机位全为1的代表该网段的所有主机

鸡肋的 Typecho 公众号插件：WeChatHelper for Typecho

Sun, 28 Apr 2019 13:30:06 +0000

今天想要介绍一个 Typecho 下的公众号插件：WeChatHelper。开门见山先说结论：凑合能用，但不好用，反正我已经不用了。前言先说一下这个插件，已经比较有历史了，并且目前来看已经无人维护了。现在能找到的有2处版本：原作 Github：https://github.com/binjoo/WeChatHelper 改版 Github：https://github.com/holmesian/WeChatHelper 我用的是改版，总感觉改的应该好点，并且相对来说还有更新（截止2019年04月28日，最近的更新是19年初）安装不多说，用 Typecho 的应该都会。设置登陆Typecho后台，在“控制台”下拉菜单中进入“插件管理”，启用插件。登陆微信公众平台（ https://mp.weixin.qq.com ）后台，在“开发”-》“基本配置”里，修改服务器地址为 http(s)://{域名}/wechat，（例如https://yqc.im/wechat ）。在插件设置中填写微信的“令牌(Token)”，与微信公众平台中的“令牌(Token)”保持一致。在微信公众平台启用服务器配置。在“自定义菜单”下中进入修改微信公众号菜单，并通过“微信接口操作”-》“创建自定义菜单”来发布菜单到公众号。（发布菜单需在插件设置里APP_ID、APP_Secret）(PS:如果你的公众号没过认证，这个功能就不用想太多了，你懂的) 使用默认支持以下几个命令： n 最新日志 r 随机日志 l 手气不错 s 关键词搜索日志基本能用，但目前微信出了一个限制，仅仅支持一条消息返回。对我来说有点鸡肋，遂放弃。后话插件本身还是好的，但因为微信的限制，所以鸡肋了，不使用这个插件。如果你能接受只返回一条消息，可以玩玩。

修改 HTML5 中 video 样式

Thu, 04 Apr 2019 15:40:00 +0000

前几天收到一个需求，要实现一个背景视频播放的效果，在网上找了几个解决方案。 video.js 这是一起封装非常好的JS库了，可以实现非常棒的效果，一个效果图：不过在我发现这个库之前，前人已经用了原生的<video>实现了，所以要在原生的基础上做修改。显示 shadow DOM 要想自定义样式，需要先把浏览器的 shadow DOM 开启，开启方式如图：打开之后就可以看到webkit内核对video的默认显示样式了几个常用的控制样式 video::-webkit-media-controls-panel video::-webkit-media-controls-play-button video::-webkit-media-controls-volume-slider-container video::-webkit-media-controls-volume-slider video::-webkit-media-controls-mute-button video::-webkit-media-controls-timeline video::-webkit-media-controls-current-time-display video::-webkit-full-page-media::-webkit-media-controls-panel video::-webkit-media-controls-timeline-container video::-webkit-media-controls-time-remaining-display video::-webkit-media-controls-seek-back-button video::-webkit-media-controls-seek-forward-button video::-webkit-media-controls-fullscreen-button video::-webkit-media-controls-rewind-button video::-webkit-media-controls-return-to-realtime-button video::-webkit-media-controls-toggle-closed-captions-button 具体看字面意思应该就可以理解了，这是不做赘述了。一个不算总结的后话当前的解决方案其实更偏向移动端，在IE上还需要特殊写样式来HACK，要跨浏览器还是推荐使用框架来实现~

使用 VS Code 的 Vim 模式

Mon, 01 Apr 2019 11:07:42 +0000

要看一款编辑器的成熟与流行程度，就看其是否支持Vim模式。 ———— 不是我说的。目前来看，Vim 模式的确是编辑文字高效之选，很早之前 VS Code 流行的时候，其 Vim 模式的插件功能并不完善，所以试用了一下也就放弃了。但到 2019 年的今天来看。 VS Code 对 Vim 模式支持已经非常好了，对我来说，基本到了高效使用的地步了。因此，忍不住写文一篇，来记录这个过程。安装插件插件名：Vim 不用犹豫，装就是了。配置安装之后基本已经支持原生 Vim 的操作。但是安装完成之后的操作是默认的，还有一些自定义的操作也要移植过来。自定义方法也很简单，在配置页面搜索 vim 这里面配置的是插件特定的选项，根据自己需要开启。快捷键配置自定义的快捷键可以在插件的 setting.json 中配置。比如我常用的简单配置 "vim.normalModeKeyBindings": [ { "before": ["<leader>", "w"], "commands": [ "workbench.action.files.save" ] }, { "before": ["<leader>", "q"], "commands": [ "workbench.action.closeActiveEditor" ] }, { "before": ["H"], "commands": [ "cursorHome" ] }, { "before": ["L"], "commands": [ "cursorEnd" ] }, { "before": ["U"], "commands": [ "undo" ] }, ], 其他插件 Vim 中用几个杀手级插件，在这里也可以找到。比如：vim-easymotion、 surround.

Spacemacs 中开启拼写检查

Wed, 27 Mar 2019 16:54:13 +0000

使用Spacemacs开发已经有一段时间了，目前用的还是比较爽的，特别是我最喜欢的LSP功能。不过最近小伙伴反应我写的代码中的变量命名拼写有问题。我顿时羞红了老脸，之前使用VS Code的时候有拼写检查非常方便，于是想要在Spacemaces中也开启拼写检查。打开拼写检查layer 要使用Spacemacs 的拼写检查功能，非常简单，只要在Layer中把拼写检查打开即可。如下： spell-checking 使用方法贴个快捷键吧 SPC S b flyspell whole buffer SPC S c flyspell correct SPC u SPC S c flyspell correct all errors one by one SPC S d change dictionary SPC S n flyspell goto next error SPC t S toggle flyspell 可能遇到的问题 Mac系统需要安装 ispell 或者 aspell，如果2个同时安装，aspell 要高于 ispell 的优先级。后话我觉得还是VSCode的拼写更厉害一点。后面还要研究一下，未完待续。

Spacemacs 中使用 git blame 功能

Tue, 26 Mar 2019 14:09:00 +0000

通常在使用vscode 的时候，会安装一个git blame的插件，这个插件的好处是可以方便的看到这个代码是谁写的（坑是谁埋的）,切换到Spacemaces 之后一直也想要这样的功能，后来发现Spacemacs 是自带这个git blame 的。使用方法使用快捷键 SPC - g - b 目前只能满足我的个人需求，但还是不如vscode好看，后面有时间再折腾，本文章未完待续。

ITerm2 中运行 Emacs

Sat, 26 Jan 2019 22:42:00 +0000

通常Emacs是在GUI环境中运行的，一些特定条件下是需要在命令行中运行。命令如下 emacs --no-window-system 或者 emacs -nw

Vim 配置 Catgs 用于前端开发

Sat, 19 Jan 2019 18:38:00 +0000

之前我一直以为ctags是使用Vim开发C++专用，竟然错过了这么强大的工具。看来凡事不能先入为主，以后要引以为戒。安装 universal-ctags universal-ctags 是一个现代化的ctag实现，本文只介绍使用Vim的安装方法 brew install --HEAD universal-ctags/universal-ctags/universal-ctags 其他系统请参考项目主页：ctags 每次生成ctags文件都要手动run一次命令，这一点也不Vim，当然也有解决方法。安装vim-gutentags vim-gutentags是一个用于自动生成tag文件的插件。使用vim-plug安装 Plug 'ludovicchabant/vim-gutentags' 配置如果只是介绍安装方法，那就必要写这篇文章了，安装完成之后还是要针对前端开发的特点手动调教一下。首先我们在任何目录打开文件，都会在目录下生成ctags文件，这样的话对项目代码有入侵性，并不推荐，建议把tag文件写在特定的目录里。可以做如下设置： let g:gutentags_cache_dir = '~/.cachetags' 这样生成的tags文件会统一放在~/.cachetags目录下。另外默认生成的文件名叫tags，也可以根据个从喜好修改： let g:gutentags_ctags_tagfile = '.tags' 这样生成的文件是隐藏文件。另外一个很纠结的问题是有些文件我们并不想让他们生成tags文件，比如node_modules下文件，还有.git目录下的文件。这里有个取巧的方法是根据前文《Vim配置使用FZF》中的方法，把ctags获取文件列表的命令改成ripgrep的搜索，这样就可以自动忽略.gitignore下的文件。如下： let g:gutentags_file_list_command = 'rg --files' 另外有的文件我们也不想让其生成ctags文件，比如*.md、*.svg文件，可以通过universal-ctags的全局配置来配置，这里要注意的是universal-ctags默认的全局配置文件已经不是~/.ctags 和 ./.ctags，而是在 ~/.ctags.d/*.ctags 和 ./.ctags.d/*.ctags。比如我的全局配置文件放在~/.ctags.d/ignore.ctags。简要配置如下： --exclude=node_modules --exclude=gulp --exclude=.git --exclude=*.md --exclude=*.svg 结合FZF 记得我们在文章《Vim配置使用FZF》中的介绍，FZF是支持ctags的，所以可以做个快捷键配置，如下： map <leader>t :Tags<CR> 这样就可以方便的使用ctrl-]和ctrl-o来进行tag跳转了。最后分享我的Vim配置：sailor103/neovim-mac，欢迎fork，我感觉还挺好用的:-)

Spacemacs Homebrew 安装报错Unknown command linkapps

Sat, 19 Jan 2019 17:18:04 +0000

在前文《重新开始学EMACS》中我给自己立下了一个Flag要通过Spacemacs项目来学习Emacs，但在安装就遇到了困难。官方推荐的安装方法是这样的： brew tap d12frosted/emacs-plus brew install emacs-plus brew linkapps emacs-plus 这是要先安装Emacs，但在执行brew linkapps emacs-plus时发现无法成功，报错： Unknown command: linkapps 解决方法 linkapps是homebrew老版本的一个方法，新版本已经取消，解决方法也很简单。 ln -s /usr/local/Cellar/emacs-plus/*/Emacs.app/ /Applications/

Vim配置使用FZF

Sat, 19 Jan 2019 16:24:00 +0000

使用Vim已经有了一段时间，虽然是和VS Code配合使用，不过还是有很多痛点。最近好不容易有了点时间，做了一个简单的折腾。今天的主题是使用FZF，这是目前来折腾的比较强大的一个插件了。 FZF是用来做什么的？ fzf是一个用来做模糊搜索的强大工具，其实它不是专用于Vim的，但有人专门开发了一个插件fzf.vim，用于结合Vim与FZF，因此与搜索相关的内容都可以交给FZF了。安装有2种安装方法，一种是先在系统安装FZF再在Vim中安装fzf.vim插件。配置如下： Plug '/usr/local/opt/fzf' Plug 'junegunn/fzf.vim' 上面 /usr/local/opt/fzf 是使用Homebrew安装的就是这个目录，其他系统请配置成特定的目录。另外一种方式是本机不安装fzf，直接在Vim中安装。方法如下： Plug 'junegunn/fzf', { 'dir': '~/.fzf', 'do': './install --all' } Plug 'junegunn/fzf.vim' PS:根据本人折腾下来的经验来看，使用Mac请选择第一种。直接使用Homebrew安装 brew install fzf 其他系统请自己斟酌。安装完成之后，让我们看看fzf.vim都支持哪些搜索。默认支持的功能 :Files [PATH] //Files (similar to :FZF) :GFiles [OPTS] //Git files (git ls-files) :GFiles? //Git files (git status) :Buffers //Open buffers :Colors //Color schemes :Ag [PATTERN] //ag search result (ALT-A to select all, ALT-D to deselect all) :Rg [PATTERN] //rg search result (ALT-A to select all, ALT-D to deselect all)

使用vim-rooter让Vim支持工程目录

Sat, 19 Jan 2019 13:00:00 +0000

众所周知，Vim是一个高效的编辑工具，因为其专注编辑相关的工作，所以一些方面很难与IDE相对比。不过为了达到IDE的复杂功能，有很多人做了努力，开发了插件，虽不能与IDE相抗衡，但在某些情况下已经足够满足相关工作。今天想和大家分享的是一个简单的小插件：vim-rooter，这个插件的功能也很简单，就是让你每次使用类似NerdTree这中插件的时候，自动把工作目录设置为当前的工程目录。安装使用vim-plug，目前本人使用的是这个。 Plug 'airblade/vim-rooter' 如果你没有特殊要求的话，使用默认配置就好。原理个人理解，其会查找你当前打开文件的目录，找最近一层的目录中带有.git、.svn（这个也可以自己设置），然后将其设置为Vim的工作目录。上面的原理是我猜的。

重新开始学EMACS

Fri, 18 Jan 2019 16:22:59 +0000

之前一直使用Vim+VSCode做为我的开发编辑器，现在想换一下，立一个Flag。 Why Vim Vim的确是我目前用过的最好用的编辑器，没有之一，轻量效率高，并且它的键位你熟悉了之后，用其他的编辑器都会不习惯。目前我用过的所有的编辑器，很多都集成了Vim模式，但都没有Vim做的好。 Why VSCode 为什么又要结合VSCode呢？因为好用。太简单了，集成了超多的工具。并且超级多的插件可以一键安装，超级方便。这不就是一款好产品吗？ Why EMACS 想学函数式编辑 Vim专注于文本编辑，但其扩展的成本太高了。有了Spacemacs 一点想法学习成本低的产品一定是效率高的吗？可以说是，也可以说不是。比如我目前正在用的五笔输入法。所以从Spacemacs入手，结合了Vim+Emacs，坚持一下，万一LISP可以给我惊喜。

Bootstrap 4 中 hidden-* 和 visible-* 类都去哪了？

Wed, 17 Oct 2018 09:22:00 +0000

之前使用过一个CMS开发过后台系统，使用了 Bootstrap3，里面有好个非常好用的css类 hidden-* 和 visible-*，可以方便地实现响应式。最近帮朋友改一个基于 Bootstrap 4 开发的系统，却发现找不到这两个好用的类啦。后来仔细看了一下，发现在 Bootstrap 4 中，这2个类前缀已经被移除了。取而代之的是新的控制 display 的方法，见这里：Display property · Bootstrap 几个示例下面的示例来自 Stackoverflow Show/hide for breakpoint and down: hidden-xs-down (hidden-xs) = d-none d-sm-block hidden-sm-down (hidden-sm hidden-xs) = d-none d-md-block hidden-md-down (hidden-md hidden-sm hidden-xs) = d-none d-lg-block hidden-lg-down = d-none d-xl-block hidden-xl-down (n/a 3.x) = d-none(same as hidden) Show/hide for breakpoint and up: hidden-xs-up = d-none (same as hidden) hidden-sm-up = d-sm-none hidden-md-up = d-md-none hidden-lg-up = d-lg-none hidden-xl-up (n/a 3.

Nginx 中关于 try_files 一点心得

Thu, 06 Sep 2018 18:36:02 +0000

先来看一下常见的 Nginx 配置的写法。 root html; try_files $uri $uri/index.html /index.html; index index.html index.htm; root 的作用就是指定一个根目录。默认的是html目录，如果是yum安装的Nginx的话，应该就是/usr/share/nginx/html。 try_files 这里理解起来有点困难，首先是$uri参数，它通常的值是这种/foo/bar(本文以此为例)。 Nginx 会先去找/usr/share/nginx/html/foo/bar这个文件，如果没有会再去找/usr/share/nginx/html/foo/bar/index.html这个文件，如果上面再没有，接下来就有点绕了，try_files 最后一个参数是发的一个请求，是请求，是请求！所以最后一步，Nginx 会将 yourdomain.com/index.html 的内容返回！后话被root和try_files绕了好久，本文做一个记录。 EOF.

网页调试控制台注入jQuery

Thu, 06 Sep 2018 12:01:00 +0000

最近调试一个React写的网站，想在控制台进行DOM操作。虽然目前浏览器已经原生支持了querySlector，但还是不如使用jQuery方便，由于项目本身并未引入jQuery，在控制台中调试还遇到了一点困难。方法总比困难多，找了一个办法在控制台成功注入了jQuery。注入方法 var script = document.createElement("script") script.type = "text/javascript" script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" document.body.appendChild(script) 其实就是给网页动态加了一个引用jQuery的script标签。改进版本上面的方法，如果遇到网络慢的情况下，就无法确切的知道脚本有没有加载成功。解决这个问题一是可以换一个国内CDN的地址，另一种方法就是在脚本加载完成后输出一个信息，也就是监测onload方法。如下： var script = document.createElement("script") script.type = "text/javascript" script.src = "//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js" script.onload = function(){console.log("jQuery is ready!")} document.body.appendChild(script) EOF

GoCD 设置代理

Wed, 29 Aug 2018 10:12:27 +0000

在AWS中国（不是国际的AWS哦）上部署了GoCD，设置的是在github提交到master会自动触发 WebAPP 的打包及上线过程。但是 AWS 中国区访问 github 的速度感人，经常掉线,在代码包大一点的时候会更慢。尤其是在下午 5-6 点下班的时候，不知道大家是不是都要这个点上线:-) 为了解决这个问题找了几个解决方案出来，整理一下，备用参考。 1.等滚 du 子，这能叫解决方案吗？不过在晚上 9 点之后，好像真的快些啦。 2.设置代理我们先来看 GoCD 的部署架构。无论是 GoCD 的 Server 还是 GoCD 的 Agent 都是以 Docker 的形式运行在 EC2 的主机上，所以这里思路也很简单，只需要在 AWS 的 EC2 上运行代理，并在 Docker 中使用就好。 1.首先你得有个代理这里还是推荐 SS 代理，无论如何你得有。没有的话，你得想办法，这就是本文的范畴。 2.安装Linux SS包本文使用的是这个： sudo apt-get install python-pip sudo apt-get install python-setuptools m2crypto pip install shadowsocks 将你的 SS 帐号保存在json中，并运行如下命令： sslocal -c shadow.json -d start json 文件的格式

VS Code 匹配中文

Mon, 28 May 2018 13:25:44 +0000

最近要把手头的一个项目支持国际化，在 VS Code 中要把中文全部搜索出来，直接用到了正则（VS Code 支持正则搜索）。 [\u4e00-\u9fa5] 搞定。

Mac下管理Java多版本的实践心得

Tue, 22 May 2018 15:56:00 +0000

在 Mac 下要跑一个公司大神给的项目，后端用到了Java 8，做为一个不起眼的前端开发，在见到Java代码之后是蒙的，好在小龙大哥的指导，才让我这Java跑起来。但是，在被前端的node坑过之后，我想起了一个恐怖的问题：Java 下是不是也有多个版本？是为了避免后面大神再给我一个 Java 1.7 的项目，于是我决定找办法在电脑上管理多版本的 Java。神器 jEnv jEnv - Manage your Java environment 是一个用于管理Java多版本的工具，其使用方法推荐参考官网的方法。本文做一些节选，不保证最新哦。安装 jEnv brew install jenv 如果用的bash echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.bash_profile echo 'eval "$(jenv init -)"' >> ~/.bash_profile 如果用的zsh echo 'export PATH="$HOME/.jenv/bin:$PATH"' >> ~/.zshrc echo 'eval "$(jenv init -)"' >> ~/.zshrc 安装 Java jEnv 和 nvm 不一样，并不提供下载 Java 特定版本的功能（截止2018-05-22），所以需要自己手动安装。Java 6 需要从Apple webiste下载安装，Java 7、Java 8、 Java 10可以直接从官网下载。配置 jEnv 使用如下命令： // 1.

Error: write after end的解决方案

Mon, 21 May 2018 17:53:04 +0000

最近在看之前的大神写的一个项目，出现了 Error: write after end 的报错信息，导致项目始终跑不起来。开始以为是我网络的问题，又是加VPN，又是挂代理，后来发现并没有用，还是install不上，后来查了一下，发现与npm版本有关。总结了下面几个解决方案。安装特定版本npm 使用如下命令 npm install npm@4 -g 其中，@ 后接的是npm的版本。这种方法也可用于npm的降级。切换node版本通常这种项目是使用某一版本的node及其带的npm开发的，所以只要切换相应的node版本就可以了。笔者推荐使用nvm，运行如下命令 nvm install 6.14 nvm use 6.14 就可以了，如果要设置永久的node版本，使用如下命令 nvm alias default 8.1.0 结语 npm 这个快速发展的项目还是有的太多的不完善和不方便。虽然目前有了类似 yarn 的解决方案，但还是需要一个过程。

Vim YouCompleteMe 使用整理

Thu, 03 May 2018 17:27:54 +0000

YouCompleteMe 是我使用 Vim 的必备插件，同时也是最难装的插件，没有之一。本文记录笔者在使用这个插件的一些心得，嗯，这个会持续更新的。安装在 Manjaro 上安装没有遇到过什么问题，基本按照文档一路来就好。在 macOS 上因为要用到 python，并且 macOS 系统自带的 python 并没有安装 pip，所以要麻烦一些，解决方案看这里：macOS切换Python2和Python3的探索 ultisnips 冲突 Vim 的 ultisnips 插件也使用的是 tab 触发，这里会有冲突，解决方法，在 .vimrc 中加入下面的代码： let g:ycm_key_list_select_completion = ['<Down>'] let g:ycm_key_list_previous_completion = ['<Up>'] 把 ycm 的前一项和后一项绑定到小键盘上。巧用 .tern-project 文件最新版本的 YCM 已经兼容了 Tern，在我们开发 JavaScript 相关项目时，可以在根目录配置这个文件来增强这个插件的能力。示例（React）： { "ecmaVersion": 6, "libs": [ "browser" ], "loadEagerly":[ "node_modules/react-dom/dist/react-dom.js", "node_modules/react/dist/react.js", "node_modules/react-dom/dist/react-dom.js", "node_modules/react-dom/dist/react-dom-server.js" ], "dontLoad": [], "plugins": { "es_modules": {}, "node": {} } } 关于这个文件的详细写法可以参考这里：tststs/atom-ternjs

使用jquery.simple-scroll-follow实现滚动跟随

Thu, 03 May 2018 16:44:01 +0000

在开发麻辣GIS的时候需要实现一个滚动跟随的效果，写得自己脱了一层皮，各种计算，不过好歹实现了。最近把个人博客也想加上这个效果，不想再重复造一次轮子。于是发现了这个：sutara79/jquery.simple-scroll-follow 尝试使用了一个发现还不错，比自己重新写一次要好得多。不过有些效果还是自己手动调教。 Demo 本站右侧的广告就是了，但触底的效果还是有点问题，等我搞定了再来总结一下。

macOS切换Python2和Python3的探索

Thu, 03 May 2018 15:26:00 +0000

最近要在 macOS 下安装 YouCompleteMe ，需要一个 Python 环境。考虑到 Python2 即将被放弃，安装一个 Python 也是必要的。所以探索了一下在 macOS 下同时安装这两个版本的方法，本文做一个小总结。前言一般情况下，macOS 是自带了一个 Python 环境的，一般是2.7，但编译 youcompleteMe 的时候发现需要pip。本来想基于自带的安装 pip，后来百度了一下发现使用 Homebrew 安装的 Python 都是已经安装好 pip 了。所以本文的方案不动自带的 python，使用 Homebrew 重新安装。安装 Python2 和 Python3 直接运行 brew search python 结果如下：其中 python 是 3.x 版本， python@2 是 2.x 版本。运行 brew install python brew install python@2 此时运行 brew info python brew info python@2 可以查看这两个版本具体的安装信息。图中两个箭头分别是 Homebrew 安装的python目录和映射到的目录。替换系统默认 Python 这时运行 python 命令你会发现使用的还是系统默认的 python.

macOS下Vim“正确”的使用方式指南

Thu, 03 May 2018 14:07:00 +0000

在 Manjaro 下使用 Vim 习惯了，到 MacOS 下也想配置下 Vim，结果发现了几个坑。经过一段时间的摸索，自认为找到了一种不错的解决方案，这里做一个总结。安装 Homebrew PS：必须。安装方法很简单，直接参照官网来就可以了。The missing package manager for macOS — The missing package manager for macOS 安装 iTerm2 PS: 不必须但建议。 MacOS 自带的 Terminal 我觉得不好用，就换成了这个。安装 oh-my-zsh PS：不必须安装方法直接参照官网来：robbyrussell/oh-my-zsh 不要忘了更改默认的shell chsh -s /bin/zsh 安装 MacVim 为什么？因为系统自带的 Vim 不支持剪贴板（这个不能忍），而我又不想自己编译 Vim，使用 MacVim 是最简单、最方便的解决方案。这里要注意的是，安装 MacVim 不要通过官网下载二进制包了，要使用 Homebrew 来安装。 brew install macvim 安装完成，可以在命令行中输入 mvim 弹出 MacVim 表明安装成功。替换系统默认 Vim 在 .zshrc 中加入 alias vim='mvim -v' 这样在命令行中输入 vim 命令调用的就是 MacVim 了。

浅说JavaScript之Event Loop（上）

Wed, 14 Mar 2018 22:11:00 +0000

Event Loop 也叫事件循环，是 JavaScript 中的基础概念，听起来蛮唬人，查了一些资料，斗胆用大白话来说说这个东西。PS：仅限浏览器的讨论。为什么会有 Event Loop 这一切还要从 JavaScript 的诞生说起，因为造它的用途简单，就是来浏览器“谈谈心”。谈心嘛，套路什么的不用太深，给你一个单线程的脑子就够了。于是乎，这“一根筋”的 JavaScript 就来到了人间，虽然这个呆头呆脑的家伙后来上了一件叫 “Worker” 的装备，也开始学会了城里人的套路，但它总归是村里出来的（web worker本身限制诸多，有空再叨），再多的套路也没变了它“一根筋”的本质。虽然它“一根筋”，但它不傻。不管工作多么忙碌，人家照样张弛有度。举例来说，就像衣服放洗衣机了，它才不会在那等着45分钟衣服洗完去晒，而是继续扫地、打麻将…等听到洗衣机洗完响了，再去收。它的这个本事就叫“非阻塞”，而让它能有这个本事的，就是今天的主角——Event Loop。 Event Loop 的流程说起 Event Loop 的流程，要先看这张来自 Philip Roberts 的图。基本的过程就先从左边看起，JavaScript 主线程运行的过程中产生了堆（heap）和栈（stack），栈中的代码顺序执行，当遇到“拦路虎（异步）”操作的时候，就把这“锅”扔给浏览器老大哥，并对它说“大哥，这事我不好搞，你帮搞定吧。对了，搞定完了，和我弟（任务队列/task queue）说一声啊。”。然后继续栈中的代码跳过这，继续往下走，再遇到（比如DOM操作，AJAX请求）再找老大哥。。。当栈中的活都干完了，“哎？大哥帮我把事处理的怎样了？找我弟问问去。” 老弟（任务队列）给了一个列表：二哥，这些活（回调），还要你干。于是，把任务队列的活再接着干，直到没活可干，就可以休息了。这就是上面图的流程，所以同步总要比异步的结果先出来。比如： setTimeout(function(){ console.log('2') }, 0) console.log('1') console.log('3') 结果： 1 3 2 老弟的账本（任务队列的秘密）既然 JavaScript 这么信任小弟，那小弟做事也不能马虎，对浏览器老大哥也是言听计从。可老弟也是一个有原则的人。当浏览器老大哥给来一堆任务的时候，哪个在前，哪个在后呢？老弟内心也门清，他把这些任务分为了2类，当官的（micro task）和老百姓（macro task）。任务来了，他就先看看身份，然后把他们放到不同的队伍中去（干部的纯洁性嘛）。于是当大任务（好处）来临时，干部优先嘛，先处理micro task，再处理macro task。那何人可为官？ new Promise() new MutaionObserver() 老百姓是谁？ setInterval() setTimeout() 所以下面的代码： setTimeout(function () { console.log(1); }); new Promise(function(resolve,reject){ console.

text-overflow: ellipsis 无效的解决方案

Mon, 12 Mar 2018 09:49:00 +0000

一个简单的需求，要展示用户的微信名，有的人喜欢把微信名起的很长，导致一个框框显示不下，于是用到了 text-overflow 的属性。代码如下： width: 90%; margin: 0 auto; overflow: hidden; font-size: 14px; color: #fff; text-align: center; text-overflow: ellipsis; 可效果不是我想要的解决方案可以看出问题出在换行，加一句white-space: nowrap;即可。

NodeJS 将 JSON 转换成 EXCEL（CSV）

Fri, 09 Mar 2018 12:03:19 +0000

最近要使用LeanCloud的数据，导出来是一个JSON格式的文件，妹子根本没办法打开处理，于是使用 Node 将这个JSON文件转换成CSV格式的文件，让她能在EXCEL中打开使用。方法用到了2个库，一个是 zemirco/json2csv，另外一个就是系统自带的 fs 模块了。json2csv 这个库非常强大，可以在命令行及Javascript module方式使用，具体使用参考github地址即可。代码 var fs = require('fs'); const Json2csvParser = require('json2csv').Parser; const fields = ['car', 'price', 'color']; const myCars = [ { "car": "Audi", "price": 40000, "color": "blue" }, { "car": "BMW", "price": 35000, "color": "black" }, { "car": "Porsche", "price": 60000, "color": "green" } ]; const json2csvParser = new Json2csvParser({ fields }); const csv = json2csvParser.parse(myCars); console.log(csv); fs.writeFile("./out.csv", csv, function(err) { if(err) { return console.

JavaScript 封装一个显眼的 console

Mon, 05 Mar 2018 09:57:00 +0000

开发时候经常会打印很多log，开始的时候还好，可后来就会打印一堆log出来，有时候调试为了找自己的log就会使用如下的句式： console.log('=============================>', a) 有没有办法让log更显眼一点？有。官方文档中说可以设置一个 %c 来指定输出样式。那接下来就好办了封装一个函数最先想到封装一个函数。 function lc(tips, v, style) { if (!style) { style = 'background: red;color:white;font-size: 16px;'; } try { console.log('%c ' + (tips || v) + '=====>', style, v); } catch(e) { console.log('loger==>', e) } } module.exports = { lc: lc } 改原型但这样调用每次都要引用这个文件，可不可以不引用？直接改 console 的 __proto__ 属性 try { if (typeof console.__proto__.lc !== 'function') { console.__proto__.lc = function(tips, v, style) { if (!style) { style = 'background: red;color:white;font-size: 16px;'; } console.

PWA浅尝辄止

Thu, 01 Mar 2018 18:19:03 +0000

前段时间看到苹果官方将对PWA提供支持，之前看到沪江也已经开始了PWA的尝试，于是尝试自学了一把，写点心得。教程 Your First Progressive Web App 几点心得 PWA不算一种技术标准，算是一种理念，目的是为了给web应用提供接近APP的用户体验。大约有几个特性（我理解的，不保证全）：可添加HOME访问图标，支持全屏运行离线访问消息推送所以，PWA是一系列技术的合集。添加图标这个靠浏览器及系统实现，离线访问依赖了Service Worker + CacheStorage API + Fetch API，消息推送Chrome支持GCM（这玩意国内肯定不好用。。。）虽然看起来依赖的东西很多都不完备支持（实际上也是），但因为是 Progressive，不支持也没关系，也不影响原来的Web APP运行，就是没了上述的特性而已。总而言之，PWA这东西加上之后，支持的可以提升用户体验，不支持的就当什么都没发生。示例模仿官方的示例，我也自己写了一个。只实践了离线访问的特性。 PWA测试页面总体流程如下：正常加载页面检测支持PWA？继续3 : 啥也不做。缓存请求及数据（图片等资源）再加载页面资源直接从缓存加载，请求的接口数据先从缓存展示，等有返回再更新。问题强制需要https 测试离线页面竟然在firfox下完美，在chrome上离线有问题。。。还在找原因。

《JavaScript高级程序设计》读书笔记：classList 与 readyState

Sat, 24 Feb 2018 15:48:48 +0000

继续学习《JavaScript高级程序设计》，体会原生 JavaScript 之美。今天记录2个有用的属性。 1.classList HTML5 对DOM操作 class 做了优化，增加了 classList 属性，从此再也不用对 className 做字符串操作了。它有4个方法 add // 增加一条属性（已经存在就不添加） contains // 判断属性是否存在 remove // 删除属性 toggle // 如果存在就删除，不存在就添加。这个好玩～ 2.readyState 曾几何时，使用 onload 方法来判断页面有没有加载完毕，现在有了 document.readyState , 一切就简单了。其中书中的内容不完整（P292），这个属性目前已经有了3个值（2018-02-24） loading //页面还在加载 interactive //文档已经完成加载，文档已被解析，但是诸如图像，样式表和框架之类的子资源仍在加载。 complete // 文档和所有子资源已完成加载。状态表示 load 事件即将被触发。之前使用 m-React 的时候使用的是 onload 方法，如果下次有机会再来测试一波 readyState

html == document.childNodes[0] ? 不是

Thu, 22 Feb 2018 18:20:00 +0000

《JavaScript高级程序设计》（第三版）中发现了一个问题，在P254中有这么一句 html === document.childNodes[0] 作者当时写书的时候，document.childNodes[0] 返回的是html元素，也就是说返回 true，但我在读的时候试验了一下，发现是不对的。在Chrome v63 及 Firfox v58.0 中document.childNodes[0]均不是html元素，而是 documentType。

document.implementation.hasFeature总是返回true

Thu, 22 Feb 2018 18:08:51 +0000

在读《JavaScript高级程序设计》（第三版）中发现了document.implementation.hasFeature 方法，这个方法功能很强大，可以检测到浏览器是否支持某些功能。（P259）于是我赶紧使用了一下，发现： document.implementation.hasFeature('Range',"40000000.0") 输出 true why MDN上说，这个方法已经废弃了。DOMImplementation.hasFeature() - Web APIs | MDN 所以不要用了。 so，读书要趁早。

通过ua判断微信浏览器打开

Tue, 06 Feb 2018 15:16:00 +0000

最近做了一个小需求，需要判断网页是不是在微信内打开的，打印了一下微信浏览器的UA，写了一个简单的小函数。 function checkWechatBrowser () { var userAgent = navigator.userAgent.toLowerCase(); return (/MicroMessenger/ig).test(userAgent); }; 暂时可用。 PHP 版本 if( !preg_match('/micromessenger/i', strtolower($_SERVER['HTTP_USER_AGENT'])) ) { return true; }

Laravel Cannot use PhpParser Node Scalar String as class name解决方案

Sun, 14 Jan 2018 02:14:42 +0000

在使用 Lavarel 生成项目的时候又出现了问题，报错如下: Cannot use PhpParser Node Scalar String as class name 在网上搜索了一堆，后来发现还是PHP的版本引起来的问题。问题原因 PHP 7 中将 String 作为了一个保留关键字。这与 PhpParser 这个库冲突了。解决方案方法一：升级 PhpParser 的版本方法二：升级 Lavarel 版本

安装 Laravel 报错 PHP extension mcrypt is missing 解决方案

Sun, 14 Jan 2018 02:07:05 +0000

在安装 Laravel 的时候按照网上的教程，出现了如下的错误 the requested PHP extension mcrypt is missing from your system 本来这种小错不值得记录，直接找到 php.ini 将 mcrypt 扩展打开即可。但是，我打开之后却没发现这个扩展。于是就去找这个扩展想下载安装，后来发现原来问题不在这里。 why 这是因为PHP的版本问题，在 PHP 7.1 中弃用了这个扩展，在 PHP 7.2 版本中完全移除了这个扩展。但是我安装的时候因为要参考示例，于是安装了5.0版本的 Laravel，而5.0版本还是信赖这个扩展的。解决方案当然是安装最新的 Laravel。把命令 composer create-project laravel/laravel laravel5 "~5.0.0" --prefer-dist 换成 composer create-project laravel/laravel laravel5 --prefer-dist

Windows下使用XAMPP安装Laravel

Sat, 13 Jan 2018 20:30:00 +0000

自学当下最流行的PHP框架 Laravel，官网推荐使用 Homestead ，查了一下使用 Windows 安装这玩意有点折腾，并且我这老爷机能自己运行起来就不错了，还什么虚拟机。于是使用 XAMPP 来安装，做个简单的记录。安装XAMPP 直接去官网下载最新版本，PHP版本为7.2.0，好久没写PHP了，也应该接触下新版本。安装Composer 安装 Laravel 最好使用 Composer, 这是PHP的包管理器，类似 NodeJS 的 NPM。直接去官网下载 Windows 版本。下载之后直接各种 Next 就行，不过有一个地方要注意。这里要设置一下 php.exe 路径。设置Composer源毫无疑问，Composer 和 NPM 一样，国内使用是没那么方便的，所以要设置一一个国内的源。下面2个可以任选一个。 Packagist 镜像 Composer 中国镜像设置方法按照官网来即可。安装 Laravel 使用 cmd 进入 xampp/htdoc 目录，运行下面的命令 composer create-project laravel/laravel learnlaravel5 这样就生成了一个 Laravel 的项目了，浏览器打开下面的网址 http://localhost/laravel/public/index.php 看到下面的界面表示安装成功。参考国内使用composer的正确姿势在 xampp 环境下安装 laravel

CSS 中 margin 与 padding 的百分比

Wed, 10 Jan 2018 17:09:50 +0000

最近做开发的时候用到了多次 margin: xx% 来做自适应的网页布局，但这个东西有时候出来的结果并不是自己所想的，于是去百度了一下这个百分比的计算基准，结果发现了一个比较好玩的点。示例HTML <div class="boxer"> <div class="box"></div> </div> 示例CSS .boxer { width: 600px; height: 400px; background: red; } .box { width: 200px; height: 100px; background: blue; // padding: 10%; //padding 和 margin 一样好玩 margin: 10%; } 猜测结果 .box 的 margin 为：40px 60px 40px 60px 结果是的结果是 60px 60px 60px 60px，同样 padding 也是一致。 why w3c就是这么规定的。 margin - CSS | MDN

不定宽高元素的水平垂直居中

Wed, 10 Jan 2018 16:42:00 +0000

前端开发中水平垂直居中是绕不开的坎，尤其是宽高不定的元素，之前听说过总总办法，由于自己懒，也没一一去试，今天就做一个总结。 PS：纯CSS实现，布局的问题不应试交给JavaScript(除非某些破不得已的情况)。预期结果 HTML代码 <div class="panel"> <div class="box"></div> </div> Flex 方法 .panel { width: 600px; height: 400px; background: red; display: flex; justify-content: center; align-items: center; } .box { width: 83%; height: 79%; background:green; } Flex 是最简单的实现方法，由于目前通常是移动开发，这也是我的首选的方法。关于 Flex 布局可以参考：Flex 布局教程 margin: auto 方法 .panel { width: 500px; height: 400px; background: red; position: relative; } .box { width: 76%; height: 79%; background: green; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } 这算是 css 的一个奇技淫巧，非移动端开发下首选。

使用 Less 替换 wxss 开发微信小程序

Wed, 10 Jan 2018 11:11:00 +0000

微信小程序开发中默认使用的 wxss 做为样式文件，这货对应成前端就是 CSS 文件，所以通常写 wxss 文件的时候会很痛苦。因为我已经完全放弃了小程序自带的编辑器（参考：wxapp.vim——使用Vim开发小程序利器），于是尝试在微信小程序开发中引入 Less 来自动编译 wxss。思路启用一个 gulp 任务，在文件更新的时候自动将 .less 文件编译成 .wxss 文件。主要用到了 2 个 gulp 插件，gulp-less 和 gulp-rename。前者用来编译 Less 文件，后者用来将编译出来的 css 文件重命名为 .wxss。实现代码： var lessPath = ['./app/**/**/*.less', './app/**/*.less']; /** * 本地监视less的文件 */ gulp.task('less', function () { return gulp.src(lessPath) .pipe($.plumber()) .pipe($.less()) .pipe($.rename(function (path) { path.extname = '.wxss'; })) .pipe(gulp.dest('./app')); }); // 静态服务器 gulp.task('style', function () { gulp.watch(lessPath, ['less']); }); 使用开发前运行 gulp style，剩下的事情就是写 Less 了，再不也用管什么 wxss 了。

wxapp.vim——使用Vim开发小程序利器

Tue, 09 Jan 2018 18:13:14 +0000

微信提供的小程序开发工具自带了编辑器，不过习惯了 Vim 的我使用起来感觉很不顺手，于是切换到 Vim，好在 Vim 中已经有了开发小程序的插件：chemzqm/wxapp.vim: 提供微信小程序开发全方位支持的 vim 插件安装使用 NeoBundle Vundle vim-plug 对应的安装方法。 NeoBundle 'chemzqm/wxapp.vim' Plugin 'chemzqm/wxapp.vim' Plug 'chemzqm/wxapp.vim' 使用安装上这个插件基本的高亮已经不成问题了，其实这个插件还提供了很多有用的功能，配合 YouCompleteMe 可以更高效,推荐参照官方的地址。这样使用小程序开发工具只做预览和调试，开发的事情就交给 Vim 了。

Linux下小程序开发方法总结

Mon, 08 Jan 2018 18:28:39 +0000

小程序开发要使用官方的开发工具，果然腾讯也很完美的发行了 Windows 和 Mac 版本。对，没有 Linux 版本。之前因为这个问题，又因为项目催得急，我楞是切换到 Windows 下开发了3个月。最近几天尝试摸索一下 Linux 下开发小程序的方法。方案一虚拟机大法。帅哥（我崇拜的大神）使用的就是这个方法。不过使用这个方法也有局限，虚拟机要 Win7 以上的系统（xp我这边测试不行），所以要保证有足够的机器配置。并且不支持共享目录，所以想在 Linux 下写代码，虚拟机中预览是不太可行的。方案二（推荐）使用这个工具： cytle/wechat_web_devtools: 微信开发者工具(微信小程序)linux完美支持，目前我使用的也是这个方法，目前来说是亲测可用的。不过有不足之处是不能实时安装官方最新版本。方案三（未实践）这个方案是我没有验证过的，为了解决方案二中不能实时更新的问题，我们可以将方案一做一个变通。有以下几个想法：使用 dropbox 同步代码（估计速度不会快）使用 GoodSync、Allway Sync等软件同步（最有可能有效的方法）后记目前我使用方案二够用，如果有一天不能用了，我会亲测试方案三，相关内容再来补充。以上。

关于git使用中.ssh文件夹的权限问题

Mon, 08 Jan 2018 17:39:16 +0000

使用 Linux 的时候，要配置 Git 的相关 rsa pub 等，为了方便我直接把 Windows 下的 .ssh 文件夹复制了过来，结果被坑惨了。使用这玩意死活连接不上，拉取不了代码，简直见鬼。后来研究了一下，发现其实仅仅是一个权限的问题。问题原因在 Linux 下对 .ssh 文件夹及其下的文件有着严格的权限要求。所以从 Windows 直接复制过来是不行的。解决方案 .ssh目录权限一般为755或者700。 rsa_id.pub 及authorized_keys权限一般为644 rsa_id权限必须为600 所以使用 chmod 命令按照上面设置权限即可。

记录我的（Manjaro）Linux Web 开发环境的搭建过程

Fri, 05 Jan 2018 10:30:00 +0000

写在前面的话许久之前开始跟随郑教授使用 Linux 作为 Web 的开发环境，中间折腾了很多东西，这里做一个简要的记录。用Linux？为啥嘞？如果要用Linux，我想首先你应该知道为什么自己要用？因为毕竟不怎么好用（从小白的角度出发。。大神别喷），从各种社区来说，通常都会几个理由：为了自由和理想不想使用盗版程序员的操作系统 Shell、命令行买不起Mac 拓宽技术视野 …. 总之，要用它可以有100个理由，不用它也可以有100个理由，黑它也可以有一万个理由。不管为毛，如果你真的要用它，那就欢迎来一直踩坑。选发行版开始使用Linux之前，就要做一个选择题，并且这个选择题有超多选项，如果有选择困难症，这可能是你要面对的第一关。说一下我前前后后曾经使用过的发行版 Ubuntu Linux Mint openSUSE Fedora YMLF OS（哈哈，就看看有多少人用过这）红旗Linux（再看看有多少人用过这） CDLinux （做坏事用的） Deepin Manjaro Deepin 和　Manjrao是我最近使用的两个发行版。 Deepin是我知道目前针对国内优化的最好的发行版了，并且相当漂亮，国际排名第６，原生支持QQ，原生支持微信，原生支持招行的网银，原生支持QQ旋风等等，最开始我使用的也是这个，后来因为电脑配置跟不上，会经常卡死，也就放弃了。 Manjaro是我目前在用发行版本，基于Arch，软件丰富，很多软件可以一键安装，而必备的Win软件，就开个虚拟机（使用wine其实也很折腾）安装安装Linux现在也挺方便的，具体教程网上一堆，就不搬运了，可不同的发行版自己选择。不过我安装的时候一般会给自己留条后路，一般我都是安装的Win和Linux的双系统，特殊情况下，可以做一个紧急切换。反正公司的系统硬盘还挺大的，我直接给了270G给Linux，现在觉得有点少了。神器pacman 安装Manjaro默认是xfce的桌面环境，安装好之后，基本就是可以直接使用了。Manjaro基于Arch，此发行版我觉得有两个地方做的优秀：完善的文档（有问题不用百度一下，直接文档上搜）丰富的软件（关于pacman的简单中文使用说明可以看Pacman (简体中文) - ArchWiki）更新源使用Manjaro不需要手动去找国内源，使用下面的命令 sudo pacman-mirrors -i -c China -m rank sudo pacman -Syyu 直接查找最快的源并设置。安装yaourt(非必须但推荐) sudo pacman -S yaourt 强烈推荐，里面有各路大神打包好的软件，使用yaourt可以拿来即用，比如vscode，直接 yaourt -S visual-studio-code 安装proxychain(非必须但推荐) yaourt中的软件许多要下载国外的包，加个终端的代理是必须的，这玩意谁用谁说好。教程：利用proxychains在终端使用socks5代理安装中文输入法 sudo pacman -S fcitx-rime sudo pacman -S fcitx-im # 全部安装 sudo pacman -S fcitx-configtool # 图形化配置工具之后就是还需要更改 ~/.

小程序开发 webview 中无法获取参数的解决方法

Thu, 04 Jan 2018 17:15:58 +0000

小程序开发已经支持 web-view 的跳转，最近开发的一项功能正好APP与小程序均要使用，于是自然想到使用 web-view 的方式。场景是这样的：用户打开APP/小程序，查看自己个人信息卡片，根据不同的 userid 返回不同的卡片样式。 H5实现 H5实现很简单，直接使用页面类似地址 https://xxx.com/xxx.html?userid=2345。所以可以看出 2345 这个 userid 是需要我们动态传入的。小程序实现小程序中跳转 web-view 需要生成一个新的页面，然后里面嵌入一个 <web-view></web-view> 组件。所以想当然的可以这样写： <web-view src="https://xxx.com/xxx.html?userid={{userid}}"></web-view> 其中 userid 我们需要在跳转之前传入，并在当前的 onLoad 中获取一下，代码如下： /** * 页面的初始数据 */ data: { userid: '' }, /** * 生命周期函数--监听页面加载 */ onLoad: function (option) { if (option.userid) { this.setData({ userid: option.userid }) } }, 遇到的问题使用上面的方法在 iOS 下完美，但是在 Android 下经常会出现 H5 页面没有获取到 userid 的情况。后来思考了一下，应该是 <web-view> 组件在没有取到参数的情况下（也就是 onLoad 没有执行完成）的时候就已经打开了我们的 H5 页面。

解决html2canvas的图片跨域问题

Thu, 04 Jan 2018 13:45:00 +0000

最近要做一个将当前HTML页面生成图片的功能，网上百度了一圈，确定了如下的解决方案。使用html2canvas将HTML DOM节点转换成canvas 使用canvas的toDataURL方法将canvas转换成base64 github: niklasvh/html2canvas 图片跨域在前端开发中，HTML中的 img 标签是默认支持跨域的，但是这个规则canvas不认。使用html2canvs转换canvas的时候，如果使用了不同域的图片就会报错。针对这种情况的解决方案如下: 第一步：给 img 元素设置 crossOrigin 属性，值为 anonymous 或 *。 PS：这个html2canvas已经支持了这个配置项（version：1.0） useCORS: true 第二步：图片服务端设置允许跨域（返回 CORS 头）。如果图片是自己服务器的，这么做很简单，可是如果是其他服务器的呢？比如微信头像。图片资源转发针对非自己服务器图片的情况下，可以使用 NodeJS 做一个中间层代理。代码如下： const router = require('express').Router(); const coWrap = require('../utils/coWrap'); var request = require('request'); router.get('/transferImage', coWrap(function* (req, res) { var path = req.query && req.query.path; return request.get(path).pipe(res); })); 使用 NodeJS 的 request 库可以方便的完成这个功能。使用方法如下： <img src="http://yourserver/prcImage/transferImage?path=https://yourimg.png"> 问题解决，以上。参考一次 H5 「保存页面为图片」的踩坑之旅

利用.htaccess最简易的实现全站https站点跳转

Tue, 12 Dec 2017 23:28:00 +0000

最近站点升级了全站https，中间遇到了一些问题，这里做一个小结，首先是https跳转。原来很多友链、外链还是基于http的，所以要对原来的外链做一个跳转。网上找了很多使用.htaccess实现https 301跳转的方法，又是通配符又是正则的，整了半天也没有成功，后来硬着头皮看了下语法，取了一个最简单的方法。

Weex的那些坑

Tue, 24 Oct 2017 17:45:00 +0000

750px就相当于100%了，不要问为什么。字体单位用wx，设计图字体大小/2 选择器只支持单类名选择器 background-color写全了 less/sass/stylus之类的不用想太多，折腾还不如直接写纯css text 标签不要留空格，不信你可以试试，老爽了。

Terminology——超炫的Linux终端

Fri, 30 Jun 2017 16:25:00 +0000

使用上了Linux之后，许多事情都要与终端打交道。不知不觉也已经用了好几个终端了。比如Manjaro自带的xfce-terminal、深度终端、Terminator等等，我这种初学者对于终端使用的也就是能敲个命令而已，也就没太在意。但是自从使用了Terminology之后…老夫第一次看见这种玩法。

使用SVG绘制饼图

Mon, 19 Jun 2017 16:19:00 +0000

年前的时候有个需求，要实现一个动态画大饼的效果。地址：退票潮来袭捡漏最佳时间到

本来并不想做，都要过年了。结果设计师说他见过很多网页都有这效果应该很简单～咱是前端，人家都做出来的效果，那咱也能。。

使用SVG实现动态签名效果

Mon, 19 Jun 2017 16:14:00 +0000

之前看过的svg动画的相关内容，想起了之前在flash中常见的一种动画–动态写文字。语言乏力，大约就是这么个样子：Flash模仿制作毛笔写字效果动画实例教程，所以就想用svg实现这么一个效果。

实现成这个鬼样子：尹全超-签名

IndexedDB使用方法小结

Mon, 19 Jun 2017 16:10:00 +0000

测试了一下IndexedDB。记录一下。

JavaScript中forEach无法遍历空位

Mon, 19 Jun 2017 16:07:00 +0000

说一个小坑吧。

之前在看《JavaScript高级程序设计》的时候，看到这样一句话：“它只是对数组中的每一项运行传入的函数，这个方法没有返回值，本质上与使用for循环迭代数组一样。”（P97）

Easy Way to Install Nodejs on Ubuntu 16.04(Useful!!!!)

Wed, 22 Feb 2017 13:52:00 +0000

There are many methods to install on Ubuntu, such as NVM, n, PPA, complie, But if just want to install specific version, it would be easily. Just do as follow.

Make Koala Works on Ubuntu

Sat, 18 Feb 2017 17:00:00 +0000

Koala is my favorite GUI tools to complie sass and less file, when I switch the OS from Windows 7 to Ubuntu, it not works again. Why? First of all, I thought it’s Ruby’s error, maybe there is no Ruby in my system, and run the command: ruby --version it outputs ruby 2.3.1p112 (2016-04-26) [x86_64-linux-gnu] so it’s not Ruby’s fault, and then google it I find the solution 32bit: $ cd /lib/i386-linux-gnu/ or $cd /usr/lib/ 64bit:

VimWordpress - A New Plugin For Vim to Write Wordpress and Typecho

Sat, 18 Feb 2017 11:12:00 +0000

VimWordpress is new Plugin for using vim to write blog, it’s simple and powerful.

CSS3 first-child not work

Fri, 20 Jan 2017 19:50:00 +0000

For some reason, I tried to use CSS3 selector :first-child, but it not works in my project.

Date.parse() method not work in IOS

Fri, 25 Nov 2016 17:07:00 +0000

Maybe it’s a big bug that I had experienced recently, when I use JavaScript method Date.parse('2016-10-24 18:36'), two different outputs in Android and IOS. In Android it output the right timestamp which i need, but in IOS, it can not get the timestamp.

Inject jQuery into Any Webpage

Sat, 08 Oct 2016 10:28:00 +0000

Even MVVM framework is more and more popular in the web front developments, but the strength of jQuery cannot be replaceable. Sometimes, we need the jQuery’s useful APIs to achieve some complex actions, but many webpages give up jQuery, so some skills is needed to inject the jQuery into the webpages which had abandon the jQuery library.

ES6 Tips in Chrome (2016-08-08)

Mon, 08 Aug 2016 19:45:00 +0000

Nowadays ES6 is more and more popular in front end development, so I plan to learn and practice it via Chrome browser. Why is Chrome? Because it can support most of ES6 features(Nearly 97% until 2016-08-08), but I also find a few method that it can’t support. .at() method .padStart() method .padEnd() method .values() method If I find other features not support in Chrome, I would write it here again.

PHP Cross-domain Setting

Sun, 07 Aug 2016 16:07:08 +0000

In the previous article 《jQuery $.ajax Method Ignored the Undefined Values》, I send a request to the server’s php file, maybe you would get a cross-domain error.

XMLHttpRequest cannot load http://127.0.0.1/jq-undefined.php?para1=1&para2=2. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

jQuery $.ajax Method Ignored the Undefined Values

Sun, 07 Aug 2016 15:33:00 +0000

Recently, I used jQuery to get the data from the server client via $.ajax method. As we known that, we should send the request with some parameters. The code as follow. $(document).ready(function(){ $.ajax({ url:'http://127.0.0.1/jq-undefined.php', data:{ para1 : 1, para2 : 2, para3 : undefined }, success:function(data){ alert(data); }, }); }); According to Chrome DevTools, I get the result: Yep, jQuery is smart, it can ignore the undefined values and avoid a lot of server errors.

Copy the Command Output of Vim

Sat, 06 Aug 2016 19:59:00 +0000

When we excute the system command in the Vim(via :!command), sometimes we want to copy the output content, but it’s difficult.

Solve Vim Error Unkonwn Option File (Win7 x64)

Sat, 06 Aug 2016 18:02:00 +0000

Dictionary completions is a powerful tool in Vim, but if the feature is powerful is due to you dictionary files. As I find a Vim plugin : asins/vim-dict: vim dict files, when I install it, it doesn’t work, and shows the error as follows:

Unknown option: Files

Useful jQuery .eq() method

Tue, 02 Aug 2016 13:52:38 +0000

I want to mark a specific li tag in the ul, the HTML code is like this:

<ul>
  <li>li-1</li>
  <li>li-2</li>
  <li>li-3</li>
  <li>li-4</li>
</ul>

Using M+ Font in VS Code

Mon, 01 Aug 2016 23:33:24 +0000

Monsopaced font is essential for a programmer, M+ FONTS is one of my favorite font. Long time ago, I used VS Code to write the code, and it’s difficult to set the M+ Font. Here is the solution. "editor.fontFamily": "'M+ 1mn'" Now you can see it works well :-)

Create a Chrome Extension to Inject JavaScript

Mon, 01 Aug 2016 14:56:00 +0000

Sometimes, when we browse the website pages, we want to control it, and let it do somethings by our expectation, such as close the advertisement doms automatically. As we known that JavaScript can fulfill it, so we should inject a JavaScript file and execute our own command.

Win7(x64) Can not Get the Update

Mon, 01 Aug 2016 13:38:16 +0000

Recently, I reinstall my Windows 7 SP1(x64), but I can’t update the system, it always checking the update an has a high CPU usage. It’s a so long time that I can’t bear it. So I find a method that can accelerate it. Two Packet Installing and searching for updates is slow and high CPU usage occurs in Windows 7 and Windows Server 2008 R2 Windows Update Client for Windows 7 and Windows Server 2008 R2: December 2015

Using vimpress to write blog(support slug and 'More')

Mon, 01 Aug 2016 10:00:00 +0000

Long time ago, I used vs code to write my blog, because it support markdwon syntax and can view the post immediately. Recently, I found vs code is not so useful, and sometimes, it is so slowly when start. So I switch to Vim, and use Vim to write posts.

JavaScript和jQuery中获取div宽度和高度的方法小记

Mon, 23 May 2016 01:04:00 +0000

前文关于CSS中box-sizing属性的一点心得中介绍了关于box-sizing 并顺带写了一下盒模型，突发奇想了一个问题：使用 JavaScript 和 jQuery 获取的宽度是盒模型中的哪一部分的宽和高呢？

关于CSS中box-sizing属性的一点心得

Sun, 15 May 2016 01:27:00 +0000

最近需要写这样一个布局：一个父元素，里面有两个子元素，两个子元素的宽度为父元素的一半。这在CSS中倒是一个很简单的问题，所以很容易就有如下代码。

<style type="text/css">
  *{
    padding : 0;
    margin  : 0;
  }
  #outer{
    width      : 600px;
    height     : 300px;
    background : red;
    color      : white;
  }
  #outer:after{
    content : "";
    clear   : both;
  }
  #in1{
    width      : 50%;
    height     : 80%;
    float      : left;
    background : blue;
  }
  #in2{
    width      : 50%;
    height     : 80%;
    float      : right;
    background : green;
  }
</style>
<div id="outer">
  <div id="in1">
    IN1
  </div>
  <div id="in2">
    IN2
  </div>
</div>

XMLHttpRequest中的进度事件响应及注意事项

Thu, 12 May 2016 23:10:00 +0000

在W3C的标准中制定了关于XMLHttpRequest 2级的相关规范，增加了许多极其有用的方法，如loadstart,loadend,progress等。最近写了一个应用需要监控上传信息，有一个细节很有意思，这里记录一下。

CSS中神奇的height：100%

Thu, 12 May 2016 22:20:00 +0000

最近使用CSS布局中发现了一个较为神奇的属性： height:100% 。

神奇在哪里呢？

高度不定CSS设置img充满div的解决方案（img标签3px问题）

Thu, 12 May 2016 21:33:00 +0000

使用CSS布局的进个遇到这样一个问题：设置一个固定宽和高的div，里面放置一张图片，使图片的宽度和高度与父级的div保持一致。

看起来是一个很简单的问题啊，有什么难的？

Vuejs中v-if v-show无法获取div高度

Mon, 09 May 2016 19:35:00 +0000

最近在单页应用开发中尝试使用vue.js，发现无法获取v-if和v-show标记的dom高度。

Notepad++使用Emmet插件遇到Unknown Exception

Mon, 09 May 2016 18:53:00 +0000

Notepad++是我最喜欢的轻量级编辑器，最近使用了Emmet插件来写前端代码的时候，遇到了如下的错误：

Unknown Exception

python script plugin did not accept the script

不要使用网易免费企业邮

Mon, 02 May 2016 14:29:00 +0000

最近一段时间忙于找工作，于是各种改、投简历，而在这一过程最常打交道的东西就是邮箱了。之前为了个性化，将简历上的邮箱改成了域名邮箱，结果带来了一系列的问题，尽管最后找到了心仪的工作，不过在这里还是记录一下遇到了几个问题及总结。

使用jquery实现类似36氪的广告跟随效果

Sat, 26 Mar 2016 17:10:00 +0000

前几天给麻辣GIS修改了一下主题，更加偏向扁平化一点，顺带优化了一下广告样式。之前的滚动跟随是使用的一个插件：博客侧边栏跟随滚动效果，这个插件有一个缺点，如果跟随的div过高的话会有一个触底的bug。

CSS3 media max-width与$().width一点问题

Sat, 26 Mar 2016 16:20:00 +0000

最近在修改麻辣GIS的响应式的时候发现一个有趣的问题：麻辣GIS的响应式是依靠CSS3的media属性来实现的，但是使用jquery的 $().width() 来获取宽度，但是其结果并不一致。

更换新主题Terse 并解决Typecho头像无法显示的问题

Sun, 21 Feb 2016 23:28:00 +0000

今天给LabQ博客更换了一个主题，之前的那个yilia主题在大屏下阅读是个很大的问题，趁着兴致还在就把主题给切换掉了。经过一系列修改，就是完成了现在的样子。

Typecho正则匹配Markdown的图片地址

Sun, 05 Apr 2015 15:12:12 +0000

在1.0版本的Typecho中使用了Markdown语法，但是这直接导致我之前Typecho采用第一张图片做缩略图的方法直接失效了，所以需要用正则的方法把图片的地址提取出来。

Typecho判断用户登陆状态

Sun, 05 Apr 2015 15:04:25 +0000

在Typecho中有些内容是希望登陆之后才可见，例如文章的编辑链接，可以用下面的方法实现。

Typecho自定义时间格式

Sun, 05 Apr 2015 15:00:04 +0000

在Typecho中有时候想用类似“XX”分钟前这样的时间格式，可以通过Typecho官方的方法来实现。代码如下：

Typecho调用某一分类下的所有子分类

Sun, 05 Apr 2015 14:51:51 +0000

wordpress中可以利用调用某一分类下的子分类来制作主题，当然Typecho也可以。

Typecho替换内容的图片地址（七牛）

Sun, 05 Apr 2015 14:36:00 +0000

我在博客中的图片是用单独的一个图片外链来实现的，然后使用了7牛的CDN加速。但Typecho社区提供的7牛插件不能实现这个功能，只是同步附件。所以我使用了新的方法：

Typecho去掉上一篇和下一篇中的“没有了”

Sun, 05 Apr 2015 14:06:52 +0000

有Typecho中，默认的上一篇和下一篇函数有个缺陷，就是在没有文章的时候会显示一个没有了。这是我无法接受的。

PHP调用内部函数

Sun, 05 Apr 2015 13:51:00 +0000

PHP调用内部的函数需要加“self”，示例： self::函数名(参数)

Typecho使用ul标签分页

Sun, 05 Apr 2015 13:44:22 +0000

Typecho中默认是使用ol分页的，不过我还是喜欢ul分页。通过查看函数发现新版本的已经支持传入参数了。方法如下： <?php $this->pageNav('上一页','下一页',2,'...','wrapTag=ul); ?>

Typecho输出摘要

Sun, 05 Apr 2015 13:37:09 +0000

在Typecho中输出文章摘要要比Wordpress好用的多，可以直接设置传入字数。代码如下： <?php $this->excerpt(100, '...');?>

Typecho文章阅读统计

Sun, 05 Apr 2015 13:32:18 +0000

之前在wordpress里也实现过文章阅读次数统计的的工作，不过那个不是用插件，是基于文章的自定义字段在function.php里实现的，并且通过ajax的方法实现了缓存插件下的阅读统计。

Xampp的查询日志

Sun, 05 Apr 2015 12:39:03 +0000

有时候在使用wordpress、typecho这类Blog系统的时候，经常想知道某个操作是执行了哪些SQL操作，取了哪几个表的数据。今天找到一种利用Xampp-MySQL的查询日志的解决方法。

Typecho采用第一张图片做缩略图

Sun, 05 Apr 2015 12:30:00 +0000

这个功能可以用BufannaoCms这个插件来实现，不过我是自己搭建的图片站点，然后采用7牛的镜像CDN来实现加速。所以这里也对BufannaoCms这个插件做了改进。

Typecho调用文章随机排序和自定义排序

Sun, 05 Apr 2015 12:05:00 +0000

在Typecho里调用随机文章目前没有找到完美的解决方案。下面是本文所有的解决方法。

Typecho调用特定分类文章

Sun, 05 Apr 2015 10:31:00 +0000

最近把wordpress的一个站点迁移到了Typecho，中途遇到了很多问题，不过Typecho，不得不说对于开发者而言，wordpress要比Typecho友好很多。Typecho的文档实在是少得可怜。不过对于喜欢Typecho对于Markdown的原生支持以及加载速度，还是选择了Typecho。今天也对相关的折腾做个总结。

费话不说，先上个地址，麻辣GIS

移植Hexo主题Yilia至Typecho

Sun, 11 Jan 2015 02:20:00 +0000

Yilia原来是一个Hexo的主题，作者为Litten 使用了一段时间Hexo以后感觉不适合自己，但是喜欢上了这个简洁的Yilla主题，于是在经得原作者同意的情况下，把这个主题移植到了Tpyecho平台。

xampp开启curl

Wed, 07 Jan 2015 00:12:06 +0000

在本机尝试运行opencart，opencart需要curl的运行环境，我安装的xampp1.7.7，默认是没有开启curl的，开启方法如下：

分享一个极其强大的jQuery弹窗插件

Thu, 18 Dec 2014 18:39:45 +0000

这几天在帮忙改v-hotel.cc的时候遇到一个问题，需要在网页上弹出一个窗口，然后在窗口中显示相关内容。试了几个，找到一个相当强大的插件——Layer。

Hello WWW

Mon, 03 Nov 2014 21:17:11 +0000

校园网的速度还可以，已经很久没这么开心过了。有时候想想做个程序员也挺好，安安静静的做自己的事情。

Vim实现HTML的标签高亮

Mon, 03 Nov 2014 17:04:34 +0000

使用VIM写html的时候，默认的效果不好，不能像notepad++那样高亮显示。所幸Vim强大的插件机制，用到的插件是：MatchTagAlways

win8无法进入Bios

Mon, 03 Nov 2014 16:57:30 +0000

使用win8以后，各种不习惯，于是决定换回win7，但是狗血的事情是无论你怎么按都无法进入BIOS设置。后来百度之，发现win8使用了新的启动技术，所以要想进入BIOS不能用关机，要重启。

Vim格式化代码

Mon, 03 Nov 2014 10:33:00 +0000

从别的地方里Copy的代码，在Vim中经常显示排版混乱，不过Vim中用一个命令就可格式化全局代码。 gg=G

Windows下生成ssh公钥以及Coding的绑定方法

Tue, 28 Oct 2014 17:01:18 +0000

很久时间没用GIT了，之前没有这个刚需，只是为了学习而是学习的，这次使用IDL编写相关文件的时候，因为在同一个pro文件中只是换了井数据，改了相关参数，所以当要对比前一个参数设置的时候，发现之前的代码已经恢复不了。虽然这是我写程序的习惯问题，不过还是强烈感觉到代码管理的重要性。

Win7下QT5.3.1环境搭建

Tue, 19 Aug 2014 06:52:00 +0000

最近准备学习下QT的编程，所以在Windows下搭建QT的开发环境，中间遇到了几个问题，这里总结一下。

采用wordpress搭建类似Hacker News网站(wordpress Hacker News 主题)

Mon, 16 Jun 2014 17:30:00 +0000

或许你看到题目感觉这是一个很无厘头的事情，因为Hacker News本身就开源；还有Reddit，也是开源；国产的还有iNews，使用wordpress搭建Hacker News的网站就是自己找事。不过我是一个比较喜欢折腾的人，还是实现了一个。先看地址：http://gistag.net

Ubuntu14.04安装PHPStorm7.1

Wed, 11 Jun 2014 12:47:12 +0000

这几天在Ubuntu 14.04下写PHP代码，使用的是Vim，但是由于使用很不熟练，所以效率很是低下，所以安装了PHPStorm。安装过程如下：

C语言创建文件夹

Tue, 10 Jun 2014 15:27:02 +0000

VC编译了一个c语言的项目，需要创建一个文件夹，使用下面的方法。 _rmdir( "dirname" ); 或者 system("md dirname");

Vim下使用多标签

Fri, 30 May 2014 13:11:43 +0000

要把Vim改造的和Notepad++差不多，下面是使用多标签的方法。

Vim选中复制一个单词

Fri, 30 May 2014 13:05:02 +0000

记录两个命令而已。 gd 选中一个单词 yaw 复制一个单词

Vim安装NerdTree插件

Thu, 29 May 2014 01:16:32 +0000

今天继续折腾Linux，嗯，要把这当做对自己的投资。今天在Ubuntu下做微信开发，正式使用了Vim写PHP，感觉不错，不过找文件是件麻烦的事情，于是安装了NerdTree插件。

开始写人生的第一个wordpress插件

Sun, 25 May 2014 01:17:18 +0000

这几天计划学习微信开发，想应用在我的麻辣GIS上面，于是想开发一个wordpress的插件，配合微信的使用，之前用过一个wordpress的微信插件，是方糖气球写的，不过不能满足我的要求；水煮鱼也写了一个，不过要付费；如果我是一个用户的话，会去买这个插件，节省时间，同时支持开发者；不过做为一个伪程序员，我还是想通过这个机会学习下更多的知识。

Vim全选相关的一些操作

Sat, 24 May 2014 00:29:41 +0000

全选ggVG 说明：gg跳到首字母，V是可视模式，G到最后一行。全部复制这有两种情况，如果是寄存器，那么命令是ggYG；如果是系统的剪贴板，则要先全选，然后再"+y，具体可以参考Vim中剪贴板的那些事全部删除 ggdG即可，同全选。

重新使用VIM+typecho+Markdown写博客

Fri, 23 May 2014 03:41:06 +0000

首先你看到的这是一篇测试文章，这是用Ubuntn14.04下的Vim写的第一篇文章。我很喜欢Vim的绿色小图标，也喜欢typecho的轻量和快速，所以以后的日子里，我的大多数文章会通过Vim来写。

Ubuntu 14.04采用LinuxDeepin的截图工具

Fri, 23 May 2014 03:31:33 +0000

Ubuntu14.04自带的截图工具其实很好用了，可以直接用SHIFT+PRSC来自定义截图。不过之前习惯了LinuxDeepin的截图工具，所以这里折腾了一下。经过测试可以使用，不这用户体验和原生的Deepin截图工具差的太远。

开始折腾Ubuntu 14.04 下的GVIM

Thu, 22 May 2014 01:06:00 +0000

这次装上了Ubuntu 14.04是有目的的，我要锻炼我在Linux下的生存能力，vim这种神器怎么能少，于是开始了我的折腾vim之旅。话说当年我也是vim的小入门的了，那时是大三，当时已经用了vim做一些开发工作，不过，后来就放下了，这次我会坚持下去。

Ubuntu 14.04 适合中国海洋大学使用的源

Wed, 21 May 2014 01:14:00 +0000

经过测试，找到了几个适合中国海洋大学使用的源列表，这里分享一下，PS：所有的测试结果仅限于中国海洋大学的学生宿舍。

Ubuntu14.04安装fcitx输入法

Wed, 21 May 2014 00:14:00 +0000

Ubuntu14.04自带了ibus输入法，但是十分难用。对于中文，还是国人靠谱，于是安装国人开发的fcitx输入法，方法如下。

Ubuntu 14.04 中国海洋大学上网方法

Tue, 20 May 2014 23:35:00 +0000

中国海洋大学现在使用的是PPPOE的上网方式，相对于之前的认证方法，现在的方法要比较简单，不过经过测试好像不支持IP-V6，不知道有没解决方案。说了好多废话，言归正传，下面介绍中国海洋大学宿舍中使用PPPOE上网的方法。

归来 Ubuntu 14.04

Mon, 19 May 2014 21:36:00 +0000

从今天开始正式学习Linux，之前用的是武汉的深度LinuxDeepin，后来在钟哥的介绍下，我决定使用原版的Ubuntu，遇到问题还好解决一些。打开了Ubuntu的主页，发现Ubuntn现在还有了针对中国的Ubuntu Kylin，不过还是选了原生的Ubuntu。

成功解决Visual Studio 2010 LINK : fatal error LNK1123

Mon, 17 Mar 2014 15:04:00 +0000

在电脑上装了个VS2010，昨天想给主席写那个目录比较程序，新建了个MFC对话框程序，运行报错：Visual Studio 2010 LINK : fatal error LNK1123: 转换到 COFF 期间失败。解决方案如下：

img设置CSS属性使图片居中

Wed, 15 Jan 2014 13:40:00 +0000

CSS设置内容居中，可以用下面的代码实现

text-align:center

但是这么做有一个缺点，只能在img标签的上级标签设置。能不能直接对img标签做一个设置是图片居中呢？

json返回奇怪的EF BB BF

Thu, 05 Dec 2013 15:01:00 +0000

在之前的一个项目中ajax加载数据，使用json来传输数据，但是返回值中一直有EF BB BF这么一个字符串。解决方法如下：

优盘（U盘）安装Fedora报错无法安装

Thu, 28 Nov 2013 20:08:07 +0000

dracut Warning: /dev/disk/by-label/Fedora-Live-Scientific-KDE-x86_64-20.iso does not exist
dracut Warning: /dev/mapper/live-rw does not exist

最近在使用U盘安装Fedora的时候出现这个错误，纠结了很久，开始以为是没有下载完整，后来重新下载了一遍，发现结果一样。于是找到下面的解决方法。

UbuntuKylin 13.10 安装KeePass并解决中文乱码问题

Wed, 27 Nov 2013 16:26:13 +0000

KeePass是我在windows下必备的软件，用于记录密码，很是方便。今天惊喜的发现KeePass也有linux版本，于是赶紧安装体验。

Ubuntu chrome 无法打开应用商店

Wed, 27 Nov 2013 15:56:44 +0000

Ubuntu chrome 遇到了无法打开应用商店的问题，解决方法如下：修改hosts（方法见http://lab.yqc.im/ubuntu-hosts.html）加入下面代码 74.125.39.99 chrome.google.com 74.125.39.99 clients2.google.com PS:windows 也适用。

UbuntuKylin13.10添加中文源

Wed, 27 Nov 2013 15:02:01 +0000

众所周知Ubuntu在国外是很常用的操作系统，但是限于网速，中文源还是很有必要。方法如下：

Ubuntu修改hosts

Wed, 27 Nov 2013 11:17:20 +0000

在windows下，习惯了hosts的相关应用，因为众所周知的原因，切换到了Ubuntu里照样需要。这里记录下Ubuntu下修改hotst的方法。

Wordpress禁止百度转码

Mon, 11 Nov 2013 09:26:00 +0000

很久之前我在做麻辣GIS网站主题的时候，就考虑到兼容移动设备，于是在两个版本中开始采用Bootstrap，后来自己采用media属性，都做到了移动设备兼容。但是昨天用手机百度打开一看，卧槽！真丑！

关于各种开源协议图解

Sun, 03 Nov 2013 08:08:00 +0000

众所周知，开源软件有很多开源协议，也就是说并不是所有的开源软件使用权利都是一致的，这里提供一张图让你理解开源协议。

i2pdf将图片批量转换为PDF（亲测可行）

Sun, 03 Nov 2013 07:23:00 +0000

有些时候我们需要把大量的图片批量转换为PDF，这里推荐一个工具i2pdf

Google的IPv6地址

Sat, 02 Nov 2013 06:50:00 +0000

换了个学校读书，这次的学校终于支持IPv6了，终于可以享受IPv6了，吼吼。不过学校人多，貌似也没快多少，只是可以访问一些原来需要FQ的东西（嘿嘿，你懂的），现在就希望学校有人组织，搞起PT站啊。

typecho调用作者信息并显示头像

Fri, 18 Oct 2013 13:10:00 +0000

今天在博客里放了一个关于作者部分，需要调用typecho中的作者信息和作者的头像。找了一下，使用如下的代码实现：

vim使用4个空格替换tab

Mon, 19 Aug 2013 21:39:53 +0000

很久之前，我成功找到vim+markdown+typecho写博客的方法。在使用markdown插入代码的时候，需要4个空格，下面是设置方法。

子元素浮动出父元素之外解决方法

Mon, 19 Aug 2013 20:31:15 +0000

设置了两个div,div2嵌套在div1中，是div1的子元素。div2设置了浮动，结果div2浮动到了div1外面去了。

精简转载-Javascript中的prototype

Mon, 19 Aug 2013 12:07:26 +0000

这是转载阮一峰的文章，原文的题目《Javascript继承机制的设计思想》，这里是精简的转载。

前端的一道笔试题

Mon, 19 Aug 2013 11:01:29 +0000

做了一道简单的js笔试题，总结一下。

windows live writer 无法安装（hr 0x80070643）

Sun, 18 Aug 2013 23:26:00 +0000

回到家里，尝试在台式机上安装live writer，却怎么也安装不上，一直报错hr:0x80070643，解决方案如下：

Typecho中实现侧边栏标签云和标签云页面以及彩色标签云

Fri, 28 Jun 2013 00:15:00 +0000

之前在折腾wordpress的时候实现过标签云，同时在麻辣GIS上也实现了类似36氪的标签云效果，所以这次重新整理博客样式的时候也想做上这个效果。具体方法如下：

Vim中剪贴板的那些事

Wed, 26 Jun 2013 16:56:38 +0000

继续折腾vim这个编辑器之神，这次记录的是关于剪贴板的事情。现在越来越喜欢vim这个小东西了，尽管我还驾驭不了它。

Windows下Vim配置插件Vundle

Wed, 26 Jun 2013 09:13:04 +0000

我是一个使用Windows的人，在Windows下还用vim干嘛？其实我用vim就是为了装逼的。

当然你可以这么认为。不过我的确尝试在Windows下使用vim，并且为它配置了强大的插件管理器——vundle。

使用vim+typecho+Markdown写博客

Wed, 26 Jun 2013 08:33:24 +0000

昨天发了两篇测试文章，不出所料，我的测试成功了。现在已经完全可以在vim下写Markdown然后发布到tyepcho里了。不卖关子了，下面是整个折腾过程。

利用Vim发布Typecho博客（2）

Tue, 25 Jun 2013 05:27:24 +0000

这又是一篇测试文章，这里测试的是Markdown格式为什么使用vim？因为很有极客的范儿！

利用Vim发布Typecho博客

Tue, 25 Jun 2013 05:23:10 +0000

这是利用vimpress改造的一个插件，本来用于wordpress，不知道在typecho下面能否成功。这仅仅是一个测试

关于Vim和Markdown新的开始

Tue, 25 Jun 2013 03:58:47 +0000

从今天开始，我开始用vim和markdown写我的博客，这仅仅是一个开始。

VC++（MFC）获取txt文件行数函数分享

Thu, 02 May 2013 10:15:00 +0000

这几天在写毕设，遇到了VC++（MFC）里面读取txt文件并且获取文件行数的问题。纠结了好久，没有找到一个让我相当满意的解决方案。不过找到一个凑合用的方法，我把它封装成了一个函数，如下：

word中字号与磅值对应关系

Sat, 27 Apr 2013 03:59:00 +0000

这是我在一个小程序中遇到的问题，因为要通过vc写入word，并且还要写入格式信息。这里记录一下：

C++ 字符串类型转换(char 、wchar_t、_bstr_t、CComBSTR、CString、basic_string 和 System.String)

Sat, 27 Apr 2013 03:52:00 +0000

在C++中经常涉及字符串类型转换，VC++里面尤其严重，实在搞不通微软为什么要搞这么多的字符串类型，实在是纠结，这里做一个简单的小总结：

分享VC6.0操作word和操作excel的头文件（可用作vs2005等高版本）

Sat, 27 Apr 2013 03:48:00 +0000

最近在一次项目中用到了vs2005来操作word和excel，网上的很多示例都是基于vc6.0写的，不过经过测试相关代码在vs2005等高级版本中也可以使用。

basicexcel无法读取中文文件解决方案

Sat, 27 Apr 2013 03:40:00 +0000

之前我帮学姐写一个程序，要求从excel读取文件然后写入word，我不是一个微软控，不喜欢微软的一些东西，于是采用了basicexcel这个库，但是遇到了无法读取中文文件名的问题。

wordpress插入背景音乐的另外一种思路

Tue, 23 Apr 2013 02:58:00 +0000

之前的甲方提出一个需求，说要在网站里面加入背景音乐，在网上搜索了很多方法，但是都没有达到我想要的需求。

google map 错误Cannot read property 'offsetWidth' of null

Sat, 20 Apr 2013 11:34:00 +0000

还是说说在写google map中标注雅安地震位置（js）demo时候遇到的问题，在解决了google map无法显示 google is not defined问题之后又遇到了这个Uncaught TypeError: Cannot read property 'offsetWidth' of null的问题，很是百思不得其解！

google map无法显示 google is not defined

Sat, 20 Apr 2013 11:34:00 +0000

在做google map标注雅安地震震源的小demo的时候，出现了这么一个错误：

Uncaught ReferenceError: google is not defined

wordpress seo 之自定义meta信息（终极版本）

Tue, 26 Mar 2013 11:47:00 +0000

在上一篇文章中，我继续改进了万戈的方法，实现了archive和tag页面添加meta信息，这次我要分享的是在独立页面中自动添加meta信息，这次是终极版本哦！！！

wordpress给archive和tag页面添加meta信息

Tue, 26 Mar 2013 11:30:00 +0000

首先呢，我是一个wordpress极其洁癖的患者，除了我暂时能力达不到的情况，其他的只要自己的代码能解决的事情，我坚决不去用插件实现，之前用万戈的方法实现了首页和文章页面的keywords和description meta信息的添加，但是对于tag和分类这种archive页面不能实现自动的添加keywords和description meta信息，这次我把我的方法分享出来。

WordPress的后台编辑器加上中文字体

Tue, 19 Mar 2013 09:47:45 +0000

在上一篇的文章中，我介绍了wordpress后台编辑器增加字体大小调整按钮，不过添加以后，发现没有中文字体，这是我不可接受的，下面是解决方案：

wordpress后台编辑器增加字体大小调整按钮

Mon, 18 Mar 2013 02:44:00 +0000

之前帮同学搞了一个网站，同学说需要加一个调整字体大小的功能，之前一直没有怎么用过wordpress后台编辑器，也没有多大感觉，现在突然发现原来后台再带的编辑器竟然木有这么基本的功能！于是找到了下面的两种解决方案：

Call to undefined function apache_request_headers解决方案

Sat, 16 Mar 2013 04:03:00 +0000

今天在移植我的图床程序的时候，遇到一个很纠结的问题，显示Call to undefined function apache_request_headers，在我的个人服务器和本机里是没有任何问题的，但是移植到地大的服务器的时候却出了这种问题，百思不得其解，不过最终找到了下面的解决方案。

div设置垂直居中

Thu, 14 Mar 2013 04:45:00 +0000

很久没有碰CSS前端的东西了，这里记录一个之前的折腾过的一个效果，关于DIV的垂直居中，已经是老生常谈了，我也没有什么新东西，这里就记录一下：

IE8中javascript trim方法失效

Thu, 14 Mar 2013 04:24:00 +0000

这是一个很纠结的问题，之前一直没在意，后来偶然一次发现写的代码在IE8下竟然报错！并且报错的是trim方法，百思不得其解，后来发现原来我用的是javascript中原生的trim方法，但是IE8下的确没有这个方法。

javascript中null 和 undefined的区别

Thu, 14 Mar 2013 04:18:00 +0000

之前写代码的时候遇到了一个比较奇怪的问题，在判断一个==null的时候可以通过，但是===null的时候却运行不了，也就是说null==nudefined但是null!==undefined。这是一个比较好玩的问题，于是写了个代码测试下：

分享C语言冒泡排序和数组删除重复项的函数

Sun, 30 Dec 2012 22:26:22 +0000

分享两个函数，一个是冒泡排序，一个是数组删除重复项。

vs2012解决方案erroor C4996: 'fopen': This function or va...

Sun, 30 Dec 2012 22:15:45 +0000

今天使用VS2012帮一个妹纸写C语言的实习作业，但是因为从vs2005开始使用了更加安全的run-time library routines，这经常导致errorC4996，需要用安全的函数，利润fopen_s fprintf_s等等。避免这个问题的方法如下：

supesite开发关键问题解决方案记录

Wed, 26 Dec 2012 17:24:54 +0000

做项目用到了supesite，第一次接触这种cms，网上相关的教程也不多，这里记录下这几天遇到的问题，并且附上我所有的解决方案.

supesite无法正常使用jquery

Fri, 14 Dec 2012 22:03:02 +0000

最近开始接触一个新的项目，地大新媒体中心的网站建设,这次选用的是康盛的supesite，刚刚接触这种东西心里还是有些捉急，比如刚刚引入jQuery文件的时候就出现了问题，无法正常使用。不过终于找到了解决方案：

CSS3 text-overflow使用参考指南

Fri, 14 Dec 2012 21:54:15 +0000

语法： text-overflow ： clip | ellipsis 取值： clip：不显示省略标记（...），而是简单的裁切。 ellipsis：当对象内文本溢出时显示省略标记（...）说明：设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。对应的脚本特性为textOverflow。 text-overflow属性仅是注解，当文本溢出时是否显示省略标记。并不具备其它的样式属性定义。要实现溢出时产生省略号的效果还须定义：强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflow:hidden），只有这样才能实现溢出文本显示省略号的效果。来自这里

禁止双击选择页面内容

Fri, 14 Dec 2012 21:47:24 +0000

最近做了一个项目，遇到一个问题，发现双击的时候容易选中，而我并不想触发此事件，下面是解决方案：

职业程序员的克制与放纵

Fri, 14 Dec 2012 21:34:00 +0000

许多年前我刚开始学编程时，朋友曾说过一个笑话：差劲的程序员有两种，一种是开始就写main函数的；还有一种是上来就上网找各种类库源代码的。当时我并不能完全理解：编程序，不去找类库源代码，不从main函数开始，还要怎么做呢？后来才逐渐明白，上来就写main函数，或者上来就找类库找源代码，归根到底都是不能克制关于代码的冲动。直接写代码当然很“爽”，很有“成就感”。可是，这样做真的是好事吗？

jQuery获得页面元素的绝对/相对位置

Sun, 09 Dec 2012 17:55:40 +0000

获取页面某一元素的绝对X,Y坐标，可以用offset()方法： var X = $('#DivID').offset().top; var Y = $('#DivID').offset().left; 获取相对(父元素)位置: var X = $('#DivID').position().top; var Y = $('#DivID').position().left;

LabQ正式迁移typecho

Fri, 07 Dec 2012 13:08:12 +0000

之前一直有这个想法迁移LabQ，因为两个站点的wordpress已经用腻了，并且越发感觉wp的臃肿，当看到typecho的大小的时候我眼睛亮了，竟然不到1M！！在本机实验了一下，大部分功能都有，于是正式迁移

VIM CompleteTags 报错 classlines未找到

Fri, 07 Dec 2012 12:36:55 +0000

最近在使用VIM的时候遇到了一个比较纠结的问题CompleteTags 报错 classlines未找到。

PHP中json_encode无法处理中文

Sun, 18 Nov 2012 18:01:26 +0000

使用ajax调用某一个php文件，在php文件中json_encode一下，返回的中文竟然为null，而英文显示正常，后来发现这是一个小问题，解决方法如下：

win7下配置emacs的.emacs文件

Mon, 12 Nov 2012 22:20:41 +0000

今天搞完了一个数据显示，继续折腾emacs，win7下配置emacs（很奇怪吧）找不到.emacs文件，后来发现在C:\Users\\AppData\Roaming 这么个目录下，为了便于管理，这里重新设一下路径，方法如下：

win7下为Emacs添加右键菜单

Thu, 08 Nov 2012 11:20:32 +0000

开始折腾emacs，这个号称一种信仰的编辑器，不过win版无法右键菜单，这一点不如gvim，不过方法还是有的：呼出 regedit，在 HKEY_CLASSES_ROOT\* 下建立一个名为“Shell”的项，然后在 HKEY_CLASSES_ROOT\*\Shell 中建立一个名为“使用 GNU Emacs 编辑(&M)”的项，再在这个新建的项中建立一个名为“Command”的项，将其中的“(默认)”条目的值改为“C:\ Emacs\bin\runemacs.exe %1”，大功告成。

LinuxMint Netbeans 去锯齿

Mon, 05 Nov 2012 19:56:17 +0000

在linux下安装了Netbeans，但是自带的配色方案中的字体实在难看，并且有很明显的锯齿，一点也不光滑，看着就疼。这种小的细节为什么不能搞好？

PHP Function ereg() is deprecated Error 解决方案

Mon, 05 Nov 2012 18:37:28 +0000

在linux下折腾php开发，安装了最新的xampp 1.8,结果出现了如下问题： Function ereg() is deprecated Error. 问题原因：在PHP5.3.0以后取消了对ereg函数的支持，所以会出现如下提示。解决方案： 1.使用php 5.2版本（如果需要改动的很多，并且又不特别需要新版本的话，可以使用此方法） 2.修改程序源代码，把ereg替换成preg_match，ereg_replace替换成preg_replace. 其他问题：注意：替换函数后，使用方法并不完全一致，请参照官方网站。

Wordpress错误 Cannot modify header information

Mon, 29 Oct 2012 12:54:50 +0000

今天登录网站后台，突然发现后台登录不进去了，提示错误 Cannot modify header information 细细想来自己也没做什么，应该是虚拟主机改了php的什么设置。

PHP header函数

Tue, 23 Oct 2012 14:32:16 +0000

header()函数用来发送原始的HTTP报头。常见的报头如下:

Content-Type: xxxx/yyyy Location: xxxx:yyyy/zzzz Status: nnn xxxxxx

PHP Session过期时间设定

Mon, 22 Oct 2012 18:45:41 +0000

继续PHP中的Session话题，在PHP中主要通过设置session.gc_maxlifetime来设定Session的生存周期。例如：

<?php
ini_set('session.gc_maxlifetime', 3600); //设置时间
ini_get('session.gc_maxlifetime');//得到ini中设定值
?>

PHP Session总结

Mon, 22 Oct 2012 17:21:40 +0000

Session可以理解为php存储在服务器断的cookie，但是对于cookie来说因为是存储在用户电脑上，所以并不能保证安全性。但是session不同，因为是存储在服务器端，用户并没有权限对Session进行读写，所以使用过程要比cookie安全

PHP define 函数

Mon, 22 Oct 2012 11:02:32 +0000

无意中接触了PHP的define函数，本来一个定义的函数没怎么在意。今天发现了这个函数的一个好玩的功能：大小写

使用VIM写wordpress博客

Sun, 21 Oct 2012 22:48:45 +0000

最近开始学习VIM编辑器的使用，尽管遇到了一些问题，但是总的来说使用这个编辑器还是带给了我很多欢乐，这次记录的经验是使用VIM写wordpress博客，这里用到了一个插件vimpress

关于dirname(FILE)记录

Sun, 21 Oct 2012 21:16:37 +0000

__FILE__ :被称为PHP魔术常量 ,返回当前执行PHP脚本的完整路径和文件名,包含一个绝对路径 dirname(__FILE__) 函数返回的是脚本所在在的路径。 dirname(dirname(__FILE__));得到的是文件上一层目录名

vim更改配色方案

Sun, 21 Oct 2012 13:31:00 +0000

使用vim一段时间了，我不喜欢默认的白色主题，于是在网上下载了一个主题vividchalk。（网址: GitHub）解压放到color文件夹，但是每次启动又变成默认的了。解决方法是在_vimrc文件中添加以下命令：colorscheme vividchalk

vim文件编码与乱码

Sun, 21 Oct 2012 12:29:39 +0000

在 Vim 中，有四个与编码有关的选项，它们是：fileencodings、fileencoding、encoding 和 termencoding。在实际使用中，任何一个选项出现错误，都会导致出现乱码。因此，每一个 Vim 用户都应该明确这四个选项的含义。下面，我们详细介绍一下这四个选项的含义和作用。

狮子管理狼群的方法

Mon, 08 Oct 2012 07:48:00 +0000

狮子让一只豹子管理10只狼，并给他分发食物。豹子领到肉后，把肉平均分成了11份，自己要一份，其他给了10只狼。狼都感觉自己分的少，于是合伙来跟豹子唱对台戏。虽然一只狼打不过豹子，但狼多就没法应付了。豹子只好灰溜溜找狮子辞职。狮子说，你还嫩点，看哥的…

GIS名词解释

Sun, 07 Oct 2012 06:38:00 +0000

要去参加海大的面试，下面是整理的一些GIS的名词，希望能够顺利通过。。

GIS中的欧拉定理的应用

Sun, 07 Oct 2012 06:09:00 +0000

欧拉定理的用途是用于拓扑检验，可以发现点、线、面的不匹配情况和多余或遗漏图形元素。

GIS:几何变换的类型

Sun, 07 Oct 2012 05:55:00 +0000

地图在数字化时可能产生整体的变形，归纳起来主要有仿射变形、相似变形和透视变形。图纸的变形常常产生前两种变形，直接从没有经过几何变换的航空影像上提取的图形信息，会产生透视变形。另外一种情况是，当把数字化仪坐标、扫描影像坐标变换到投影坐标系，或两种不同的投影坐标系之间进行变换时，也需要进行仿射变换或相似变换。基于上述可知，在GIS中几何变换有着及其重要的作用。

GIS中的Morton码

Sun, 07 Oct 2012 05:12:00 +0000

Morton码是GIS中常用的一个概念，经常用到，所以这里Mark一下。

GIS：关于栅格数据和矢量数据

Sun, 07 Oct 2012 05:04:00 +0000

在GIS中与空间信息有关的空间数据模型主要有两个：基于场(field-based)的空间模型和基于对象(object-based)的模型。其中栅格数据模型是典型的基于场的模型，矢量数据模型是典型的基于对象的空间数据模型。

VIM启动默认显示行号

Fri, 05 Oct 2012 03:51:53 +0000

默认情况下，VIM启动是不显示行号的。遇到这种情况可以使用命令:set nu 或者 :set number开启行号关闭行号可以使用命令:set nonu或者 :set nonu 如果要启动VIM的时候显示行号，需要编辑_vimrc文件，在最后加入set nu即可。可能的bug：使用鼠标选择复制的时候连同行号一起复制下来

技术人员为什么要写博客？

Thu, 04 Oct 2012 03:44:24 +0000

这是今天在微博上看到的一个段子，很有感触。

君子博学而日参省乎己，则知明而行无过矣。

LinuxDeepin(Ubuntu) xampp中phpMyadmin无法启动

Wed, 12 Sep 2012 17:00:24 +0000

在linuxDeepin下安装了Xampp for linux，问题随之而来，在linux下竟然无法启动phpmyadmin，这着实让我纠结了很久。一直提示Access to the requested directory is only available from the local network这个错误，下面是解决方案。

LinuxDeepin（ubuntu）编译安装VIM73

Tue, 11 Sep 2012 18:38:31 +0000

学习linux写代码，工欲善其事，必先利其器。于是想到了号称世界三大编辑器之一的VIM，但是Linuxdeepin自带的软件中心安装的没有启动快捷方式，只能在终端中启动（并且都玩linux了，还搞什么图形界面安装。。。），于是想到了手动编译安装vim73。

Linux字体管理工具 Font Manager（支持批量安装）

Tue, 11 Sep 2012 17:57:47 +0000

安装上了linux，各种不适应，因为版权的问题，linux的下默认字体不怎么多，并且也不符合我的使用习惯，很多地方看着不舒服，于是想在linux下安装win下常用字体，这里推荐下面这个工具Font Manager。

linux各个目录作用

Tue, 11 Sep 2012 17:21:34 +0000

这几天在折腾linux玩，跌跌撞撞安装上了linux，但是对于基本的linux还是一点不懂。这次准备手动编译安装VIM，但是安装在哪里呢？于是转载了下面这篇文章。

PHP遍历文件的4种方法

Thu, 30 Aug 2012 02:48:00 +0000

一次实习中用到了PHP遍历文件夹中的文件，无奈对于php是一窍不通，所以转载下面的文章。

PHP Notice: undefined index

Thu, 30 Aug 2012 02:33:00 +0000

写php的时候遇到了PHP Notice: undefined index 提示，开始百思不得其解。后来google了一下，发现是使用$_GET的时候没有添加判断，于是解决的方案就是添加判断即可。

javascript判断字符串是否为数字

Thu, 30 Aug 2012 02:24:00 +0000

众所周知，js是弱类型语言，没有int float这样的数据类型，不过有些时候js中会需要判断数据类型，下面是我搜集的两种方法。

程序员的玫瑰,属于程序员的浪漫

Thu, 30 Aug 2012 02:02:00 +0000

七夕过去不久,看着身边一对对的情人,不免有些羡慕,于是想起了之前三人帮的一篇博文,转载过来,画一朵玫瑰送给自己。

无意中发现关于img的边框问题

Thu, 30 Aug 2012 01:47:00 +0000

整理之前的代码，发现了IE下带链接img标签的竟然有边框！！！脑残的IE,无奈中使用CSS去掉。

Flex 4.5 Error 2032

Wed, 23 May 2012 06:34:25 +0000

今天从网上下载了一个flex游戏的源代码，凭着之前残留的一点对flex的开发经验，做了一个简单的flex网页游戏。不过其中遇到了一个诡异的问题，这里记录一下。FLex 4.5 在运行程序的时候出现Error 2032的错误。

ubuntu12.04 mysql 无法启动

Sun, 06 May 2012 23:50:47 +0000

今天用xampp for linux 再一次出现了问题，mySQL再一次无法启动。提示如下：

World-writable config file ‘/opt/lampp/etc/my.cnf’ is ignored

[ERROR] Fatal error: Can't change to run as user 'mysql' ;

Please check that the user exists!

ubuntu解决音乐乱码问题

Sun, 06 May 2012 06:35:07 +0000

使用了ubuntu了，开发环境配置的差不多了，有点累，于是打开了音乐.... 结果发现rhythmbox中的音乐显示乱码，亲，又是乱码有木有！！！！！

ubuntu 12.04 安装 xampp（问题集锦并解决）

Sun, 06 May 2012 05:38:29 +0000

因为自己喜欢在本地调试php，所以简单利用xampp搭建了一个php环境。

果然linux不同于windows，安装xampp累的我吐血，不过最终搞定所有问题。

下面是我的安装过程。

ubuntu 12.04下Gedit中文乱码

Sun, 06 May 2012 02:51:50 +0000

装上linux，看txt小说，不过出现了中文乱码。小说使用gedit打开的，中文乱码一片，于是找到了下面的解决方案。

ubuntu(linux mint)U盘安装

Sat, 05 May 2012 18:13:29 +0000

很久没有折腾，最近开始折腾linux，我不是什么资深Geeker，比较了opensuse linux mint和ubuntu，最后还是选择了ubuntu，大众化一点，容易上手。

Qone1.1仿QZone6.0 html5主题更新

Fri, 27 Apr 2012 14:13:00 +0000

Qone就是现在本站用的主题，沉寂了一个多月以后终于迎来了主题的再一次更新，实话说这次的更新没有什么，只是通过了HTML5.0验证。不过新的想法已经在酝酿中了，近期半个月内会有第三次更新。

前端优化的14准则——来自雅虎

Fri, 27 Apr 2012 13:44:00 +0000

最近在学习JS，然而发现随着JS的增加，网页的响应速度也在随着变慢，现在还是本地的网页，如果这样的东西放在服务器上，会给客户端造成多少压力呢？于是尝试去寻找一些解决方案，下面的内容来自两篇博文。

javaScript手写贪吃蛇

Sat, 14 Apr 2012 15:37:00 +0000

好久没有更新什么，这几天在闭关修炼，倒也没多少成果，之前写主题的时候用过一点jQuery，javascript之前也看过一点，最近差不多一个月没课，于是就去系统的学习了一点JavaScript，写点小应用。

lena图的由来

Thu, 22 Mar 2012 21:48:00 +0000

这几天在帮同学写一个图像压缩和图像灰度转换的算法，无意中接触了到了一张美轮美奂的图片，叫做lena图。无奈只有一张头部图像，于是就去搜索了一下，发现了一个计算机史上有名的故事，当然我也找到了那张lena图的全图。lena图也叫雷娜图，是计算机图形学上永恒的微笑。

wordpress中google广告延迟加载

Tue, 20 Mar 2012 16:48:00 +0000

闲来无事，给博客折腾了一个google广告，但是大家可能都有这么一个体验，就是有时候wordpress在引用站外的东西的时候，如果站外服务器响应过慢，会导致很长一段时间打不开网页，为了避免这个问题，这里介绍一种延迟加载google广告的方法。

Qone仿QQ空间主题上线发布

Mon, 19 Mar 2012 22:15:00 +0000

距离上一个仿QQ空间主题LabQ已经有了一段时间，目测应该有了两个周的时间，这期间事情开始多了起来，所以也就没有那么多时间去折腾，今天放出Qone仿QQ空间主题，以后会逐渐去更新这个主题，喜欢的朋友多多支持啊！

wordpress加入评论邮件回复

Mon, 19 Mar 2012 17:11:00 +0000

可能我们在访问别人的wordpress博客的时候经常会收到一些类似"你在XXX的评论有新的回复"的邮件，也有的写的很好玩，现在在写新的主题，也就把这个功能集成进去了，代码如下~

wordpress精简wp_head()函数

Fri, 16 Mar 2012 13:41:00 +0000

在上一篇的日志中，我提到wordpress中开启feed评论的方法，其中我用到了wordpress中的一个wp_head()函数，如果细心的朋友可能会发现加入了这个函数以后出现了很多其他的无关的连接，这里讲一下解决方案。

wordpress开启订阅feed功能

Fri, 16 Mar 2012 13:24:00 +0000

wordpress是自带feed功能的，只是我今天在折腾主题的时候遇到一个问题，我把我的地址提交到google reader时候提示不能添加订阅源。这让我着实郁闷了好久，因为我访问http://lab.yqc.im/feed 的时候是有订阅页面的。

wordpress搜索框动态文字

Thu, 15 Mar 2012 22:36:00 +0000

在访问很多wordpress站点的时候，通常会发现很多wordpress博客喜欢在自己博客里放一个搜索框，有的使用自带搜索，有的集成了goolge搜索，然而无论哪种情况，博主都会想法设法把搜索框设置的好看一点，一个简单的效果就是动态改变文字。

一个主题

Wed, 14 Mar 2012 13:31:00 +0000

这样的开头有点2，其实我也这么感觉。

这仅仅是一个主题，与心情无关，是wordpress的主题，很久很久以前，我说过要《停止折腾，正式回归》，现在过去了大半年，也应该总结一下那些事。

wordpress加入文章载中效果

Sat, 10 Mar 2012 11:13:00 +0000

在访问许多wordpress或者其他blog系统搭建的站点时，经常有"请你稍等，文章载入中"、"客官请稍等，文章准备中"、甚至还有什么"正在以XXOO的力气为您载入"等等提示。这几天在写一个wordpress主题，索性就加上这么一个小效果。

php写入mysql中文乱码

Fri, 09 Mar 2012 21:25:00 +0000

php中关于mysql的操作非常简单，然而最近在做一个小工具的时候发现php写入mysql的数据库中出现了中文字符的乱码，这个乱码的问题纠结了我好久，明明英文字符写入正常，但是中文就是乱码！

wordpress自定义友链页面

Sun, 04 Mar 2012 22:25:00 +0000

wordpress中友链是必不可少的，但是随着时间的增加，也要分个首页和内页友链了，于是我就想个给自己的友链单独添加一个页面。下面是我搜集的链接方法，这里做个记录。

wordpress仿QZone主题LabQ1.0正式上线

Sun, 04 Mar 2012 19:47:00 +0000

正式公布我的第一个wordpress主题LabQ1.0，这是根据QZone6.0写成的一个主题，整个风格也是模仿的QZone6.0，当然这里面加入了许多我更改的内容，从动手写到现在已经过去了整整一周的时间，2012-03-04晚上19点正式上线亮相。

php截取中文字符串乱码

Fri, 02 Mar 2012 19:16:00 +0000

php截取中文字符串出现乱码，这是最近发现的事情，先前我曾经写过一篇关于自动生成meta信息的文章，那篇关于利用php截取文章前多少字作为description方法，但是出现了IE6无法加载CSS的现象，这里做一个补充。

IE6无法加载CSS

Fri, 02 Mar 2012 19:07:00 +0000

在之前的文章wordpress SEO之自定义meta信息中我曾经提到在IE6下出现无法加载CSS的诡异问题，就目前我的经验和网上许多分享关于IE6无法加载CSS的问题，我做了一个小的总结，当然也欢迎补充。

png图片透明方法兼容IE6

Fri, 02 Mar 2012 18:46:00 +0000

主题的编写还在继续，最近在写LabQ 1.0 beta时遇到了了一个问题，由于当时没考虑太多，我的主题图片用的是png，但是这种格式在ie6下有个致命的缺点：png背景不透明！这可急煞我也~

wordpress文章中插入php代码

Fri, 02 Mar 2012 18:33:00 +0000

这几天在一边写主题一边总结学到的一些经验，如题所示，在wordpress文章中插入php代码竟然出错了，这真是让人有点纠结。因为之前一直学的是C++，插入代码也没有什么问题，然而插入php去只显示了一部分代码！

LabQ1.0 beta主题更新

Fri, 02 Mar 2012 17:06:00 +0000

LabQ主题启用到现在还没过去一个周的时间，这几天也是断断续续的对主题进行修改，因为没学过什么js之类神器，也没有对主题有多大指望，写一行算一行，但毕竟这个LabQ1.0是我的第一个主题，所以就去更新了一些地方，这里做一个记录。

wordpress SEO之自定义meta信息

Fri, 02 Mar 2012 16:29:00 +0000

wordpress中SEO是一个永恒不变的话题，尽管现如今meta信息已经不被搜索引擎那么看重，但是良好的meta信息还是有利于SEO的。所以趁着这次写主题的机会就直接把这个功能集成到我的wordpress主题LabQ中。

仿QZone6.0主题LabQ 1.0beta完成

Wed, 29 Feb 2012 17:11:00 +0000

处于对QZone6.0主题的喜爱，寒假的时候就动了仿写主题的凡心，无奈自己太懒，回来大三没什么课程，闲来无事就学习了一下html和css，历经3天，终于完成了我的第一个wordpress主题LabQ 1.0beta版本。

LabQ仿QQwordpress主题启用

Mon, 27 Feb 2012 18:07:00 +0000

很久很久以前QQZone推出了6.0版本的皮肤，本人甚是喜欢。无奈当年自己的技术功底太弱，无法将这漂亮的主题移植过来。这几天初步学习了一下html和CSS，于是决定模仿QQZone写一个wordpress平台下的主题。磕磕碰碰憋了2天，终于写出这个最简单的主题LabQ1.0，我决定按照这个思路写下去，或许在某年某月某日这个主题就可以正式上线。

XAMPP中php上传中文文件乱码

Fri, 24 Feb 2012 13:21:00 +0000

这几天在windows下安装了XAMPP，准备初步学习一下php的相关内容。这几天接触到了php上传文件，但是出现了一个郁闷问题，我准备上传一个excel文件，但是如果文件名是中文名就会报错。

博客图片音乐防盗链方法小记

Wed, 22 Feb 2012 19:44:00 +0000

很久很久以前，有一个人，他想做一个相册，给她一个惊喜。这个相册里面有图片，有音乐，还有flash。后来，这个人悲剧了，此人就是我。

VC视图中响应右键菜单

Sun, 30 Oct 2011 23:42:00 +0000

继续VC编程，这次所说的是关于在VC++中响应右键菜单，就是在点击右键的时候显示下拉菜单。下面给出实现过程，本来以为很复杂，其实只要响应一个函数即可。

VC双缓冲绘图小记2

Sun, 30 Oct 2011 17:44:00 +0000

之前写过一篇小文《VC双缓冲绘图小记》，这期间一直在折腾这个东西，因为绘图时候的闪烁总让我感到不可接受，所以这是对于上一篇博客的补充版本，也可说是VC双缓冲绘图补丁版。

VC双缓冲绘图小记

Fri, 28 Oct 2011 13:13:00 +0000

在VC下绘图，在放大缩小的时候会引起重绘（废话），但是最近用VC读了一幅图片文件，在我变动窗口大小的时候，视图区域一直闪烁。为了解决这个问题，学了一下双缓冲绘图。

ADO编程多步OLE DB 操作产生错误

Fri, 28 Oct 2011 11:20:00 +0000

继续吐槽ADO编程，昨天在用VC写MS-SQLSERVER时候出了这么一个错误，“多步 OLE DB 操作产生错误。如果可能,请检查每个 OLE DB 状态值。没有工作被完成。”好一个郁闷，于是google之，解决问题。

ADO编程RecordSet.OPEN参数解释

Fri, 28 Oct 2011 10:54:00 +0000

继续纠结ADO编程，基于OLE DB的ADO编程的确很方便，这几天一直在折腾这个ADO，所以见到不懂的就记录一下。在使用ADO的RecordSet中有个OPEN函数，其中有很多参数，我是从网上copy的代码，知其然不知其所以然，所以就搜索了一下，高手勿进。

VC++ADO编程小记

Fri, 28 Oct 2011 09:36:00 +0000

接触了ADO编程，是在VC++的环境下通过ADO去调用MS-SQLSERVER的数据库。尽管ADO是在OLE DB的基础上做了一定的封装，但是对于我这种小白来说掌握起来还是有一点的吃力。于是在这里记录下一点关于VC下ADO的一点心得。

wordpress笔记之链接提示美化

Tue, 27 Sep 2011 13:25:00 +0000

wordpress中美化链接提示或许大多数人没有做过，其实个人还是比较喜欢这个效果，不过由于跟现在所用的主题严重不符合，所以就放弃了，但是作为一个很好技巧，还是在这里记录一下。

wordpress笔记之不同页面不同文章

Tue, 27 Sep 2011 13:15:00 +0000

这个题目有点拗口了，其实就是在wordpress中你在后台设置了首页显示几篇文章，在你博客分类里也显示这个数目，但是这往往造成网页布局不美观，所以加上了这个效果。

wordpress笔记之自定义友链页面

Tue, 27 Sep 2011 13:08:00 +0000

在wordpress中友链是必不可少的，但是随着时间的增加，也要分个首页和内页友链了，于是我就想个给自己的友链单独添加一个页面。当然我自己是不会写的，还是要修改高手的代码。

wordpress笔记之读者墙+留言板

Tue, 27 Sep 2011 12:42:00 +0000

在wordpress中是不自带留言板功能的，之前一直是复制了一page.php然后自定义的留言板，后来发现了页面读者墙这个好玩的功能，索性就把读者墙和留言板这两个功能给放在了一起，效果还不错的说。

wordpress笔记之取消自动保存和修订功能

Tue, 27 Sep 2011 12:15:00 +0000

在wordpress中写的文章一般会被自动保存，并且还有一个修订功能，这些本来是好意，但是对我这用livewriter写博客的人来说这简直是个鸡肋功能了，所以想办法去掉这个自动保存和修订功能。

wordpress笔记之热门随机最新文章

Tue, 27 Sep 2011 12:01:00 +0000

之前用过一个插件用于在侧边栏显示热门文章和随机文章，后来我发现有插件在博客上很不爽，我要争取无插件！于是想找个方法替换掉那个插件，哦，原来随机、热门、最新文章的显示是如此简单，去你妹的插件吧~

wordpress笔记之友链两栏+排序

Tue, 27 Sep 2011 00:46:00 +0000

对于首页友链有两个地方我做出了修改，无奈这些关于友链的修改都不大，但是个人感觉还是学到一点东西，所以在这里也就做了一个记录。主要是两个修改一是友链分两栏显示，二是给友链进行排序。

wordpress笔记之侧边栏读者墙

Mon, 26 Sep 2011 17:14:00 +0000

本来用一款插件来显示最活跃读者的，不过文字的看着总是不爽，所以这次就加上了侧边栏读者墙。更何况看着我空空的侧边栏也有点单调，于是就用折腾了这个在侧边栏加上读者墙的效果，同时鼓励评论。

wordpress笔记之不同页面不同侧边栏

Mon, 26 Sep 2011 13:04:00 +0000

不久前在博客里侧边栏放了广告，但是我不想在所有的页面都显示，比如我希望干净的首页，本来用其他wordpress主题的时候会有选项，但是现在这个木有，也无所谓了几行代码的事就能搞定wordpress不同页面显示不同侧边栏！

wordpress笔记之头像缓存

Sun, 25 Sep 2011 23:39:00 +0000

wordpress访客头像是wordpress博客中一个不可或缺的元素，好的头像能够给人留下一个很好的印象，比如我的这个小孩子头像现在就成了sailor的象征。不过这次要说的是头像缓存。

wordpress笔记之评论框背景

Sun, 25 Sep 2011 13:57:00 +0000

刚刚启用wordpress主题的时候，许多wordpress主题的评论框是没有背景的，个人感觉在评论框中设置一个比较符合主题的背景还是很有必要的，或许有人说本来wordpress就很大，设置一个评论框背景会增加流量。好吧，我的博客人气不多，所以尽力去折腾了。

wordpress笔记之评论表情

Sun, 25 Sep 2011 10:23:00 +0000

给wordpress评论加上表情是一个旷日持久的话题了，之前一直使用万戈 willin等人的方法添加wordpress评论表情，但是后来发现这个方法越来越繁琐，不符合我对wordpress评论表情的要求，于是也就有了下面的这篇日志。

wordpress笔记之相关文章

Sun, 25 Sep 2011 02:58:00 +0000

个人感觉在wordpress博客中加入一个类似“相关文章”是很有必要的，能够很大程度上提高粘滞性，并且有着更好的用户体验。之前我的相关文章是通过万戈的一种方法实现的，后来用了无觅相关，再后来就是现在这个样子了。

wordpress笔记之版权信息

Sat, 24 Sep 2011 22:40:00 +0000

其实玩wordpress是一件不容易的事情，写点东西也不是一件容易的事，貌似上面说的话有点重复，其实我就是想说什么也不容易。辛辛苦苦搭建一个自己的小天地，但是有时候有些事情就会悄悄来临，比如今天说的版权！

wordpress笔记之首页NEW提示

Sun, 18 Sep 2011 23:41:00 +0000

可能来到我博客的朋友会发现我的第一篇文章会有一个“NEW”的提示，当然如果我及时更新的话。这是一个很细节的效果，我当时的灵感来自于“hot”提示，后来就想整这么一个NEW的提示效果。

wordpress笔记之上下滑动条

Fri, 16 Sep 2011 17:51:00 +0000

从今天开始，我要开始一个折腾笔记，记录我折腾博客的过程。当然这里面会引用很多来自其他博客的文章。因为以后不打算再去那么折腾了，所以就全当是一个记录，以后如果自己写主题的话也是一种帮助。

flex+java中String 转换int float

Fri, 09 Sep 2011 19:41:00 +0000

用flex+java进行开发，要在flex中调用数据库，索性就用java写了一个函数，其中函数的参数是 int float类型的。而据我所知flex中TextInput控件中只能得到String类型的数据，所以这里必须要进行数据转换，这里整理了我的转换思路。

wps（word）文档添加删除线

Fri, 09 Sep 2011 02:17:00 +0000

这几天写一个教程，想用删除线的效果，就是在文字中间添加一根拦腰斩断的直线，但是无奈苦于之前的基础没有学好，于是去百度了一下，整理方法如下：

1.选中文字

2.在文字上右击，选择“字体”，然后在效果处选择“删除线”即可~

Google？No,It's elgoog!

Thu, 01 Sep 2011 00:11:00 +0000

Google你一定熟悉，貌似互联网中不知道它的应该来自火星。但是elgoog你听说过吗？呵呵，你一定发现了什么吧，对！就是把google倒过来读！有没有想过浏览一个网页看到的文字就像照镜子一样是倒过来的呢？看图

博文一直不收录怎么办？

Wed, 31 Aug 2011 22:34:00 +0000

不要被这个标题吓到，这里不是在讲什么很高深的SEO技巧，我这里强调的仅仅是一个细节。之前我的一篇博文很久没有被google收录，心生疑惑，于是就想法设法找了一下原因，发现不收录的问题来自一个不起眼的细节。

我喜欢的六个博客

Wed, 31 Aug 2011 01:38:00 +0000

看着这文章标题是不是很土？土就对了，最土的语言才能显示出最真挚的感情。从当年的一无所知到现在（当然技术说现在也是一无所知），经历了很多事情，嗯，善于总结是个好习惯，这次要总结的是伴我成长的六个博客。

解决百度重复收录wordpress文章

Sat, 27 Aug 2011 02:43:00 +0000

这是一个很久很久以前的事情，当时博客刚刚满月，遇到了这个同一篇文章被百度重复收录的问题。当时废了一阵功夫来解决重复收录问题。但是这东西不是一朝一夕就能看出效果，现在看着稳定的百度快照和收录，决定把方法分享一下。

给wordpress博客养个小宠物

Fri, 26 Aug 2011 00:59:00 +0000

今天来到我博客的人一定看到了这个小孩子，飘来飘去很可爱的说~一部分朋友问我这个效果是怎么实现的，其实你们用你们的脚指头想想也应该知道这肯定不是我写的效果。好东西如果不拿来分享会让我感觉压力很大，索性整理了一下，放出这个小孩子的效果实现方法。

windows下gcc编译器TDM

Thu, 25 Aug 2011 02:53:00 +0000

首先你要看清楚这是TDM，不是TMD！TDM是一款可以在windows下使用的gcc编译器。或许你已经在linux下体会到了gcc的强大，有了TDM在windows下也能像在linux下一样编译c程序，也能享受到同等的快感。很诱惑有木有，很轻便有木有，很强大有木有！

SQL2005设定ID自动增长

Tue, 23 Aug 2011 04:24:00 +0000

创建SQL2005数据库的时候遇到一个问题，我参考了wordpress的文章表设置一个新闻表，但是id不能自动增长。这个简单的功能MySQL有，SQL2005也应该有，于是我就去折腾了一番，找到了SQL2005设置ID自动增长的两条途径。

SQL2005自动获取时间

Sat, 13 Aug 2011 20:27:24 +0000

为了二次开发，这几天一直在和SQL2005，Flex4，Java打交道，话说这比赛也的确有点意义，这几天不人不鬼的生活也的确让我学到了很多东西。这次是SQL2005中数据库设计的问题，我需要让SQL2005的一个字段自动获取时间。

SQL2005数据库没有有效所有者

Thu, 11 Aug 2011 00:59:47 +0000

这几天在做二次开发，附加了数据库，但是在我新建一个数据库关系图时候出现了提示如下：“此数据库没有有效所有者，因此无法安装数据库关系图支持对象。若要继续，请首先试用“数据库属性”对话框的“文件”页或ALTER AUTHORIZATION语句将数据库所有者设置为有效登录名，然后再添加数据库关系图支持对象”

去掉连接蓝牙后留下的文件夹

Sat, 30 Jul 2011 22:57:11 +0000

前几天从网上下载了一本书，想放在手机里，以供闲暇之余消磨时间。不幸的是读卡器被我弄丢了，好吧，所谓天无绝人之路，于是开启了电脑尘封的蓝牙功能。传完书后也就没有去管，今天发现电脑竟然多出个文件夹删除不了？！

SQL2008更改身份验证

Thu, 28 Jul 2011 21:07:10 +0000

最近做二次开发要使用SQL2008数据库，并且必须使用混合模式登录。而之前安装SQL2008的时候为了图个方便我直接选的是windows身份验证，重装？MY GOD，装一个SQL差不多两个小时，于是就寻找了手动更改SQL2008身份验证的方法。

myeclipse9集成flex4.5+汉化

Tue, 26 Jul 2011 14:24:24 +0000

这几天在准备mapgis二次开发，环境搭建是个很纠结的问题，这次准备趁着这次二次开发学习一下java，于是很自然的去找了java的集成开发环境myeclipse9。Flex环境也是基于eclipse的，所以我把他们两个集成在一起，并且顺便汉化了一下。

vc等比例计算工具

Thu, 14 Jul 2011 09:26:21 +0000

用了photoshop图床，经常涉及到一个图片等比例转换的问题，如果图片多的话，一张一张的计算缩放后的长宽会有一定麻烦。于是自己写了一个小工具，用来转换图片的长宽比，保证图片缩小后形状不变。

VC调用剪贴板

Tue, 12 Jul 2011 22:03:40 +0000

最近一直在用photoshop的图床，但是每次原图都涉及比例问题，于是想写个小程序，但是遇到了问题。转换后的图片比例要复制到剪贴板，之前一直没有写过用VC调用剪贴板的程序，在此mark一下。

dns修改工具(vc)

Wed, 29 Jun 2011 14:02:32 +0000

前几次写的是在本机修改dns的方法，后来我感觉黑乎乎的界面实在难看，想自己写个界面dns修改工具。遇到了很多麻烦，加上最近的考试，就暂时放弃了进一步研究的想法。不过今天还是唠叨一下，希望有经验的高手给点意见。

C++调用cmd修改DNS

Wed, 29 Jun 2011 02:13:11 +0000

之前的文章写的是在cmd下修改dns，毕竟现在不是dos年代了，命令行对于普通人来说已经完全成为了过去式，所以这里我想在c++下写一个小程序调用cmd命令来实现修改dns的效果。

通过cmd修改dns

Tue, 28 Jun 2011 05:41:12 +0000

这几天访问博客的时候经常遇到博客无法打开的状况，后来得知了一个方法可以修改成open dns 或者google dns 来避免这个问题。后来感觉有点麻烦，想直接命令行修改，于是有了下面的文章。

VS2008添加OnInitDialog(更新)

Mon, 27 Jun 2011 00:16:34 +0000

首先非常感谢kassol_zx同学的热心提示，对在VS2008中添加OnInitDialog方法写了下面的更新。

wordpress修改用户ID

Sat, 25 Jun 2011 14:16:43 +0000

突然心血来潮，想安装一个情侣主题，尽管我是光棍。这个情侣主题有个要求，需要男的wordpress用户ID为1，女的用户ID为2。但是之前由于开放了人人网登录，ID 2早就被占用了，所以写了本文，记录我修改用户ID的方法。

VC计时器实例演示

Fri, 24 Jun 2011 15:36:37 +0000

之前写过一篇说进度条的文章，有个高手朋友告诉我说可以自己设置一个计时器，每固定一段时间让进度条走一格，感觉这个想法不错。于是实践了一下，网上许多关于计时器SetTimer和OnTimer的用法，这里就不说了，直接列举一个实例吧。

MFC控件介绍之Static(动态文字)

Thu, 23 Jun 2011 13:48:20 +0000

接着前一篇文章，这次我要记录的是关于static控件的一个用法——动态改变static文字。关于这个想法是来自上一篇文章写的进度条的用法，感觉只有进度条有点乏味，于是就想通过动态改变文字来显示进度。

MFC控件介绍之Progress Control(进度条)

Wed, 22 Jun 2011 12:42:26 +0000

这几天想把老本行好好练练，于是就萌生了边学边记录的想法。这次是控件介绍的是progress control控件，也就是我们通常所说的进度条控件。你可以在本文的最后免费下载本示例。

独立博客文化衫定制活动

Tue, 21 Jun 2011 11:26:22 +0000

这是本人参加一个博客的小活动，这个活动从策划走到现在不容易。所以这里就宣传一下，以下的原文来自老毕博客。

变量初始化—写程序必有的习惯

Tue, 21 Jun 2011 02:01:42 +0000

帮学妹调试了一个mfc橡皮筋画直线的小程序，给她的时候告诉她这个程序有个小bug，但是没有告诉她bug在哪里，后来她又打电话过来说找不到bug，并且非要我告诉她。后来我发现我当时真的嘴贱了，因为她说她解决不了。她：能不能？…… 我：额，这个…..好吧，囧～～

MFC实现橡皮筋画线(附带源码)

Fri, 17 Jun 2011 03:31:15 +0000

前几天一个学妹问我一个关于她们实习的问题，其中的一个是说实现橡皮筋画线，当时给她讲了，感觉讲的不是蛮清楚，这里就以一个简单实例实现橡皮筋画线。所用环境：vc6，MFC。

垃圾评论之牢骚&解决

Thu, 16 Jun 2011 23:26:10 +0000

今天是本来是个好日子，睡了一个好觉，心情也不错，醒来以后很自然的去看了一下我的博客，结果发现不对劲了。

virtualbox NAT端口转发(非命令方式)

Sun, 12 Jun 2011 23:39:43 +0000

这几天一直在折腾wdlinux，想在virtualbox下模拟一个Linux环境，并且作为我的虚拟服务器，也可以用来调试我对wordpress的修改，或者是备份我的数据。

【图解】virtualbox安装wdlinux附带Error Partitioning解决方案

Fri, 10 Jun 2011 18:50:55 +0000

这几天开始跟一个学长学习web了，也算是给自己找到一个小方向吧。不过要搭建一个linux的虚拟服务器环境。我选用了wdlinux作为服务器系统在virtualbox下安装，但是遇到了一点问题。

修改固定链接和.htaccess-301重定向

Thu, 09 Jun 2011 00:29:47 +0000

这是一篇讲修改.htaccess文件实现301批量重定向的文章，是对修改博客的固定链接以后造成的404大墙的补救措施，同样这也是我的自嘲v2.1beta版。

搞定wordpress主题不同浏览器错位问题

Wed, 08 Jun 2011 01:14:59 +0000

首先说明写这篇文章不代表我懂CSS，不代表我会WEB，我只是不喜欢难看罢了。但是面对着目前市面上IE全家，火狐，Google Chrome，Safari，Opra以及各种IE内核浏览器，实在让我对小博客的主题感到力不从心，于是我这个代码盲开始修改主题的不归路～

退出云端任务栏假死

Sun, 05 Jun 2011 20:55:19 +0000

这几天云端一直莫名其妙的假死，我了个去，本来很好的软件，把我折腾的心烦意乱！到底是怎么了啊？难道真要卸载云端？其实有点舍不得，但是这频繁的假死实在是让我抽风？问题有，但是总要像点解决方法！

Bezier曲线算法实现

Fri, 03 Jun 2011 00:35:13 +0000

狂风暴雨的计算机图形学实习终于快要结束了，呵呵，写完实习报告，然后应该就没有太让我纠结的事情了，所以这里先庆祝一下，今天就发完计算机图形学实习中的最后一个代码Bezier曲线生成算法。

直线剪裁算法-Liang-Barsky

Thu, 02 Jun 2011 18:20:18 +0000

接着上面的计算机图形学，二维图形的剪裁，还是直线剪裁算法，今天说的是Liang-Barsky直线剪裁算法。

还是老规矩，只放代码，不讲原理，想要看Liang-Barsky原理的人请绕行～

直线剪裁算法-Cohen-Sutherland

Thu, 02 Jun 2011 18:08:15 +0000

计算机图形学，这次说的是二维图形的剪裁，接下来将说明两种直线剪裁算法，今天说的是Cohen-Sutherland直线剪裁算法。

还是老规矩，只放代码，不讲原理，想要看Cohen-Sutherland原理的人请绕行～

二维图形旋转变换

Thu, 02 Jun 2011 02:25:31 +0000

接着说计算机图形学实习，这次说的算法是二维图形的旋转变换，本例所使用的算法完全原创，这是我个人根据数学公式推导出来的。不是书上说的矩阵方法实现，通过我这个例子完全可以360度，顺逆时针去旋转图形！

扫描线种子填充多边形算法实现(VC)

Wed, 01 Jun 2011 23:16:30 +0000

接着写那些狗血的算法，今天写的是扫描线种子填充的算法实现，还是老规矩，把算法封装成了一个函数，需要使用的话直接传参即可～

详细用法请看下面的使用说明，好累啊（修改别人的代码也不容易），不过看着这扫描线种子填充的算法为我所用，很是欣慰。

边相关扫描线算法实现多边形填充(VC)

Tue, 31 May 2011 22:36:39 +0000

很久没有更新计算机图形学的东西了，这几天遇到一些问题，各种问题，也懒得去说什么了。废话不多说什么了，今天给出的是边相关扫描线算法的实现。算法原理也不多说了，其实说我也说不清楚，下面直接给出边相关算法的实现代码，所有的代码在VS2008中编译通过。我把代码打包了一个函数，需要用到的人可以直接复制，详细使用方法请见后面的说明。

程序员文史综合题目

Wed, 25 May 2011 17:51:00 +0000

一，选择题（皆为单选）：
1，以下谁是二进制思想的最早提出者？
a，伏羲；b，姬昌；c，莱布尼茨；d，柏拉图。
2，以下哪个概念和公孙龙的《指物论》中的“指”字含义相近？
a，变量；b，数组；c，对象；d，指针。

766f6c756d652e63 3f1解决方案

Mon, 23 May 2011 23:17:49 +0000

最近人品有的衰啊，运气有点背！今天又遇到了一个头疼的问题，启动时候出现766f6c756d652e63 3f1！看图吧

ubuntu免费光盘小感

Sat, 21 May 2011 22:51:22 +0000

好久没有关注过Linux的消息了，原因很多，不想多说什么，毕竟在当代中国的大环境下要完全抛弃windows是不太可能的事情。尤其在中国这种教育的大环境下，Linux对许多人来说只是个玩具，一个很有技术含量的玩具。不扯太远，今天想说说ubuntu免费光盘的事，那点曾经的事～

时光如梭—wordpress添加时钟效果

Wed, 18 May 2011 22:04:23 +0000

记得很久之前写过一个在wordpress里显示倒计时效果的博文（在这里啦），后来感觉那个swf文件访问影响力我的速度，于是就把它给撤掉了，但是最近感觉博客界面死死的，没有丝毫的生气，怎么办？于是想到了加一个时钟！

wps（word）添加目录

Tue, 17 May 2011 22:20:52 +0000

今天写了一天的实习报告，看着已经完工的实习报告，总感觉缺少了点什么，于是就想办法去完善，又是加页眉又是调间距，我了个去，这个后来调整比写报告还麻烦！不过总算总算快写完了。突然灵机一现是不是应该加个目录呢？

这里我以wps为例说说怎么给文档添加自动目录！(什么office？抱歉了读者，我不用微软的OFFICE好多年了，不过方法大同小异。但是我不会去搞OFFICE的！)

中点画圆算法实现(MFC)

Sun, 15 May 2011 00:39:07 +0000

之前已经公布了关于Bresenham算法画圆的MFC代码实现方法，今天接着上次的说，继续我的狗血实习，继续写代码，今天要写的中点画圆的算法，还是老规矩，算法我就不仔细解释了，这里直接给出MFC实现方法

Bresenham算法生成圆(MFC)

Sat, 14 May 2011 00:30:47 +0000

之前已经公布了关于DDA算法画圆的MFC代码实现方法，今天接着上次的说，继续我的狗血实习，继续写代码，今天要写的Bresenham算法生成圆形的算法，还是老规矩，算法我就不仔细解释了，这里直接给出MFC实现方法

DDA算法生成圆(MFC)

Fri, 13 May 2011 19:36:19 +0000

之前已经写过两篇帖子记录计算机中怎样生成直线的算法，从今天我开始我要介绍怎样生成圆形的算法。总共会介绍三种，还是老规矩，我就不介绍原理了。这是我们的实习内容，我这里只是完成实习后做到一个mark，以便以后用，当然也希望帮到需要的人。

回到正题，今天说的是DDA生成圆的算法。

Bresenham算法生成直线(MFC)

Thu, 12 May 2011 23:46:14 +0000

前一篇，我写了关于DDA生成直线算法的实现代码，今天继续跟进，这是一个比DDA还要好的算法，叫做Bresenham算法，废话不多说了，直接放代码，我把代码封装成一个函数，要用的直接修改使用即可。

下面是实现代码：

DDA算法生成直线(MFC)

Wed, 11 May 2011 20:32:29 +0000

至于什么是DDA算法，这里不想多说，如果这个都不明白的话，可以直接跳过此文了，我这里给出的DDA生成直线的算法，以及在VS2008下的实现过程，这是对自己经验的一个总结，也是对所学到一个记录，这里先mark一下。

下面是代码实现，需要的拿去：

MFC之在对话框里绘图

Mon, 09 May 2011 22:44:02 +0000

继续说说那狗血的计算机图形学实习，这次我想实现一个预览的效果，于是乎就涉及到了在对话框里面绘图，本来在view里面绘图都轻车熟路了，这次要在对话框里绘图还是头一回啊，这可是个小挑战！自己在msdn查了一下，然后加上google+百度，找出来一种方法，今晚时间有点紧，就直接放代码了，可以根据个人要求适当修改代码。

CFileDialog小记

Sun, 08 May 2011 16:14:04 +0000

实习中用到了打开保存文件对话框，学到一点东西，这里记录一下。别的不多说，先来看看一个实例——

CFileDialog openDlg( TRUE, "Material File(*.material)|*.material", NULL, OFN_HIDEREADONLY |
OFN_OVERWRITEPROMPT, "Material File(*.material)|*.material||", this);

AfxMessageBox()那点事

Thu, 05 May 2011 01:31:36 +0000

不知道各位写程序的时候喜不喜欢用AfxMessageBox()来进行提示，本人感觉这个东西用多了不好，但是在一定的条件下用好它会得到很不错的效果。这几天突然有一天看到好像这个提示框的图片也有不同类型，代表不同提示，于是今天就mark一下，以便后用！

MFC控件介绍之ComboBox

Thu, 05 May 2011 01:11:27 +0000

还是那吃人的实习，这次又要用到一个控件，叫做ComboBox！先给大家看看效果：

MFC控件介绍之slider篇

Thu, 05 May 2011 00:11:22 +0000

又是一次计算机图形学实习，实习中想实现一个效果，我要绘图，想要设置线的宽度，就像Photoshop那样。看了看MFC中有现成的控件可以使用——slider控件，用MSDN查了一下，又是狗日的英文，求助baidu和Google吧，查找了一些资料，加上我那超人的理解变通能力（吹个小牛），没有费什么功夫就搞定了，不过许多函数感觉会用到，今天就做个mark，以便后用！

VS2008中OnInitDialog那点事

Wed, 04 May 2011 23:32:26 +0000

在用VS2008写MFC时，自已添加对话框，并生成类后，并没有OnInitDialog(void）函数，而这个函数往往要初始化一些东西，没有它感觉很麻烦，怎么办呢？既然微软不给力，那就自己动手，丰衣足食呗！

CDC::SetROP2（）参数设置

Wed, 04 May 2011 23:17:21 +0000

这几天又开始写程序了，学习了计算机图形学，感觉有点压力，许多东西都不会，比如今天就遇到了一个很纠结的问题，就是关于CDC::SetROP2（）参数设置问题，搞了好久没有成功，主要现象有两个，一个是不能给我所绘的线条设定颜色；还有一个就是不能很好的实习橡皮筋效果。于是msdn+baidu+google找到以下的一些资料，这里记录下来，做个备忘录。

wordpress之我见

Tue, 03 May 2011 04:03:49 +0000

其实很就想写点关于wordpress东西了，只是没有什么时间，今天终于抽出空来了，就随便说点什么吧。

非插件实现分享功能和加入版权信息

Mon, 02 May 2011 07:24:27 +0000

接着折腾我的博客。

之前我用户好几款分享到SNS的插件，来实现将我的文章分享到SNS网站。但是这几天发现了一个问题，当我FQ来访问自己网站的时候，jiathis插件反应速度极其缓慢，虽然我不指望会有多少朋友从国外来访问我的博客，但是这让我产生了一种受制于人的感觉，于是毫不犹豫地删除了jisthis插件。

后来我又陆续使用了几款其他的插件，众所周知插件过多会带来什么影响，于是我有了不使用插件，直接修改主题来实现分享功能的想法。

两个方法解决WP-DBManager的问题

Sun, 01 May 2011 16:01:23 +0000

今天WP-DBmanager又有更新了，和我想的一样，这次的更新中还是没有解决之前的问题。出现了如下的提示：Your backup folder MIGHT be visible to the public To correct this issue, move the .htaccess file from wp-content/plugins/wp-dbmanager to /home/publichtml/wp-content/backup-db

之前的版本也是这个问题，也是在网上搜索解决的，这次又遇到了同样的问题，于是就再去查找了一下，将解决方法整理如下——

人人网账号登陆WordPress博客

Sat, 30 Apr 2011 18:10:24 +0000

昨天有朋友跟我反映，每次访问博客的时候，要填写用户名和邮箱，这很麻烦。我也寻思了一会，也是，人家好不容易来一回，就能不能简单点，敢不敢？敢不敢？当然敢，看了看最近好像人人网在国内好火啊，能不能直接用人人网帐号来登录我的博客呢？答案当然是：可以！先看看效果：

ubuntu下载工具小记

Thu, 28 Apr 2011 13:22:56 +0000

最近一直在玩ubuntu，感觉liunx的确要比Windows好玩，可能是习惯了Windows吧，突然来了点新花样，感觉很爽。当然我是一个很菜很菜的菜鸟，对于很多东西还是很头疼。今天就遇到一个问题，我想在ubuntu下下载点东西，东西有点大，但是浏览器自带的东西速度很慢。于是找了两个方法来解决这个问题。

教你制作U盘系统维护工具

Sun, 24 Apr 2011 15:05:22 +0000

随着存储技术的不断发展，优盘的容量开始膨胀起来，于是呢我就想用它来干点事情了……你手上有没有闲置的优盘呢？有没有不用但是感觉扔了又可惜的优盘呢？有，很好，今天我就讲一种方法来利用这些东东——制作系统维护专用优盘！

ASCII 代码表（备忘录）

Sat, 23 Apr 2011 22:51:46 +0000

写程序的时候很容易会用到ASCII码，每次用的时候找的好麻烦，今天就做一个备忘录，也算给自己留下个记号：

正轴等角割圆锥投影源程序的设计(MFC)

Fri, 15 Apr 2011 13:38:02 +0000

又进行了一次地图学实习，这次的实习题目是“正轴等角割圆锥投影源程序的设计”说句实话这个题目的前几问都是初高中的东西，只是让你用程序来实习便是（所以编程仅仅是个工具！）。不过最后一问关于坐标的转换问题，还是很有挑战性的，感觉不错，所以今天就共享一下，也晒晒我的一点体会，高手请直接忽视，菜鸟可以参考一下，或许能够对你有所启发。

wordpress显示倒计时效果

Tue, 12 Apr 2011 19:05:23 +0000

今天看到网上有一个倒计时的东西，很是喜欢，于是想办法也去弄一个，当然，技术的问题都不是问题嘛。

ntfs-config&virtual box错误解决方法

Mon, 11 Apr 2011 22:43:16 +0000

还记得当年因为忘了清除硬盘引导区，就去ghost后，废了我整个硬盘，以至于去重新换了一块硬盘。在think的服务站给我预装的是windows 7操作系统，回来用了几天，手就痒痒了，开始安装linux！

SI CAPTCHA Anti-Spam防止垃圾评论

Thu, 07 Apr 2011 12:43:04 +0000

今天我在更新博客的时候，更新的瞬间，有了个小惊喜，竟然，有人怎么评论了？这可是第一个除本人和本人认识的人来访我的博客哦！好高兴啊，可是，当我查看评论内容的时候——

Google XML Sitemap不能写入解决方法（全）

Thu, 07 Apr 2011 10:39:06 +0000

这几天想给我的博客加一个简单的搜索引擎优化（SEO），其实wordpress提供了很多的插件可以用来比如本文所说的Google XML Sitemaps。但是再用的时候出现了很大的问题，以至于网上的许多方法无法解决，所以在这里就提供一种我自己的解决方法（亲测可用哦）！

修改博客logo

Wed, 06 Apr 2011 20:45:59 +0000

辛辛苦苦建立了wordpress的博客，可是当我们打开我们博客的时候是否发现了什么呢？再看看你自己的，什么感觉呢？或许由于你使用的主题的原因，你的可能也会有所显示，可是怎么才能够自定义自己网站的logo呢？听我慢慢道来——

博客首页与wordpress安装在不同目录

Wed, 06 Apr 2011 19:56:33 +0000

今年开学，我从生活费里艰难的挤出一点经费，来实现我当年wordpress的梦想。想想当年在WAMP和LAMP中玩得是不亦乐乎，可是那毕竟是给自己看的，后来想把博客给搬出来，就去找了一个免费的空间和免费的域名。天下没有免费的早饭啊，免费的功能限制太多，于是更新了几天也就停止了，就一直拖到了现在，决定用wordpress记录我的点滴，可是问题来了。

自己写了个String类

Thu, 09 Sep 2010 15:42:00 +0000

// String.cpp : 定义控制台应用程序的入口点。
//

解决windows无法查看图片

Tue, 20 Jul 2010 15:37:00 +0000

今天去给三叔家的电脑重做系统，由于图省事就直接整个ghost版的系统给装上了。其他的驱动倒是很好说，但是竟然遇见了一个先前从来没有遇见过的问题。图片没有办法看了！！！！

搞定定义动态二维数组

Mon, 18 Jan 2010 16:46:00 +0000

经历了一整天的尝试，我终于学会了定义动态的二维数组。

本来是一个很简单的题目：由用户自由输入一个二维数组，然后输出。我的代码如下：