记录技术、工具、投资与日常思考。https://raclen.cyou/https://raclen.cyou/blog/2026-07-21-184-%E5%88%AB%E5%86%8D%E7%94%A8%E4%BC%A0%E7%BB%9F%E6%96%B9%E5%BC%8F%E6%8A%98%E8%85%BE-u-%E7%9B%98%E4%BA%86%E8%81%8A%E8%81%8A-ventoy-pe-%E5%88%B0%E5%BA%95%E6%80%8E%E4%B9%88%E9%85%8D%E5%90%88%E6%89%8D%E6%9C%80%E7%88%BD/https://raclen.cyou/blog/2026-07-21-184-%E5%88%AB%E5%86%8D%E7%94%A8%E4%BC%A0%E7%BB%9F%E6%96%B9%E5%BC%8F%E6%8A%98%E8%85%BE-u-%E7%9B%98%E4%BA%86%E8%81%8A%E8%81%8A-ventoy-pe-%E5%88%B0%E5%BA%95%E6%80%8E%E4%B9%88%E9%85%8D%E5%90%88%E6%89%8D%E6%9C%80%E7%88%BD/如果你经常帮亲戚朋友修电脑、装系统，或者自己就是个爱折腾的数码爱好者，那“制作启动 U 盘”这事儿你一定没少做。 以往我们装系统，大部分人用的都是 Rufus，或者各类 PE 工具（FirPE、Edgeless PE、微 PE 等）。但传统的做法有个很让人抓狂的痛点：**一个 U 盘每次只能写入一个...Tue, 21 Jul 2026 03:11:06 GMThttps://raclen.cyou/blog/2026-07-20-183-%E8%AE%A9-claude-code-%E5%92%8C-codex-cli-%E5%85%B1%E4%BA%AB%E8%AE%B0%E5%BF%86%E6%88%91%E7%9A%84-ai-%E7%BC%96%E7%A8%8B%E5%B7%A5%E4%BD%9C%E6%B5%81%E5%AE%9E%E8%B7%B5/https://raclen.cyou/blog/2026-07-20-183-%E8%AE%A9-claude-code-%E5%92%8C-codex-cli-%E5%85%B1%E4%BA%AB%E8%AE%B0%E5%BF%86%E6%88%91%E7%9A%84-ai-%E7%BC%96%E7%A8%8B%E5%B7%A5%E4%BD%9C%E6%B5%81%E5%AE%9E%E8%B7%B5/最近一段时间，我越来越依赖 AI 辅助开发。 从最开始用 ChatGPT 查询问题，到后来使用 Claude Code、Codex CLI 直接参与项目开发，AI 已经逐渐成为我的日常开发工具。 但是在使用过程中，我遇到了一个比较明显的问题： **不同 AI 工具之间，像是互不认识。** 比如： 我...Mon, 20 Jul 2026 07:13:33 GMThttps://raclen.cyou/blog/2026-07-20-182-%E5%A6%82%E4%BD%95%E8%AE%A9-codex-cli-%E6%8B%A5%E6%9C%89-chatgpt-%E4%B8%80%E6%A0%B7%E7%9A%84%E9%95%BF%E6%9C%9F%E8%AE%B0%E5%BF%86%E8%83%BD%E5%8A%9B/https://raclen.cyou/blog/2026-07-20-182-%E5%A6%82%E4%BD%95%E8%AE%A9-codex-cli-%E6%8B%A5%E6%9C%89-chatgpt-%E4%B8%80%E6%A0%B7%E7%9A%84%E9%95%BF%E6%9C%9F%E8%AE%B0%E5%BF%86%E8%83%BD%E5%8A%9B/背景 最近在使用 ChatGPT 网页版和 Codex CLI 的过程中，发现了一个明显区别： ChatGPT 网页版越来越像一个了解你的长期助手，它知道你的技术背景、使用习惯、项目方向，回答问题时会结合过去的信息。 而 Codex CLI 默认更像一个刚启动的新助手： * 不知道你的开发环境； *...Mon, 20 Jul 2026 06:53:07 GMThttps://raclen.cyou/blog/2026-06-28-181-%E5%A6%82%E4%BD%95%E6%90%AD%E5%BB%BA%E4%B8%80%E4%B8%AA%E4%B8%AD%E8%BD%AC%E7%AB%99/https://raclen.cyou/blog/2026-06-28-181-%E5%A6%82%E4%BD%95%E6%90%AD%E5%BB%BA%E4%B8%80%E4%B8%AA%E4%B8%AD%E8%BD%AC%E7%AB%99/常见的用new-api和sub2api，前者比较耗内存，功能较多，我搭建的后者。其实非常容易 因为我开始搭建的是CLIProxyAPI，我的账号都401了，就不用了，把他卸载 让来AI来处理就行 <img width="510" height="476" alt="Image" src="http...Sun, 28 Jun 2026 08:08:14 GMThttps://raclen.cyou/blog/2026-06-27-180-oracle-vps%E5%AE%89%E8%A3%851panal/https://raclen.cyou/blog/2026-06-27-180-oracle-vps%E5%AE%89%E8%A3%851panal/安装的时候可能遇到安装完了，但是没办法访问的问题 第一次申请，先去换个IP 防火墙按安全管理配置 开放端口 一键安装Sun, 28 Jun 2026 06:38:09 GMThttps://raclen.cyou/blog/2026-05-28-179-%E6%88%91%E6%8A%8A%E4%B8%80%E5%8F%B0-8g-%E8%80%81%E7%AC%94%E8%AE%B0%E6%9C%AC%E6%94%B9%E9%80%A0%E6%88%90-ubuntu-ai-%E5%BC%80%E5%8F%91%E6%9C%BA/https://raclen.cyou/blog/2026-05-28-179-%E6%88%91%E6%8A%8A%E4%B8%80%E5%8F%B0-8g-%E8%80%81%E7%AC%94%E8%AE%B0%E6%9C%AC%E6%94%B9%E9%80%A0%E6%88%90-ubuntu-ai-%E5%BC%80%E5%8F%91%E6%9C%BA/我把一台 8G 老笔记本改造成 Ubuntu AI 开发机 最近 AI 编程越来越重度。 平时主要使用： Claude ...Thu, 28 May 2026 00:59:41 GMThttps://raclen.cyou/blog/2026-05-26-178-%E9%9A%8F%E7%AC%94/https://raclen.cyou/blog/2026-05-26-178-%E9%9A%8F%E7%AC%94/Verification: Chrome 插件弹窗输入关键字并搜索 Google Verdict: PASS Claim: 插件从“点击图标直接搜 AI”改为“打开弹窗，输入关键字后搜索 Google”；默认值为 AI，提交后新开 Google 搜索结果页。相关实现见 manifest.json、p...Tue, 26 May 2026 08:49:27 GMThttps://raclen.cyou/blog/2026-05-26-177-playwright-%E6%8E%A5%E7%AE%A1%E6%9C%AC%E5%9C%B0-edge%E4%BA%A4%E7%BB%99ai%E6%9D%A5%E5%81%9A/https://raclen.cyou/blog/2026-05-26-177-playwright-%E6%8E%A5%E7%AE%A1%E6%9C%AC%E5%9C%B0-edge%E4%BA%A4%E7%BB%99ai%E6%9D%A5%E5%81%9A/上一篇文章我们写的如果操作浏览器，这些，我们不用写代码。 claude code + gpt 对话 我： AI： 我: AI: <img width="1897" height="2735" alt="Image" src="https://github.com/user-attachments/a...Tue, 26 May 2026 03:18:31 GMThttps://raclen.cyou/blog/2026-05-26-176-playwright-%E6%8E%A5%E7%AE%A1%E6%9C%AC%E5%9C%B0-edge%E5%A4%8D%E7%94%A8%E7%99%BB%E5%BD%95%E6%80%81%E6%93%8D%E4%BD%9C%E7%9C%9F%E5%AE%9E%E7%BD%91%E9%A1%B5/https://raclen.cyou/blog/2026-05-26-176-playwright-%E6%8E%A5%E7%AE%A1%E6%9C%AC%E5%9C%B0-edge%E5%A4%8D%E7%94%A8%E7%99%BB%E5%BD%95%E6%80%81%E6%93%8D%E4%BD%9C%E7%9C%9F%E5%AE%9E%E7%BD%91%E9%A1%B5/前两天折腾了一个挺有意思的事情。 不是让 Playwright 自己启动一个全新的浏览器，而是直接连接到我本地已经打开、已经登录的 Edge 浏览器，然后继续操作里面的网页。 这个需求其实非常真实。 很多时候我们并不是在做自动化测试，而是在处理一些日常工作： * 使用已经登录的论坛账号发帖、回复 *...Tue, 26 May 2026 03:08:32 GMThttps://raclen.cyou/blog/2026-05-22-175-chagpt%E8%B4%A6%E5%8F%B7%E6%B3%A8%E5%86%8C/https://raclen.cyou/blog/2026-05-22-175-chagpt%E8%B4%A6%E5%8F%B7%E6%B3%A8%E5%86%8C/指纹浏览器 https://github.com/adryfish/fingerprint-chromium 注册插件 https://flowpilot.qlhazycoder.top/Fri, 22 May 2026 07:14:27 GMThttps://raclen.cyou/blog/2026-05-21-174-cliproxyapi-%E9%83%A8%E7%BD%B2%E5%88%B0linux/https://raclen.cyou/blog/2026-05-21-174-cliproxyapi-%E9%83%A8%E7%BD%B2%E5%88%B0linux/CLIProxyAPI 部署到linuxThu, 21 May 2026 02:25:40 GMThttps://raclen.cyou/blog/2026-05-20-173-%E9%9F%A9%E5%9B%BD%E7%94%B2%E9%AA%A8%E6%96%87-vps-%E9%9A%90%E8%97%8F-ip-%E5%AE%9E%E6%88%98%E4%BB%8E-hy2-%E5%88%B0-vless-%E7%9A%84-cloudflare-%E9%81%BF%E5%9D%91%E4%B8%8E%E7%BB%88%E6%9E%81/https://raclen.cyou/blog/2026-05-20-173-%E9%9F%A9%E5%9B%BD%E7%94%B2%E9%AA%A8%E6%96%87-vps-%E9%9A%90%E8%97%8F-ip-%E5%AE%9E%E6%88%98%E4%BB%8E-hy2-%E5%88%B0-vless-%E7%9A%84-cloudflare-%E9%81%BF%E5%9D%91%E4%B8%8E%E7%BB%88%E6%9E%81/薅到韩国甲骨文（Oracle）VPS 的小伙伴，往往都在享受其地理位置带来的低延迟红利。但随之而来的也是安全问题：如何隐藏 VPS 的真实 IP 防止被攻击或封锁？ 很多人的第一反应是套上大名鼎鼎的 Cloudflare（无论是 DNS 代理还是 Cloudflare Tunnel 隧道）。然而，技...Wed, 20 May 2026 21:56:35 GMThttps://raclen.cyou/blog/2026-05-14-172-agent-browser-cli/https://raclen.cyou/blog/2026-05-14-172-agent-browser-cli/https://github.com/sleepinginsummer/agent-browser-cli/blob/main/skills/agent-browser-cli/SKILL.md https://linux.do/t/topic/2167656?u=raclen 他能做的事情 自动化...Thu, 14 May 2026 03:23:43 GMThttps://raclen.cyou/blog/2026-05-04-171-claude-cli%E6%80%8E%E4%B9%88%E8%AE%BE%E7%BD%AEkey/https://raclen.cyou/blog/2026-05-04-171-claude-cli%E6%80%8E%E4%B9%88%E8%AE%BE%E7%BD%AEkey/在windows系统中 项目中执行 claude ，输入 /model 切换模型 <img width="1219" height="832" alt="Image" src="https://github.com/user-attachments/assets/8044c4bc-f013-493a...Mon, 04 May 2026 14:18:13 GMThttps://raclen.cyou/blog/2026-04-25-170-%E8%8A%82%E7%82%B9%E6%90%AD%E5%BB%BA/https://raclen.cyou/blog/2026-04-25-170-%E8%8A%82%E7%82%B9%E6%90%AD%E5%BB%BA/参考这个 https://github.com/eooce/Sing-box 执行这一句就行了，里面有解锁chatgpt方式 如果是nat机器,自定义节点端口 如果只开放了ipv6端口Sat, 25 Apr 2026 03:22:35 GMThttps://raclen.cyou/blog/2026-03-07-169-vue%E5%AD%A6%E4%B9%A0/https://raclen.cyou/blog/2026-03-07-169-vue%E5%AD%A6%E4%B9%A0/洛雪音乐 https://github.com/lyswhut/lx-music-desktop ikun音乐 https://github.com/ikunshare/ikun-music-desktop lx-netease-music https://github.com/souvenp/l...Sat, 07 Mar 2026 12:44:52 GMThttps://raclen.cyou/blog/2025-11-04-168-%E7%8E%B0%E5%9C%A8%E7%BE%8E%E8%82%A1%E5%92%8C%E9%BB%84%E9%87%91%E4%BB%B7%E6%A0%BC%E9%83%BD%E6%AF%94%E8%BE%83%E9%AB%98%E5%BA%94%E8%AF%A5%E6%80%8E%E4%B9%88%E4%B9%B0/https://raclen.cyou/blog/2025-11-04-168-%E7%8E%B0%E5%9C%A8%E7%BE%8E%E8%82%A1%E5%92%8C%E9%BB%84%E9%87%91%E4%BB%B7%E6%A0%BC%E9%83%BD%E6%AF%94%E8%BE%83%E9%AB%98%E5%BA%94%E8%AF%A5%E6%80%8E%E4%B9%88%E4%B9%B0/现在美股和黄金价格都比较高，应该怎么买Tue, 04 Nov 2025 08:14:19 GMThttps://raclen.cyou/blog/2025-10-20-167-%E4%B8%80%E4%BA%9B%E6%9C%89%E8%B6%A3%E7%9A%84%E8%BD%AF%E4%BB%B6/https://raclen.cyou/blog/2025-10-20-167-%E4%B8%80%E4%BA%9B%E6%9C%89%E8%B6%A3%E7%9A%84%E8%BD%AF%E4%BB%B6/听歌 MusicFree ，需要找音源 电视 https://www.haitangw.cc/6852.html 在线看视频 - https://www.ddys.run/ - https://www.24dy.vip/ - https://www.hhkan0.com/ 下载音乐 - ht...Mon, 20 Oct 2025 07:51:22 GMThttps://raclen.cyou/blog/2025-09-09-166-ant-design%E7%BB%84%E4%BB%B6%E5%A6%82%E4%BD%95%E7%BB%91%E5%AE%9A-data-testid/https://raclen.cyou/blog/2025-09-09-166-ant-design%E7%BB%84%E4%BB%B6%E5%A6%82%E4%BD%95%E7%BB%91%E5%AE%9A-data-testid/1. Antd 组件支持 属性吗？ 大多数 **Antd 组件**（例如 、、 等）底层都会渲染为原生 DOM 元素，它们会把 **未知属性（例如 ）透传**到最终的 DOM 上。 所以，你直接写： 测试时： ✅ 这样就能直接获取到。 --- 2. 例外情况（Form.Item / 特殊组件） 有...Tue, 09 Sep 2025 03:18:47 GMThttps://raclen.cyou/blog/2025-02-28-165-%E5%9F%BA%E4%BA%8Eai%E5%B7%A5%E5%85%B7%E9%93%BE%E6%9E%84%E5%BB%BAagent%E6%99%BA%E8%83%BD%E4%BD%93%E5%BA%94%E7%94%A8/https://raclen.cyou/blog/2025-02-28-165-%E5%9F%BA%E4%BA%8Eai%E5%B7%A5%E5%85%B7%E9%93%BE%E6%9E%84%E5%BB%BAagent%E6%99%BA%E8%83%BD%E4%BD%93%E5%BA%94%E7%94%A8/基于前端工程师的技术背景和AI工程化趋势，建议优先选择 **方向3（基于AI工具链构建Agent智能体应用）** 或 **方向4（通过提示词工程优化大模型生成结果）**。这两个方向与前端工程化能力结合度高、落地场景明确且市场需求快速增长，以下是具体分析和学习计划： --- 一、方向选择建议 **推荐...Fri, 28 Feb 2025 04:58:20 GMThttps://raclen.cyou/blog/2025-02-21-164-%E5%9C%A8-windows-%E7%B3%BB%E7%BB%9F%E4%B8%8B%E4%BD%BF%E7%94%A8-vs-code-%E8%BF%9B%E8%A1%8C-javascripttypescript-%E5%BC%80%E5%8F%91/https://raclen.cyou/blog/2025-02-21-164-%E5%9C%A8-windows-%E7%B3%BB%E7%BB%9F%E4%B8%8B%E4%BD%BF%E7%94%A8-vs-code-%E8%BF%9B%E8%A1%8C-javascripttypescript-%E5%BC%80%E5%8F%91/一、基础配置与激活 1. **安装插件** 在 VS Code 扩展商店中搜索并安装 和 插件。 2. **登录与激活** 使用 GitHub 账号登录并激活免费版（每月 2000 次代码补全 + 50 次聊天对话）或付费计划。 --- 二、核心使用技巧 1. **代码生成与...Fri, 21 Feb 2025 03:28:08 GMThttps://raclen.cyou/blog/2025-02-18-163-reqable%E5%B0%86https%E8%AF%B7%E6%B1%82%E8%BD%AC%E5%8F%91%E5%88%B0%E6%9C%AC%E5%9C%B0/https://raclen.cyou/blog/2025-02-18-163-reqable%E5%B0%86https%E8%AF%B7%E6%B1%82%E8%BD%AC%E5%8F%91%E5%88%B0%E6%9C%AC%E5%9C%B0/工具 - 重写 - 重定向 参考 https://reqable.com/zh-CN/docs/capture/rewrite#redirect 微信小程序抓包 登录的时候选择127.0.0.1:9000 打开Reqable ，比如韭圈儿小程序的数据 通过脚本修改返回值 onReque...Tue, 18 Feb 2025 08:51:35 GMThttps://raclen.cyou/blog/2025-02-13-162-a%E8%82%A1%E5%81%9At%E7%AD%96%E7%95%A5%E5%AE%9E%E7%8E%B010%E5%B9%B4%E5%8C%96%E6%94%B6%E7%9B%8A%E7%9A%84%E6%B7%B1%E5%BA%A6%E5%88%86%E6%9E%90%E4%B8%8E%E8%A7%84%E5%88%92/https://raclen.cyou/blog/2025-02-13-162-a%E8%82%A1%E5%81%9At%E7%AD%96%E7%95%A5%E5%AE%9E%E7%8E%B010%E5%B9%B4%E5%8C%96%E6%94%B6%E7%9B%8A%E7%9A%84%E6%B7%B1%E5%BA%A6%E5%88%86%E6%9E%90%E4%B8%8E%E8%A7%84%E5%88%92/<div data-v-53cd9be5=...Thu, 13 Feb 2025 08:02:25 GMThttps://raclen.cyou/blog/2025-02-13-161-%E6%9E%84%E5%BB%BA%E6%94%BB%E5%AE%88%E5%85%BC%E5%A4%87%E7%9A%84%E6%8A%95%E8%B5%84%E7%BB%84%E5%90%88%E4%BD%8E%E6%B3%A2%E7%BA%A2%E5%88%A9%E6%8C%87%E6%95%B0%E4%B8%AD%E8%AF%81800%E6%8C%87%E6%95%B0%E4%B8%8E%E5%9B%BD%E5%80%BAetf%E7%9A%84%E5%AE%8C%E7%BE%8E%E8%9E%8D%E5%90%88/https://raclen.cyou/blog/2025-02-13-161-%E6%9E%84%E5%BB%BA%E6%94%BB%E5%AE%88%E5%85%BC%E5%A4%87%E7%9A%84%E6%8A%95%E8%B5%84%E7%BB%84%E5%90%88%E4%BD%8E%E6%B3%A2%E7%BA%A2%E5%88%A9%E6%8C%87%E6%95%B0%E4%B8%AD%E8%AF%81800%E6%8C%87%E6%95%B0%E4%B8%8E%E5%9B%BD%E5%80%BAetf%E7%9A%84%E5%AE%8C%E7%BE%8E%E8%9E%8D%E5%90%88/<div data-v-53cd9be5=...Thu, 13 Feb 2025 04:16:12 GMThttps://raclen.cyou/blog/2025-02-11-160-windows-%E7%B3%BB%E7%BB%9F%E4%B8%8B%E7%9A%84-javascripttypescript-%E5%BC%80%E5%8F%91%E8%80%85cursor-%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7/https://raclen.cyou/blog/2025-02-11-160-windows-%E7%B3%BB%E7%BB%9F%E4%B8%8B%E7%9A%84-javascripttypescript-%E5%BC%80%E5%8F%91%E8%80%85cursor-%E4%BD%BF%E7%94%A8%E6%8A%80%E5%B7%A7/**🖥️ Windows 快捷键适配** | 功能 | 快捷键 (Windows) | |--------------------------|-----------------------| | 生成/修改代码 | ...Tue, 11 Feb 2025 11:01:46 GMThttps://raclen.cyou/blog/2025-02-08-159-%E5%A6%82%E4%BD%95%E5%9C%A8-express-%E4%B8%AD%E9%9B%86%E6%88%90-apollo-server%E5%B9%B6%E5%9C%A8%E5%89%8D%E7%AB%AF%E6%89%A7%E8%A1%8C-graphql-%E6%9F%A5%E8%AF%A2/https://raclen.cyou/blog/2025-02-08-159-%E5%A6%82%E4%BD%95%E5%9C%A8-express-%E4%B8%AD%E9%9B%86%E6%88%90-apollo-server%E5%B9%B6%E5%9C%A8%E5%89%8D%E7%AB%AF%E6%89%A7%E8%A1%8C-graphql-%E6%9F%A5%E8%AF%A2/在现代 Web 开发中， GraphQL 已成为替代传统 REST API 的强大工具。 Apollo Server<...Sat, 08 Feb 2025 03:05:43 GMThttps://raclen.cyou/blog/2025-02-03-158-2025%E5%B9%B4%E6%9C%80%E6%96%B0ai%E5%BA%94%E7%94%A8%E4%BD%93%E9%AA%8C%E6%8C%87%E5%8D%97%E9%9B%B6%E9%97%A8%E6%A7%9B%E6%8E%A2%E7%B4%A2%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E7%9A%84%E5%A5%87%E5%A6%99%E4%B8%96%E7%95%8C/https://raclen.cyou/blog/2025-02-03-158-2025%E5%B9%B4%E6%9C%80%E6%96%B0ai%E5%BA%94%E7%94%A8%E4%BD%93%E9%AA%8C%E6%8C%87%E5%8D%97%E9%9B%B6%E9%97%A8%E6%A7%9B%E6%8E%A2%E7%B4%A2%E4%BA%BA%E5%B7%A5%E6%99%BA%E8%83%BD%E7%9A%84%E5%A5%87%E5%A6%99%E4%B8%96%E7%95%8C/人工智能（AI）正以惊人的速度渗透到我们的日常生活。无论是创作艺术、生成音乐，还是提升工作效率，AI工具已成为爱好者和普通用户探索未来的桥梁。本文整理了**零门槛/低门槛的AI应用清单**，涵盖生成式AI、创意工具、趣味互动等热门领域，无需编程基础即可轻松上手，助你快速踏入AI的奇妙世界！ --- ...Mon, 03 Feb 2025 15:23:11 GMThttps://raclen.cyou/blog/2025-01-23-157-%E5%9C%A8%E6%95%B0%E5%AD%97%E8%B4%A7%E5%B8%81%E4%BA%A4%E6%98%93%E4%B8%AD%E4%BD%BF%E7%94%A81h%E7%9A%84k%E7%BA%BF%E6%95%B0%E6%8D%AE%E8%B6%8B%E5%8A%BF%E8%BF%BD%E8%B8%AA%E7%AD%96%E7%95%A5%E6%90%AD%E9%85%8D%E5%93%AA%E4%BA%9B%E7%AD%96%E7%95%A5%E6%AF%94%E8%BE%83%E9%80%82%E5%90%88/https://raclen.cyou/blog/2025-01-23-157-%E5%9C%A8%E6%95%B0%E5%AD%97%E8%B4%A7%E5%B8%81%E4%BA%A4%E6%98%93%E4%B8%AD%E4%BD%BF%E7%94%A81h%E7%9A%84k%E7%BA%BF%E6%95%B0%E6%8D%AE%E8%B6%8B%E5%8A%BF%E8%BF%BD%E8%B8%AA%E7%AD%96%E7%95%A5%E6%90%AD%E9%85%8D%E5%93%AA%E4%BA%9B%E7%AD%96%E7%95%A5%E6%AF%94%E8%BE%83%E9%80%82%E5%90%88/在数字货币交易中，使用 **1小时（1H）K线数据**进行趋势追踪策略，可以搭配其他策略来提高交易的成功率和稳定性。由于1小时周期属于较短的时间框架，市场波动可能更频繁且容易受到噪声影响。因此，单独依赖趋势追踪可能会面临较高的假信号风险，最佳做法是将趋势追踪与其他策略或工具结合，形成多维度的判断。 ...Thu, 23 Jan 2025 08:21:25 GMThttps://raclen.cyou/blog/2025-01-23-156-%E8%B6%8B%E5%8A%BF%E8%BF%BD%E8%B8%AA%E7%AD%96%E7%95%A5%E4%B8%8E%E5%9D%87%E5%80%BC%E5%9B%9E%E5%BD%92%E7%AD%96%E7%95%A5%E5%AE%83%E4%BB%AC%E4%BC%9A%E5%90%8C%E6%97%B6%E6%BB%A1%E8%B6%B3%E5%90%97/https://raclen.cyou/blog/2025-01-23-156-%E8%B6%8B%E5%8A%BF%E8%BF%BD%E8%B8%AA%E7%AD%96%E7%95%A5%E4%B8%8E%E5%9D%87%E5%80%BC%E5%9B%9E%E5%BD%92%E7%AD%96%E7%95%A5%E5%AE%83%E4%BB%AC%E4%BC%9A%E5%90%8C%E6%97%B6%E6%BB%A1%E8%B6%B3%E5%90%97/在金融市场交易中，**趋势追踪策略**和**均值回归策略**是两种截然不同的交易理念，它们分别基于对价格变化的不同假设，广泛用于捕捉市场机会。然而，由于它们本质上的逻辑冲突，许多人好奇：这两种策略是否可能在某些情况下**同时成立**？如果可能，又该如何应对这种复杂情况呢？本文将带你深入了解这两种策略...Thu, 23 Jan 2025 07:53:42 GMThttps://raclen.cyou/blog/2025-01-19-155-zero-trust-%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/https://raclen.cyou/blog/2025-01-19-155-zero-trust-%E5%86%85%E7%BD%91%E7%A9%BF%E9%80%8F/https://blog.csdn.net/qq_44980517/article/details/142482209Sun, 19 Jan 2025 15:20:16 GMThttps://raclen.cyou/blog/2025-01-18-154-%E5%85%8D%E8%B4%B9%E6%89%98%E7%AE%A1nodejs%E5%BA%94%E7%94%A8/https://raclen.cyou/blog/2025-01-18-154-%E5%85%8D%E8%B4%B9%E6%89%98%E7%AE%A1nodejs%E5%BA%94%E7%94%A8/- cloudflare -- edge模式 - vercel - render - Deno Deploy - Netlify - https://layerzero.network/ - https://bejamas.com/get-in-touchSat, 18 Jan 2025 12:46:39 GMThttps://raclen.cyou/blog/2025-01-08-153-2025%E5%B9%B4%E8%AE%A1%E5%88%92/https://raclen.cyou/blog/2025-01-08-153-2025%E5%B9%B4%E8%AE%A1%E5%88%92/量化交易 贝叶斯+量价关系+nodejs自动交易 https://mp.weixin.qq.com/s/kaFo7zGoeTrDw8zXQJMgiA ETH自动化交易Wed, 08 Jan 2025 02:18:59 GMThttps://raclen.cyou/blog/2025-01-07-152-%E5%9C%A8next%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9Fgetstaticprops-markdown-%E6%96%87%E4%BB%B6%E5%8A%A0%E8%BD%BD%E5%8D%9A%E5%AE%A2%E5%86%85%E5%AE%B9/https://raclen.cyou/blog/2025-01-07-152-%E5%9C%A8next%E4%B8%AD%E4%BD%BF%E7%94%A8%E6%96%87%E4%BB%B6%E7%B3%BB%E7%BB%9Fgetstaticprops-markdown-%E6%96%87%E4%BB%B6%E5%8A%A0%E8%BD%BD%E5%8D%9A%E5%AE%A2%E5%86%85%E5%AE%B9/要在 Next.js 中使用文件系统加载博客内容，可以结合 和 Markdown 文件来实现。以下是一个基本示例，展示如何使用这些功能： 1. **安装必要的依赖**： 首先，需要安装一些用于解析 Markdown 的依赖项： - 用于解析 Markdow...Tue, 07 Jan 2025 12:26:26 GMThttps://raclen.cyou/blog/2024-12-31-151-%E5%9C%A8-nodejs-%E4%B8%AD%E4%BD%BF%E7%94%A8-typescript-%E7%9A%84%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/https://raclen.cyou/blog/2024-12-31-151-%E5%9C%A8-nodejs-%E4%B8%AD%E4%BD%BF%E7%94%A8-typescript-%E7%9A%84%E6%9C%80%E4%BD%B3%E5%AE%9E%E8%B7%B5/TypeScript 是 JavaScript 的超集，它通过静态类型检查和更强大的开发工具支持，帮助开发者提升代码质量。在 Node.js 项目中使用 TypeScript 是非常常见的选择，下面是一个完整的指南，教你如何将 TypeScript 集成到 Node.js 项目中。 --- ...Tue, 31 Dec 2024 11:21:25 GMThttps://raclen.cyou/blog/2024-12-28-150-yahoo-finance2%E7%9A%84chart%E6%96%B9%E6%B3%95/https://raclen.cyou/blog/2024-12-28-150-yahoo-finance2%E7%9A%84chart%E6%96%B9%E6%B3%95/是一个用于获取雅虎财经数据的 JavaScript 库。 方法用于获取股票或其他金融工具的价格图表数据。以下是 方法的所有输入参数和输出参数的解释： 输入参数 - (string): 要获取图表数据的股票或金融工具的符号。例如， 代表苹果公司。 - (object): 一个...Sat, 28 Dec 2024 05:50:56 GMThttps://raclen.cyou/blog/2024-12-28-149-yahoo-finance-%E7%9A%84-search%E6%96%B9%E6%B3%95/https://raclen.cyou/blog/2024-12-28-149-yahoo-finance-%E7%9A%84-search%E6%96%B9%E6%B3%95/好的，我会将该文档翻译成中文，并添加参数注释，整理成博客文章。 --- 搜索功能 用法： **注意：** 上述示例输出并未涵盖所有可能的返回结果，这些结果可能会因资产类型甚至交易时段（交易期间）而异。有关我们涵盖的所有内容以及您可能获得的返回结果的详尽列表，请参阅 h...Sat, 28 Dec 2024 05:42:12 GMThttps://raclen.cyou/blog/2024-12-28-148-%E4%BD%BF%E7%94%A8-yahoo-finance-%E7%9A%84-quote-%E6%96%B9%E6%B3%95%E8%BF%9B%E8%A1%8C%E9%87%91%E8%9E%8D%E6%95%B0%E6%8D%AE%E6%9F%A5%E8%AF%A2/https://raclen.cyou/blog/2024-12-28-148-%E4%BD%BF%E7%94%A8-yahoo-finance-%E7%9A%84-quote-%E6%96%B9%E6%B3%95%E8%BF%9B%E8%A1%8C%E9%87%91%E8%9E%8D%E6%95%B0%E6%8D%AE%E6%9F%A5%E8%AF%A2/在金融数据查询中， 是一个非常强大的工具，它提供了丰富的功能用于获取各种类型的金融市场数据。其中， 方法可以帮助开发者快速查询股票、期权等资产的详细信息。本文将介绍 方法的使用方式，包括其输入参数、返回数据结构以及各字段的具体含义。 --- ** 方法的使用** **基本用法**...Sat, 28 Dec 2024 05:30:52 GMThttps://raclen.cyou/blog/2024-12-25-147-javascript-%E4%B8%AD%E7%9A%84%E7%A9%BA%E5%80%BC%E5%90%88%E5%B9%B6%E8%BF%90%E7%AE%97%E7%AC%A6%E5%AE%8C%E5%85%A8%E6%8C%87%E5%8D%97/https://raclen.cyou/blog/2024-12-25-147-javascript-%E4%B8%AD%E7%9A%84%E7%A9%BA%E5%80%BC%E5%90%88%E5%B9%B6%E8%BF%90%E7%AE%97%E7%AC%A6%E5%AE%8C%E5%85%A8%E6%8C%87%E5%8D%97/引言 在 JavaScript/TypeScript 开发中，我们经常需要处理可能为空值的变量。ES2020 引入的空值合并运算符（??）为我们提供了一种优雅的方式来处理这些情况。让我们深入了解这个强大的运算符。 什么是空值合并运算符(??) 空值合并运算符(??)是一个逻辑运算符，当...Wed, 25 Dec 2024 09:37:01 GMThttps://raclen.cyou/blog/2024-12-25-146-react-%E4%B8%AD%E6%A8%A1%E5%9D%97%E4%BD%9C%E7%94%A8%E5%9F%9F%E5%8F%98%E9%87%8F%E7%9A%84%E5%8F%AF%E8%AE%BF%E9%97%AE%E6%80%A7%E5%88%86%E6%9E%90/https://raclen.cyou/blog/2024-12-25-146-react-%E4%B8%AD%E6%A8%A1%E5%9D%97%E4%BD%9C%E7%94%A8%E5%9F%9F%E5%8F%98%E9%87%8F%E7%9A%84%E5%8F%AF%E8%AE%BF%E9%97%AE%E6%80%A7%E5%88%86%E6%9E%90/在 React 开发中，我们经常需要处理全局状态管理的问题。今天，让我们深入探讨一个有趣的问题：**没有被 export 的模块级变量是否可以被其他文件访问？** 模块作用域变量的访问性 让我们通过一个具体的示例来分析这个问题： 这个变量虽然没有被直接导出，但是它可以通过以...Wed, 25 Dec 2024 09:24:57 GMThttps://raclen.cyou/blog/2024-12-24-145-%E5%A6%82%E4%BD%95%E5%9C%A8-react-%E4%B8%AD%E7%AE%A1%E7%90%86%E5%BC%B9%E7%AA%97%E7%8A%B6%E6%80%81%E4%B8%89%E7%A7%8D%E6%96%B9%E6%B3%95%E7%9A%84%E7%A4%BA%E4%BE%8B/https://raclen.cyou/blog/2024-12-24-145-%E5%A6%82%E4%BD%95%E5%9C%A8-react-%E4%B8%AD%E7%AE%A1%E7%90%86%E5%BC%B9%E7%AA%97%E7%8A%B6%E6%80%81%E4%B8%89%E7%A7%8D%E6%96%B9%E6%B3%95%E7%9A%84%E7%A4%BA%E4%BE%8B/如何在 React 中管理弹窗状态：三种方法的示例 在 React 中管理弹窗的状态有多种方法。本文将介绍三种常用的方法，并通过简单的示例代码进行演示。这三种方法分别是： 1. **使用存储 State 更新函数的引用** 2. **使用 Context API** 3. **使用 ...Tue, 24 Dec 2024 08:35:04 GMThttps://raclen.cyou/blog/2024-11-20-144-git-stash%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95/https://raclen.cyou/blog/2024-11-20-144-git-stash%E7%9A%84%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95/是 Git 中的一个非常有用的命令，它可以临时保存当前工作目录的修改，并将工作目录恢复到干净的状态。这样你可以在不提交这些修改的情况下切换分支或执行其他任务。下面是 的详细用法和常见操作： 基本用法 1. **保存当前修改**： 或者： 这会...Wed, 20 Nov 2024 07:26:05 GMThttps://raclen.cyou/blog/2024-11-14-143-flutter%E5%85%A5%E9%97%A8/https://raclen.cyou/blog/2024-11-14-143-flutter%E5%85%A5%E9%97%A8/目标 把FlClash跑起来 前期准备 1.环境搭建 2.代码调试 3.代码打包 参考 (https://docs.flutter.cn/resources/inside-flutter)[官方文档] (https://book.flutterchina.club/cha...Thu, 14 Nov 2024 06:28:45 GMThttps://raclen.cyou/blog/2024-10-25-142-%E5%A6%82%E4%BD%95%E5%88%A9%E7%94%A8-google-%E6%90%9C%E7%B4%A2%E6%8A%80%E5%B7%A7%E6%8F%90%E9%AB%98%E5%B7%A5%E4%BD%9C%E6%95%88%E7%8E%87/https://raclen.cyou/blog/2024-10-25-142-%E5%A6%82%E4%BD%95%E5%88%A9%E7%94%A8-google-%E6%90%9C%E7%B4%A2%E6%8A%80%E5%B7%A7%E6%8F%90%E9%AB%98%E5%B7%A5%E4%BD%9C%E6%95%88%E7%8E%87/善用 Google 搜索技巧可以显著提升工作效率，帮助你快速找到所需资料、解决问题或获取最新信息。以下是一些方法和场景示例，可以结合 Google 搜索技巧高效完成工作任务： 1. **快速查找编程解决方案** - **精确问题定位**：在搜索代码问题时，使用双引号框住错误信息或特定代...Fri, 25 Oct 2024 08:08:54 GMThttps://raclen.cyou/blog/2024-10-12-141-git-%E5%9B%9E%E9%80%80%E6%9C%80%E8%BF%91%E4%B8%80%E6%AC%A1%E7%9A%84%E6%9C%AC%E5%9C%B0commit/https://raclen.cyou/blog/2024-10-12-141-git-%E5%9B%9E%E9%80%80%E6%9C%80%E8%BF%91%E4%B8%80%E6%AC%A1%E7%9A%84%E6%9C%AC%E5%9C%B0commit/使用场景： 如果本地提交冲突导致push不了，可以回退后，检查一下。 要回退最近一次的本地 Git commit，可以使用以下方法： 1. **回退最近一次的提交，但保留改动** 如果你想撤销最近的一次提交，但保留文件的改动（即将改动回到暂存区），你可以使用以下命令： ...Sat, 12 Oct 2024 08:15:30 GMThttps://raclen.cyou/blog/2024-09-27-140-%E5%89%8D%E7%AB%AFserver-sent-events%E9%80%9A%E4%BF%A1/https://raclen.cyou/blog/2024-09-27-140-%E5%89%8D%E7%AB%AFserver-sent-events%E9%80%9A%E4%BF%A1/先看效果图 后端需要两个接口，一个post协议，一个sse 下面是node代码，使用express data: Connection established\n\ndata: ${message}\n\nServer time: ${new Date().toLocaleTimeS...Fri, 27 Sep 2024 02:16:47 GMThttps://raclen.cyou/blog/2024-09-25-139-typescript-%E4%B8%8E-react-%E7%BB%93%E5%90%88%E5%B8%B8%E8%A7%81%E7%9A%84%E7%94%A8%E6%B3%95/https://raclen.cyou/blog/2024-09-25-139-typescript-%E4%B8%8E-react-%E7%BB%93%E5%90%88%E5%B8%B8%E8%A7%81%E7%9A%84%E7%94%A8%E6%B3%95/TypeScript 与 React 结合，可以为组件的 Props、State 和事件处理函数等添加强类型约束，这有助于提高代码的可读性和可靠性。以下是一些常见的 TypeScript 与 React 组件结合的示例。 1. **函数式组件（Function Component）** ...Wed, 25 Sep 2024 08:47:59 GMThttps://raclen.cyou/blog/2024-09-25-138-typescript%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95/https://raclen.cyou/blog/2024-09-25-138-typescript%E5%9F%BA%E6%9C%AC%E7%94%A8%E6%B3%95/TypeScript基本用法Wed, 25 Sep 2024 08:41:05 GMThttps://raclen.cyou/blog/2024-07-25-137-%E4%BB%80%E4%B9%88%E5%8F%AB%E5%81%9A5w2h%E6%B3%95/https://raclen.cyou/blog/2024-07-25-137-%E4%BB%80%E4%B9%88%E5%8F%AB%E5%81%9A5w2h%E6%B3%95/5W2H法是一种用于分析和解决问题的工具，特别常用于项目管理、质量管理和决策制定。这个方法通过回答七个关键问题，帮助人们全面理解问题并制定有效的解决方案。这七个问题包括： 1. **What（是什么）**：问题或任务是什么？需要解决的问题或完成的任务的具体内容是什么？ 2. **Why（为什...Thu, 25 Jul 2024 02:29:27 GMThttps://raclen.cyou/blog/2024-07-18-136-git-rebase-%E5%92%8Cgit-merge-%E5%8C%BA%E5%88%AB/https://raclen.cyou/blog/2024-07-18-136-git-rebase-%E5%92%8Cgit-merge-%E5%8C%BA%E5%88%AB/在 Git 中， 和 都是用来整合分支的方法，但它们的工作原理和结果有所不同。以下是它们的主要区别： 1. 工作原理 - **git rebase**：将一个分支上的提交应用到另一个分支的基础上。具体来说，它会先找到两个分支的共同祖先，然后将当前分支（通常是一个特性分支）的提交一个一个地取...Thu, 18 Jul 2024 02:28:58 GMThttps://raclen.cyou/blog/2024-06-22-135-amazon-ec2-%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%AE%89%E8%A3%85%E5%92%8C%E8%BF%90%E8%A1%8C-v2ray/https://raclen.cyou/blog/2024-06-22-135-amazon-ec2-%E4%BA%91%E6%9C%8D%E5%8A%A1%E5%99%A8%E5%AE%89%E8%A3%85%E5%92%8C%E8%BF%90%E8%A1%8C-v2ray/步骤1：启动 EC2 实例 1. **登录到 AWS 管理控制台**：访问 并登录。 2. **导航到 EC2 服务**：在控制台主页，找到并点击“EC2”服务。 3. **启动实例**： - 点击“Launch Instance”按钮。 - 选择一个 Amazon Ma...Sat, 22 Jun 2024 10:40:38 GMThttps://raclen.cyou/blog/2024-06-18-134-telegrambot-%E6%9C%89%E5%93%AA%E4%BA%9B%E6%96%B9%E6%B3%95/https://raclen.cyou/blog/2024-06-18-134-telegrambot-%E6%9C%89%E5%93%AA%E4%BA%9B%E6%96%B9%E6%B3%95/是一个用于与 Telegram Bot API 交互的 Node.js 库。它提供了丰富的接口，支持各种 Telegram 机器人的功能。 类是核心类，包含了大量的方法来处理与 Telegram 机器人的交互。 以下是 类中常用的方法及其功能概述： 常用方法 1. **发送消息*...Tue, 18 Jun 2024 16:00:39 GMThttps://raclen.cyou/blog/2024-06-18-133-%E5%9B%BD%E5%86%85%E8%B0%83%E7%94%A8%E7%94%B5%E6%8A%A5%E6%9C%BA%E5%99%A8%E4%BA%BAapi%E5%A4%B1%E8%B4%A5%E6%80%8E%E4%B9%88%E5%8A%9E/https://raclen.cyou/blog/2024-06-18-133-%E5%9B%BD%E5%86%85%E8%B0%83%E7%94%A8%E7%94%B5%E6%8A%A5%E6%9C%BA%E5%99%A8%E4%BA%BAapi%E5%A4%B1%E8%B4%A5%E6%80%8E%E4%B9%88%E5%8A%9E/问题分析 在代码中你遇到了 错误，这表示在 库的使用过程中出现了问题。这个问题的出现可能是由于 库的版本变化或者导入方式不正确导致的。 同时， 错误说明在尝试连接到 端口时连接被拒绝，这通常是因为代理服务器的地址或端口不正确，或代理服务器没有启动。 解决方案 1. 修...Tue, 18 Jun 2024 15:45:18 GMThttps://raclen.cyou/blog/2024-06-17-132-ubuntu%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%85%8D%E7%BD%AEnode%E7%8E%AF%E5%A2%83/https://raclen.cyou/blog/2024-06-17-132-ubuntu%E6%9C%8D%E5%8A%A1%E5%99%A8%E9%85%8D%E7%BD%AEnode%E7%8E%AF%E5%A2%83/VPS 服务器部署指南 本指南将带您一步一步地完成在Vultr VPS服务器上部署一个简单Node.js应用的过程。从购买VPS服务器到部署和管理Node.js应用，我们将详细介绍每一个步骤。 1. 购买VPS服务器 首先，访问 购买一个VPS服务器。选择合适的配置，根据预算和需...Mon, 17 Jun 2024 16:27:40 GMThttps://raclen.cyou/blog/2024-06-17-131-%E4%BD%BF%E7%94%A8nodejs%E6%8A%93%E5%8F%96%E6%9F%90%E4%B8%AAtelegram%E9%A2%91%E9%81%93%E7%9A%84%E6%95%B0%E6%8D%AE/https://raclen.cyou/blog/2024-06-17-131-%E4%BD%BF%E7%94%A8nodejs%E6%8A%93%E5%8F%96%E6%9F%90%E4%B8%AAtelegram%E9%A2%91%E9%81%93%E7%9A%84%E6%95%B0%E6%8D%AE/在 Node.js 中抓取 Telegram 频道的数据可以通过使用 的 JavaScript 等效库 和 实现。这些库允许我们与 Telegram 的 API 交互，获取频道的消息。下面是使用 和 的详细步骤。 方法一：使用 库 库提供了对 Telegram API 的高...Mon, 17 Jun 2024 12:08:11 GMThttps://raclen.cyou/blog/2021-03-29-130-%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%9A%84%E5%8D%81%E5%A4%A7%E5%8E%9F%E7%90%86/https://raclen.cyou/blog/2021-03-29-130-%E7%BB%8F%E6%B5%8E%E5%AD%A6%E7%9A%84%E5%8D%81%E5%A4%A7%E5%8E%9F%E7%90%86/经济学的十大原理是美国经济学家格里高利·曼昆（N. Gregory Mankiw）在他的著作《经济学原理》中提出的。这些原理涵盖了微观经济学和宏观经济学的基本概念，帮助人们理解经济活动的基本规律和经济学分析的方法。以下是对这十大原理的浅析： 1. 人们面对权衡取舍 **原理**：为了得到...Mon, 29 Mar 2021 07:09:20 GMThttps://raclen.cyou/blog/2020-06-30-129-nginx/https://raclen.cyou/blog/2020-06-30-129-nginx/安装 windows版本 http://nginx-win.ecsds.eu/download/ 启动，关闭的命令 nginx配置 /product-poimanagement 注意 listen 的端口和location里面的端口不能一样，否则会出现 错误 错误处理 里面有...Tue, 30 Jun 2020 02:44:12 GMThttps://raclen.cyou/blog/2020-04-07-128-%E9%9A%8F%E7%AC%94/https://raclen.cyou/blog/2020-04-07-128-%E9%9A%8F%E7%AC%94/- 只要是用户输入的地方，都要去除空格 - IE10以下浏览器GET方式请求接口参数不变，会出现缓存，造成请求结果不对，它们好像把接口也当成普通http链接了，解决办法参数加一个时间戳 - BEM命名 可以解决取名字难得问题，只要有一个顶层的block名字，就用“-”一直往下排，不可再分的时候就...Tue, 07 Apr 2020 02:02:48 GMThttps://raclen.cyou/blog/2020-03-24-127-%E4%B8%80%E4%BA%9B%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/https://raclen.cyou/blog/2020-03-24-127-%E4%B8%80%E4%BA%9B%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/一些代码片段Tue, 24 Mar 2020 02:53:55 GMThttps://raclen.cyou/blog/2020-03-21-126-express%E7%9F%A5%E8%AF%86%E6%95%B4%E7%90%86/https://raclen.cyou/blog/2020-03-21-126-express%E7%9F%A5%E8%AF%86%E6%95%B4%E7%90%86/路由 和同时存在，谁写在前面执行谁，如果会执行下一个，否则不执行下一个 中间件 模板 设置模板文件为html 设置静态文件目录 这里可以设置多个，第一个参数为路由字符串 错误处理Sat, 21 Mar 2020 07:32:13 GMThttps://raclen.cyou/blog/2019-09-27-125-promise%E7%9A%84%E5%AE%9E%E7%8E%B0/https://raclen.cyou/blog/2019-09-27-125-promise%E7%9A%84%E5%AE%9E%E7%8E%B0/没懂，先记下来，后面再理解 原文 https://mp.weixin.qq.com/s/qdJ0Xd8zTgtetFdlJL3P1gFri, 27 Sep 2019 01:45:17 GMThttps://raclen.cyou/blog/2019-09-25-124-call%E5%92%8Capply%E4%BB%A5%E5%8F%8Abind%E7%9A%84%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0/https://raclen.cyou/blog/2019-09-25-124-call%E5%92%8Capply%E4%BB%A5%E5%8F%8Abind%E7%9A%84%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0/call和apply以及bind的简单实现Wed, 25 Sep 2019 03:49:28 GMThttps://raclen.cyou/blog/2019-09-23-123-%E9%98%B2%E6%8A%96%E5%92%8C%E8%8A%82%E6%B5%81%E7%9A%84%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0/https://raclen.cyou/blog/2019-09-23-123-%E9%98%B2%E6%8A%96%E5%92%8C%E8%8A%82%E6%B5%81%E7%9A%84%E7%AE%80%E5%8D%95%E5%AE%9E%E7%8E%B0/先说一下我的理解 防抖（debounce） 先判断，后执行，没有操作某时间后执行 节流（throttle） 先执行，再判断。先执行一次，某时间内，操作无效，某时间后，可以执行 扩展阅读Mon, 23 Sep 2019 10:22:02 GMThttps://raclen.cyou/blog/2019-09-21-122-%E9%94%99%E9%A2%98%E9%9B%86/https://raclen.cyou/blog/2019-09-21-122-%E9%94%99%E9%A2%98%E9%9B%86/1. 时间传播的三个阶段是什么 捕获-目标-冒泡 2. 所有对象都有原型 （错误） 原因：除了基础对象外 3. 对象相等都是false（{name:'aa'}=={name:'aa'}//false） 4. 代码示例 5. 下面代码的输出是什么? 6. 一段代码 7....Sat, 21 Sep 2019 10:46:14 GMThttps://raclen.cyou/blog/2019-09-20-121-objectdefineproperty%E5%92%8Cproxy/https://raclen.cyou/blog/2019-09-20-121-objectdefineproperty%E5%92%8Cproxy/${hero.name}${hero.name}to ${value} 扩展阅读Fri, 20 Sep 2019 09:07:08 GMThttps://raclen.cyou/blog/2019-09-19-120-script%E6%A0%87%E7%AD%BE%E4%B8%ADdefer%E5%92%8Casync/https://raclen.cyou/blog/2019-09-19-120-script%E6%A0%87%E7%AD%BE%E4%B8%ADdefer%E5%92%8Casync/script 这段代码的含义是: 在文档资源执行完毕后, 然后 、 并发下载(浏览器机制), 顺序执行。 下面这种写法与上面这种写法效果相同: 注意到关键词 , 它的特点如下: * 并发下载, ; * 渲染完再执行; 再来看如下写法: 此...Thu, 19 Sep 2019 07:59:56 GMThttps://raclen.cyou/blog/2019-09-13-119-%E8%AE%A4%E8%AF%86generator/https://raclen.cyou/blog/2019-09-13-119-%E8%AE%A4%E8%AF%86generator/示例1 示例2，处理异步 *main()data*main() 示例3，具体看一下异步处理Fri, 13 Sep 2019 13:20:09 GMThttps://raclen.cyou/blog/2019-09-11-118-objectcreate%E5%81%9A%E4%BA%86%E4%BB%80%E4%B9%88/https://raclen.cyou/blog/2019-09-11-118-objectcreate%E5%81%9A%E4%BA%86%E4%BB%80%E4%B9%88/关联两个构造函数的原型,可以在继承或者创建实例（会丢失this）Wed, 11 Sep 2019 02:20:44 GMThttps://raclen.cyou/blog/2019-09-09-117-react-redux%E5%B7%A5%E4%BD%9C%E6%B5%81%E7%A8%8B/https://raclen.cyou/blog/2019-09-09-117-react-redux%E5%B7%A5%E4%BD%9C%E6%B5%81%E7%A8%8B/流程图大概如下 下面看一下，每一步如何实现 1.action和reduces的关系 通过action.type来控制如何操作state，reduces里面就是具体的实现 2.reduces和store的关系 把所有的reduces合并到一起，准备放到sto...Mon, 09 Sep 2019 07:54:48 GMThttps://raclen.cyou/blog/2019-09-09-116-react16%E6%96%B0%E7%89%B9%E6%80%A7/https://raclen.cyou/blog/2019-09-09-116-react16%E6%96%B0%E7%89%B9%E6%80%A7/废弃了一些Api componentWillReceiveProps componentWillMount componentWillUpdate 增加了一些Api static getDerivedStateFromProps(props, state) getSnapshotB...Mon, 09 Sep 2019 07:51:19 GMThttps://raclen.cyou/blog/2019-09-08-115-new%E6%93%8D%E4%BD%9C%E7%AC%A6%E5%81%9A%E4%BA%86%E4%BB%80%E4%B9%88/https://raclen.cyou/blog/2019-09-08-115-new%E6%93%8D%E4%BD%9C%E7%AC%A6%E5%81%9A%E4%BA%86%E4%BB%80%E4%B9%88/先看一段代码 了之后返回了一个对象，该对象可以调用构造函数的方法，以及原型的方法 我们试着来实现 是不建议使用的，推荐使用，晚点我们来看下用这个怎么实现Sun, 08 Sep 2019 12:31:20 GMThttps://raclen.cyou/blog/2019-09-08-114-%E8%AE%A4%E8%AF%86proto%E5%92%8Cprototype/https://raclen.cyou/blog/2019-09-08-114-%E8%AE%A4%E8%AF%86proto%E5%92%8Cprototype/首先来批评一下这张图吧，画的真差，看睡着了，醒过来才看懂 我们给它标个序号，来分析一下 举个例子 第一步： 第二步： 这一步没有谁等于谁，谁指向谁 第三步： 第四步： 第五步： 这一步没有谁等于谁，谁指向谁 第六步： 第七步： 这一步没有谁...Sun, 08 Sep 2019 10:32:11 GMThttps://raclen.cyou/blog/2019-01-09-113-fetch%E8%B6%85%E6%97%B6%E5%A4%84%E7%90%86/https://raclen.cyou/blog/2019-01-09-113-fetch%E8%B6%85%E6%97%B6%E5%A4%84%E7%90%86/antd 升级到umi后，也没有对request做超时处理，很奇怪 因fetch本身不支持超时，这里需要用到Promise.race()方法 p1,p2,p3哪个快，就得到的是哪个 antd 的request.js 返回值改造成这样 请求超时 由于fetch不支持中断，这里只是前端拿到一个超时状态，...Wed, 09 Jan 2019 09:31:00 GMThttps://raclen.cyou/blog/2019-01-04-112-%E5%A6%82%E4%BD%95%E7%BC%96%E8%AF%91%E5%90%8E%E8%87%AA%E5%8A%A8%E6%8F%90%E4%BA%A4%E4%BB%A3%E7%A0%81/https://raclen.cyou/blog/2019-01-04-112-%E5%A6%82%E4%BD%95%E7%BC%96%E8%AF%91%E5%90%8E%E8%87%AA%E5%8A%A8%E6%8F%90%E4%BA%A4%E4%BB%A3%E7%A0%81/利用pkg这个特殊的命名 执行 即可Fri, 04 Jan 2019 08:54:00 GMThttps://raclen.cyou/blog/2018-12-06-111-antd-%E5%AE%9E%E7%8E%B0keep-alive/https://raclen.cyou/blog/2018-12-06-111-antd-%E5%AE%9E%E7%8E%B0keep-alive/背景：后台项目需要切换路由的时候保存用户数据 给它们提了issues，官方不考虑加上 就琢磨着怎么实现 antd pro项目 gitbub找了个钩子 找到这个文件 BasicLayout.js 修改为 ScrollToTop.js 切换的时候定位到顶部Thu, 06 Dec 2018 08:12:00 GMThttps://raclen.cyou/blog/2017-09-30-110-%E6%87%82%E7%82%B9bat%E5%91%BD%E4%BB%A4/https://raclen.cyou/blog/2017-09-30-110-%E6%87%82%E7%82%B9bat%E5%91%BD%E4%BB%A4/打开某个文件夹 执行某个命令Sat, 30 Sep 2017 01:26:00 GMThttps://raclen.cyou/blog/2017-04-13-109-iframe%E4%B8%A4%E4%B8%AA%E5%B0%8F%E4%BE%8B%E5%AD%90/https://raclen.cyou/blog/2017-04-13-109-iframe%E4%B8%A4%E4%B8%AA%E5%B0%8F%E4%BE%8B%E5%AD%90/有时候 我们想部分显示iframe里面的内容，比我们的iframe里面只想显示一个网站的股票信息，其它的不想显示，下面这个例子显示一个页面中一块 我们可能希望iframe里面的内容缩放，就像显示缩略图 可以用transform来实现 下面是个例子 参考链接Thu, 13 Apr 2017 06:53:00 GMThttps://raclen.cyou/blog/2017-04-01-108-%E5%85%B3%E4%BA%8E%E6%84%9F%E5%86%92/https://raclen.cyou/blog/2017-04-01-108-%E5%85%B3%E4%BA%8E%E6%84%9F%E5%86%92/有几年没感冒了，最近又感冒了，感觉我每次感冒都症状都一样，发热，浑身无力 现在的我已经可以通过搜索引擎来弄懂一个东西了，现在来了解下这个感冒 首先感冒是经常的事情，大多是病毒性引起，不需要吃药，我也没吃过，但是我每次都比较严重 下面这些药可以缓解感冒症状 普通感冒不需要打吊瓶，可以慢慢好，但是由于...Sat, 01 Apr 2017 08:41:00 GMThttps://raclen.cyou/blog/2017-03-21-107-zepto%E6%BA%90%E7%A0%81%E9%98%85%E8%AF%BB/https://raclen.cyou/blog/2017-03-21-107-zepto%E6%BA%90%E7%A0%81%E9%98%85%E8%AF%BB/zepto考虑的都是现代浏览器，代码相对jquery简洁些 这是早期的代码，很好理解 发现zepto的作者喜欢省略括号，vue的作者喜欢省略分号 把选择的元素放到一个数组里面，位置相关的操作，就相当于超过数组 未完Tue, 21 Mar 2017 09:13:00 GMThttps://raclen.cyou/blog/2017-01-03-106-%E8%AE%B0%E4%B8%80%E4%B8%8Bvuejs/https://raclen.cyou/blog/2017-01-03-106-%E8%AE%B0%E4%B8%80%E4%B8%8Bvuejs/关注Vue也很久了，第一次知道它，对它的印象是小，只有18K。 下面通过这几个例子来介绍它，基于目前最新版本的vue2.X a tips 有的时候 不光模板里面需要用到props里面的值，在methods里面也需要用到，在这我们就可以初始化props的值 定义一个计算属性，处理 prop 的值并返回...Tue, 03 Jan 2017 09:51:00 GMThttps://raclen.cyou/blog/2016-11-24-105-%E7%AE%80%E5%8D%95%E8%AF%B4%E4%B8%80%E4%B8%8Breact/https://raclen.cyou/blog/2016-11-24-105-%E7%AE%80%E5%8D%95%E8%AF%B4%E4%B8%80%E4%B8%8Breact/首先，复杂的配置，编译插件安装，很麻烦，我找了一个脚手架 来写 安装使用 安装完，大概是这样，还是比较简洁的，但是功能很强大，各种编译插件，热加载，打开浏览器都有，src里面可以再细分一下文件夹 写的demo是这样一个功能 index>app>box>liview 使用的ES6的写法，用到...Thu, 24 Nov 2016 07:37:00 GMThttps://raclen.cyou/blog/2016-09-02-104-webpack-%E7%A5%9E%E5%A5%87%E7%9A%84%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7/https://raclen.cyou/blog/2016-09-02-104-webpack-%E7%A5%9E%E5%A5%87%E7%9A%84%E5%89%8D%E7%AB%AF%E5%B7%A5%E5%85%B7/> webpack只是工具不涉及浏览器兼容 最早接触webpack是15年初，那时候也写了几个dome， 但是有模块化的没模块的组合，不知道怎么处理，但是RJS可以处理各种有模块化，没模块化的，就一直用的RJS。废话不多话，开始介绍webpack webpack的基本使用很容易，只要你按照commo...Fri, 02 Sep 2016 09:18:00 GMThttps://raclen.cyou/blog/2016-08-12-103-google-maps%E7%BD%91%E9%A1%B5api%E5%BC%80%E5%8F%91/https://raclen.cyou/blog/2016-08-12-103-google-maps%E7%BD%91%E9%A1%B5api%E5%BC%80%E5%8F%91/通过下面几个例子，一起走进google maps 网页api开发 PS：我查了下V3的api有的说需要key,有的说不需要key，根据文档貌似是需要key的，但是我们公司的的确没用key（然后访问量起来就挂了)。。，以下的预览地址（服务端环境）会提示需要key，拷贝下来本地运行都是可以的 测试数据坐...Fri, 12 Aug 2016 12:13:00 GMThttps://raclen.cyou/blog/2016-07-28-102-%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%BF%98%E5%8F%AF%E4%BB%A5%E8%BF%99%E6%A0%B7%E7%8E%A9/https://raclen.cyou/blog/2016-07-28-102-%E5%AD%97%E7%AC%A6%E4%B8%B2%E8%BF%98%E5%8F%AF%E4%BB%A5%E8%BF%99%E6%A0%B7%E7%8E%A9/这像什么，模板赋值啊，忽然发现一个新大陆，有意思 现在我把它改进了下 顺便说一下，正则的确是很好的工具，有了正则，思路又开阔了些Thu, 28 Jul 2016 06:40:00 GMThttps://raclen.cyou/blog/2016-07-27-101-%E6%95%B4%E7%90%86%E4%B8%80%E4%B8%8B%E8%BF%99%E4%BA%9B%E6%97%A5%E5%8E%86/https://raclen.cyou/blog/2016-07-27-101-%E6%95%B4%E7%90%86%E4%B8%80%E4%B8%8B%E8%BF%99%E4%BA%9B%E6%97%A5%E5%8E%86/这个日历是去年写的，也写了一篇文章介绍 预览地址 这个是根据项目中的代码，整理改编的，依赖较少 预览一下 这个日历是根据改编 去掉了[今天，取消，确定，时分秒]等，我认为没啥用的功能 增加了自定义限制不可选日期 优化了样式 代码可读性强，如果需要增加自定义功能，方便修改源代码 预览地址 这个算是移...Wed, 27 Jul 2016 09:57:00 GMThttps://raclen.cyou/blog/2016-07-20-100-%E6%8F%90%E7%A4%BA%E6%A1%86/https://raclen.cyou/blog/2016-07-20-100-%E6%8F%90%E7%A4%BA%E6%A1%86/发现CSS也能干这事 还是我认为的，CSS结构写的好，就可以少写几行JS，看来CSS写的好，就可以不写JS，我估计还有很多窍门，我得把我的HTML5权威指南看一下了Wed, 20 Jul 2016 03:25:00 GMThttps://raclen.cyou/blog/2016-07-07-099-javascript%E6%95%B0%E7%BB%84%E9%9A%8F%E6%9C%BA%E6%8E%92%E5%BA%8F/https://raclen.cyou/blog/2016-07-07-099-javascript%E6%95%B0%E7%BB%84%E9%9A%8F%E6%9C%BA%E6%8E%92%E5%BA%8F/数组随机排序又叫数组洗牌，我们在做一些抽奖的小游戏会用上 可能我们从来用不上这个，但是，注意了，打起精神，面试可能会遇上哦 延伸阅读Thu, 07 Jul 2016 06:49:00 GMThttps://raclen.cyou/blog/2016-06-30-098-%E5%AD%97%E4%BD%93%E5%85%89%E5%92%8C%E9%A2%9C%E8%89%B2/https://raclen.cyou/blog/2016-06-30-098-%E5%AD%97%E4%BD%93%E5%85%89%E5%92%8C%E9%A2%9C%E8%89%B2/字体 > 1、系统会选择第一个字体，如果没有就用第二个字体，以此类推，所以我们应该在最后一个放一个通用字体，以保证正常显示 > 2、英文字体名应该放在中文的前面，以保证中英文字体不同 > 3、如果字体名有空格应该使用双引号 > 4、中文字体也建议使用英文名，如微软雅黑为Microsoft YaHei...Thu, 30 Jun 2016 02:14:00 GMThttps://raclen.cyou/blog/2016-06-24-097-%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BD%AC%E4%B9%89/https://raclen.cyou/blog/2016-06-24-097-%E5%AD%97%E7%AC%A6%E4%B8%B2%E7%89%B9%E6%AE%8A%E5%AD%97%E7%AC%A6%E8%BD%AC%E4%B9%89/字符串有一些特殊转义字符，所以才造成了上面的情况 下面这个表格统计了可以转义的特殊字符Fri, 24 Jun 2016 06:16:00 GMThttps://raclen.cyou/blog/2016-06-21-096-photoshop%E4%B8%8D%E6%94%B9%E5%8F%98%E5%83%8F%E7%B4%A0%E6%94%B9%E5%8F%98%E5%A4%A7%E5%B0%8F/https://raclen.cyou/blog/2016-06-21-096-photoshop%E4%B8%8D%E6%94%B9%E5%8F%98%E5%83%8F%E7%B4%A0%E6%94%B9%E5%8F%98%E5%A4%A7%E5%B0%8F/切图的时候我们可能会用上精灵图，比如这个 但是随着后续需求的增加，那张图片就放不下那么多图标了，就需要改变那个图片的大小，但是图片的像素，以前的图标位置，不能变 我好像一年没用上了，刚试了下，还记得。为了避免忘记了，记录一下 按下 快捷键Tue, 21 Jun 2016 07:57:00 GMThttps://raclen.cyou/blog/2016-06-20-095-angular%E6%8C%87%E4%BB%A4/https://raclen.cyou/blog/2016-06-20-095-angular%E6%8C%87%E4%BB%A4/前端组件化，angular指令可以帮到我们 指令还是比较复杂，它 一共有这么多参数，先写到这，我只明白其中几个 restrict 值 对应类型 使用方法 <t...Mon, 20 Jun 2016 07:18:00 GMThttps://raclen.cyou/blog/2016-06-20-094-angular%E5%AE%9A%E6%97%B6%E5%99%A8%E4%BD%95%E6%97%B6%E9%94%80%E6%AF%81/https://raclen.cyou/blog/2016-06-20-094-angular%E5%AE%9A%E6%97%B6%E5%99%A8%E4%BD%95%E6%97%B6%E9%94%80%E6%AF%81/在清晨好文章中，给li绑定了一个定时器，每隔三秒给他下一个li加一个样式 但是什么时候清除定时器呢 你可能想到，我在调用之前清除 试过之后就知道不对了 正确的做法是在DOM从页面删除的时候销毁Mon, 20 Jun 2016 06:30:00 GMThttps://raclen.cyou/blog/2016-06-14-093-javascript%E5%B8%B8%E9%97%AE%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/https://raclen.cyou/blog/2016-06-14-093-javascript%E5%B8%B8%E9%97%AE%E4%BB%A3%E7%A0%81%E7%89%87%E6%AE%B5/JavaScript常问代码片段Tue, 14 Jun 2016 06:15:00 GMThttps://raclen.cyou/blog/2016-06-07-092-%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F-%E9%9B%B6%E5%AE%BD%E6%96%AD%E8%A8%80/https://raclen.cyou/blog/2016-06-07-092-%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F-%E9%9B%B6%E5%AE%BD%E6%96%AD%E8%A8%80/先看一下零宽度正预测先行断言（ 格式为 (?=exp) ） 我们来看一下 零宽断言 断言的是后面出现的东西，所以上一个正则表达式永远匹配不到东西 改一下 当我看到这的时候我想这不是和/ab/一个意思了？其实不是的 这里的ab 是\wb 零宽断言一般是放后面匹配的，来看一下这个例子 (?=abc)这...Tue, 07 Jun 2016 05:25:00 GMThttps://raclen.cyou/blog/2016-05-26-091-%E6%88%91%E8%AE%A4%E4%B8%BA%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9Fjavascript%E4%B8%8D%E9%80%82%E5%90%88%E5%BC%80%E5%8F%91/https://raclen.cyou/blog/2016-05-26-091-%E6%88%91%E8%AE%A4%E4%B8%BA%E4%BD%BF%E7%94%A8%E5%8E%9F%E7%94%9Fjavascript%E4%B8%8D%E9%80%82%E5%90%88%E5%BC%80%E5%8F%91/经常看到一些要求会使用原生JavaScript进行开发，我觉得这样并不明智（特别是PC端开发），因为我觉得这样很多东西都要写两遍，不麻烦吗 下面来看看有哪些东西需要写两遍 绑定事件 删除事件 获取事件及事件对象目标 阻止浏览器默认事件的兼容性写法 在数组中很多ES5方法存在兼容性 indexOf()...Thu, 26 May 2016 02:19:00 GMThttps://raclen.cyou/blog/2016-05-18-090-%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8/https://raclen.cyou/blog/2016-05-18-090-%E6%97%A0%E7%BC%9D%E6%BB%9A%E5%8A%A8/因朋友需要，写的一个滚动，挺简单的，就几行代码 演示地址 PS：还记得注册github时候是为了学习git命令，我怕把公司仓库玩坏了。github不光给我们提供代码储存，还提供了一个无限制的静态服务器，是每个前端都应该用的Wed, 18 May 2016 03:01:00 GMThttps://raclen.cyou/blog/2016-05-17-089-dom%E6%93%8D%E4%BD%9C%E6%80%8E%E6%A0%B7%E6%B7%BB%E5%8A%A0%E7%A7%BB%E9%99%A4%E7%A7%BB%E5%8A%A8%E5%A4%8D%E5%88%B6%E5%88%9B%E5%BB%BA%E5%92%8C%E6%9F%A5%E6%89%BE%E8%8A%82%E7%82%B9/https://raclen.cyou/blog/2016-05-17-089-dom%E6%93%8D%E4%BD%9C%E6%80%8E%E6%A0%B7%E6%B7%BB%E5%8A%A0%E7%A7%BB%E9%99%A4%E7%A7%BB%E5%8A%A8%E5%A4%8D%E5%88%B6%E5%88%9B%E5%BB%BA%E5%92%8C%E6%9F%A5%E6%89%BE%E8%8A%82%E7%82%B9/1. 创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 2. 添加、移除、替换、插入 ap...Tue, 17 May 2016 05:49:00 GMThttps://raclen.cyou/blog/2016-05-11-088-%E5%86%8D%E6%9D%A5%E7%9C%8B%E7%9C%8Bextend/https://raclen.cyou/blog/2016-05-11-088-%E5%86%8D%E6%9D%A5%E7%9C%8B%E7%9C%8Bextend/先看看zepto中的用法 API中是这样说 $.extend(target, [source, [source2, ...]]) ⇒ target $.extend(true, target, [source, ...]) ⇒ target v1.0+ 通过源对象扩展目标对象的属性，源对象属...Wed, 11 May 2016 08:09:00 GMThttps://raclen.cyou/blog/2016-05-11-087-trim%E6%98%AF%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E7%9A%84/https://raclen.cyou/blog/2016-05-11-087-trim%E6%98%AF%E6%80%8E%E4%B9%88%E5%AE%9E%E7%8E%B0%E7%9A%84/首先来看看zepto是怎么实现的 它调用了字符串的trim方法来处理【ES5增加的方法】 在jQuery 1.2.6中 使用了正则表达式去掉前后空格 在jQuery1.6.1中 检查浏览器支持trim方法不，支持就调用浏览器本身的，不支持就用正则 在jQuery1.7中trim方法和jQuery1....Wed, 11 May 2016 02:24:00 GMThttps://raclen.cyou/blog/2016-05-05-086-%E5%89%8D%E7%AB%AF%E4%B8%AD%E7%94%A8%E5%88%B0%E7%9A%84%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/https://raclen.cyou/blog/2016-05-05-086-%E5%89%8D%E7%AB%AF%E4%B8%AD%E7%94%A8%E5%88%B0%E7%9A%84%E6%96%87%E4%BB%B6%E4%B8%8A%E4%BC%A0/多文件上传，文件过滤，拖拽上传，图片预览，以及不同浏览器的兼容怎么处理 可以看看这几个demo 写下这篇文章做个备份，demo来源Thu, 05 May 2016 10:36:00 GMThttps://raclen.cyou/blog/2016-05-05-085-%E5%85%B3%E9%94%AE%E5%AD%97%E6%90%9C%E7%B4%A2%E4%BC%98%E5%8C%96/https://raclen.cyou/blog/2016-05-05-085-%E5%85%B3%E9%94%AE%E5%AD%97%E6%90%9C%E7%B4%A2%E4%BC%98%E5%8C%96/很多地方都有这种关键字搜索，每次输入都调用一次接口，可能就比较浪费，因为用户还没输完。我们可以延迟调用接口，当用户输入了和上次一样的关键字 就不重新调用接口，这里对关键字做一个缓存,差不多就是这样 这篇文章写得很详细，可以参考Thu, 05 May 2016 02:32:00 GMThttps://raclen.cyou/blog/2016-04-29-084-chrome%E6%8F%92%E4%BB%B6double-search/https://raclen.cyou/blog/2016-04-29-084-chrome%E6%8F%92%E4%BB%B6double-search/double-search 让你一次回车多个结果，支持个性定制自己的搜索习惯，目前支持Google，百度，搜狗，知乎，必应，默认是Google和百度 使用方法，打开谷歌浏览器，地址栏chrome://extensions/回车，double-search.crx文件拖进去 最新插件下载地址 下面这...Fri, 29 Apr 2016 10:11:00 GMThttps://raclen.cyou/blog/2016-04-25-083-%E4%B8%80%E4%B8%AA%E5%8D%9A%E9%82%A6%E5%95%86%E5%9F%8E%E6%8A%95%E8%B5%84%E8%80%85%E7%9A%84%E6%97%A5%E8%AE%B0/https://raclen.cyou/blog/2016-04-25-083-%E4%B8%80%E4%B8%AA%E5%8D%9A%E9%82%A6%E5%95%86%E5%9F%8E%E6%8A%95%E8%B5%84%E8%80%85%E7%9A%84%E6%97%A5%E8%AE%B0/趋势分析 前言...Mon, 25 Apr 2016 10:34:00 GMThttps://raclen.cyou/blog/2016-04-15-082-ie%E4%B8%8A%E5%AE%9E%E7%8E%B0placeholder/https://raclen.cyou/blog/2016-04-15-082-ie%E4%B8%8A%E5%AE%9E%E7%8E%B0placeholder/从我开始写前端placeholder一直都没出过兼容性。 13年开始写微信内嵌页面，14年初也是微信内嵌页面，后来做一些APP内嵌页面和一些手机浏览器支持页面。在大家都做移动端的时候，我又开始了PC端 placeholder在IE7/8/9都不支持，找到这个，为了满足业务需求，我稍微修改了一下。Fri, 15 Apr 2016 10:27:00 GMThttps://raclen.cyou/blog/2016-04-15-081-handlebars%E4%B9%9F%E6%8C%BA%E6%9C%89%E6%84%8F%E6%80%9D%E7%9A%84/https://raclen.cyou/blog/2016-04-15-081-handlebars%E4%B9%9F%E6%8C%BA%E6%9C%89%E6%84%8F%E6%80%9D%E7%9A%84/是一个模板 你可以自定义方法，让它变成和angular一样灵活 有时候 需要传入一段html 我们可以使用三个括号 更多可能等你探索Fri, 15 Apr 2016 09:30:00 GMThttps://raclen.cyou/blog/2016-04-12-080-%E8%AF%B4%E8%AF%B4zepto/https://raclen.cyou/blog/2016-04-12-080-%E8%AF%B4%E8%AF%B4zepto/本身的zepto比较简陋，如果使用animate，可能需要引用，如果使用tap，swipeLeft，swipeUp等触摸事件，需要引用模块。听说zepto可以用tap事件，它比click快，用了近一年zepto，我也没发现zepto的tap，后来换了份工作做PC端，偶然发现是因为没有引用touch模...Tue, 12 Apr 2016 02:10:00 GMThttps://raclen.cyou/blog/2016-04-08-079-%E5%BD%93requirejs%E5%92%8Cangular%E5%88%B0%E4%B8%80%E8%B5%B7/https://raclen.cyou/blog/2016-04-08-079-%E5%BD%93requirejs%E5%92%8Cangular%E5%88%B0%E4%B8%80%E8%B5%B7/> angular的路由，过滤器，模板。这些功能我很喜欢 requirejs对于没有模块化的js，AMD规范的js，以及，没有模块化和AMD规范的混合的 都支持，我觉得很好 起初使用requirejs 就是我们老大说的，一个页面引用一个js看起来干净，我也很赞同 r.js压缩其实很容易，前提是re...Fri, 08 Apr 2016 01:54:00 GMThttps://raclen.cyou/blog/2016-04-06-078-js%E8%BF%90%E7%AE%97%E7%B2%BE%E5%BA%A6%E9%97%AE%E9%A2%98/https://raclen.cyou/blog/2016-04-06-078-js%E8%BF%90%E7%AE%97%E7%B2%BE%E5%BA%A6%E9%97%AE%E9%A2%98/js运算精度问题Wed, 06 Apr 2016 01:51:00 GMThttps://raclen.cyou/blog/2016-03-21-077-animate-steps/https://raclen.cyou/blog/2016-03-21-077-animate-steps/...Mon, 21 Mar 2016 10:26:00 GMThttps://raclen.cyou/blog/2016-03-08-076-%E5%AE%B6%E5%BA%AD%E8%8D%AF%E7%AE%B1%E7%9A%84%E9%9D%9E%E5%A4%84%E6%96%B9%E8%8D%AF%E7%89%A9%E6%B8%85%E5%8D%95/https://raclen.cyou/blog/2016-03-08-076-%E5%AE%B6%E5%BA%AD%E8%8D%AF%E7%AE%B1%E7%9A%84%E9%9D%9E%E5%A4%84%E6%96%B9%E8%8D%AF%E7%89%A9%E6%B8%85%E5%8D%95/twitter上看到一篇文章，就收藏了 - 布洛芬。 解热，镇痛，抗炎。头痛、经痛时可以缓解，但未知原因的病痛不要用镇痛药掩盖病症 - 氨酚曲麻（或近似药物）。 治疗感冒症状（替代药物：抗病毒颗粒，莲花清瘟胶囊） - 马来酸氯苯那敏。 抗过敏，有过敏体质的人可以用来缓解过敏症状。 - 盐酸小檗...Tue, 08 Mar 2016 02:57:00 GMThttps://raclen.cyou/blog/2016-02-16-075-%E5%AE%9E%E7%94%A8%E5%9C%A8%E7%BA%BF%E5%9C%B0%E5%9D%80/https://raclen.cyou/blog/2016-02-16-075-%E5%AE%9E%E7%94%A8%E5%9C%A8%E7%BA%BF%E5%9C%B0%E5%9D%80/在线二维码生成 在线编辑代码 在线Markdown编辑 谷歌记事本 地址栏输入 在线CSS校验 格式化javascript 正则表达式校验 (有颜色) 在线代码对比 图片压缩 常用CSS代码集合 animate.css 谷歌页面性能检测 CSS三角形生成器 loading 在线制作 图片转换成SVG...Tue, 16 Feb 2016 05:38:00 GMThttps://raclen.cyou/blog/2016-02-14-074-%E5%AF%B9%E7%97%87%E4%B8%8B%E8%8D%AF/https://raclen.cyou/blog/2016-02-14-074-%E5%AF%B9%E7%97%87%E4%B8%8B%E8%8D%AF/以下是我吃过，或者用过的药 1.晕车药：苯巴比妥东莨蓉碱片 10-12小时吃一颗。多吃会有严重危害 2.用于智齿引起的牙龈肿痛：甲硝唑芬布芬胶囊，每晚用盐水漱口，清理口腔 3.季节变化引起的皮肤过敏：氯雷他定片 4.治疗脚气瘙痒：俢足匠（一抹就不痒，断不了根）Sun, 14 Feb 2016 11:18:00 GMThttps://raclen.cyou/blog/2016-02-04-073-javascript%E7%94%9F%E6%88%90%E4%BA%8C%E7%BB%B4%E7%A0%81/https://raclen.cyou/blog/2016-02-04-073-javascript%E7%94%9F%E6%88%90%E4%BA%8C%E7%BB%B4%E7%A0%81/因搜索出来的大部分结果都是jquery.qcode.js，不是很理想的，我就写下这个记录一下 github地址https://github.com/aralejs/qrcode 它的优点 > 1.中文不乱码 2.不依赖jquery 3.支持中间显示图片 调用方式 有图有真相 清晨好文章Thu, 04 Feb 2016 08:07:00 GMThttps://raclen.cyou/blog/2016-02-04-072-async%E6%B5%81%E7%A8%8B%E6%8E%A7%E5%88%B6/https://raclen.cyou/blog/2016-02-04-072-async%E6%B5%81%E7%A8%8B%E6%8E%A7%E5%88%B6/代码都是异步执行，也是个麻烦事。 当for循环中执行函数，是异步的，就会出现问题，上次用了一个很蹩脚的办法，把循环改成定时器 改成了这样 这样还是不好，下面用async来控制流程.... 使用到了async.eachSeries，注意它的第二个函数，不光是用来处理错误的，也是回调的，有了它就可以连起...Thu, 04 Feb 2016 08:06:00 GMThttps://raclen.cyou/blog/2016-02-04-071-%E6%9C%BA%E5%99%A8%E6%B3%A8%E5%86%8C%E8%B4%A6%E5%8F%B7/https://raclen.cyou/blog/2016-02-04-071-%E6%9C%BA%E5%99%A8%E6%B3%A8%E5%86%8C%E8%B4%A6%E5%8F%B7/下面这段代码，用于自动注册账号 测试可用，仅供学习http之用Thu, 04 Feb 2016 08:05:00 GMThttps://raclen.cyou/blog/2016-02-04-070-%E5%A4%9A%E8%AF%B4%E8%AF%84%E8%AE%BA%E6%9C%BA%E5%99%A8%E4%BA%BA/https://raclen.cyou/blog/2016-02-04-070-%E5%A4%9A%E8%AF%B4%E8%AF%84%E8%AE%BA%E6%9C%BA%E5%99%A8%E4%BA%BA/捣鼓了一个自动评论的东西，基于nodejs 主要代码 仅供学习之用，勿过分骚扰他人Thu, 04 Feb 2016 08:03:00 GMThttps://raclen.cyou/blog/2016-02-04-069-node%E4%B8%ADrequest%E6%A8%A1%E5%9D%97%E9%85%8D%E7%BD%AE%E9%A1%B9/https://raclen.cyou/blog/2016-02-04-069-node%E4%B8%ADrequest%E6%A8%A1%E5%9D%97%E9%85%8D%E7%BD%AE%E9%A1%B9/设置method 设置referer request默认是不支持cookies，需要开启 这是操作cookies的一个例子 如果需要传参数，可以使用form，例如 设置代理（这样可以使用fiddler抓取请求了） 抓取被墙的网站E.g:Thu, 04 Feb 2016 08:01:00 GMThttps://raclen.cyou/blog/2016-02-04-068-sleep%E4%B8%80%E4%B8%8B/https://raclen.cyou/blog/2016-02-04-068-sleep%E4%B8%80%E4%B8%8B/sleep一下Thu, 04 Feb 2016 08:00:00 GMThttps://raclen.cyou/blog/2016-02-04-067-btoa%E4%B8%8Eatob/https://raclen.cyou/blog/2016-02-04-067-btoa%E4%B8%8Eatob/在浏览器中atob进行base64加密，btoa解密 nodejs中解密Thu, 04 Feb 2016 07:59:00 GMThttps://raclen.cyou/blog/2016-02-04-066-mongodb%E5%AE%89%E8%A3%85%E4%BD%BF%E7%94%A8/https://raclen.cyou/blog/2016-02-04-066-mongodb%E5%AE%89%E8%A3%85%E4%BD%BF%E7%94%A8/MongoDB 下载 参考 http://www.runoob.com/mongodb/mongodb-window-install.html 安装完成后进入到mongodb 的bin目录 D:\Program Files\MongoDB\Server\3.0\bin 在项目中建一个data文件夹 ...Thu, 04 Feb 2016 07:56:00 GMThttps://raclen.cyou/blog/2016-02-04-065-hexo%E6%90%AC%E5%88%B0farbox%E5%8F%AA%E9%9C%80%E8%A6%81%E4%B8%80%E7%A7%92/https://raclen.cyou/blog/2016-02-04-065-hexo%E6%90%AC%E5%88%B0farbox%E5%8F%AA%E9%9C%80%E8%A6%81%E4%B8%80%E7%A7%92/我一直认为有些东西用了一次，很久可能就不会再用，为了下次快速的使用，有必要记录一下 网易博客总是文章数据获取不到，页面可以打开，拉不出来文章（直到现在还是这样） 也用过一段时间sae for WordPress，后来有个插件出问题了，代码高亮不了，代码本地也跑不起来，不好调试，就没用了 后来又搬到h...Thu, 04 Feb 2016 03:12:00 GMThttps://raclen.cyou/blog/2015-11-18-064-node%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/https://raclen.cyou/blog/2015-11-18-064-node%E4%B8%8A%E4%BC%A0%E5%9B%BE%E7%89%87/开始用的kindeditor编辑器，上传图片不成功，就换了 这是node代码，需要注意的是uploadDir指向的路径文件夹要真实的存在，它不能在不存在的时候给你创建一个，Wed, 18 Nov 2015 03:10:00 GMThttps://raclen.cyou/blog/2015-10-23-063-%E5%87%A0%E4%B8%AA%E4%B8%8D%E9%94%99css-loading%E5%8A%A8%E7%94%BB/https://raclen.cyou/blog/2015-10-23-063-%E5%87%A0%E4%B8%AA%E4%B8%8D%E9%94%99css-loading%E5%8A%A8%E7%94%BB/看效果Fri, 23 Oct 2015 08:16:00 GMThttps://raclen.cyou/blog/2015-10-19-062-nodemongoose%E5%AE%9E%E7%8E%B0%E5%88%86%E9%A1%B5/https://raclen.cyou/blog/2015-10-19-062-nodemongoose%E5%AE%9E%E7%8E%B0%E5%88%86%E9%A1%B5/如果说hibernate是让程序员用面向对象的思维操作数据库，Mongoose就是让程序员用函数的思想操作数据库。 这个人写的是对的，就是有个单词写错了exex应为 修改后如下 //CORS处理跨域Mon, 19 Oct 2015 05:32:00 GMThttps://raclen.cyou/blog/2015-10-19-061-express-post%E8%AF%B7%E6%B1%82resbody-%E5%8F%96%E4%B8%8D%E5%88%B0%E6%95%B0%E6%8D%AE/https://raclen.cyou/blog/2015-10-19-061-express-post%E8%AF%B7%E6%B1%82resbody-%E5%8F%96%E4%B8%8D%E5%88%B0%E6%95%B0%E6%8D%AE/使用post请求，json格式的时候，这里需要使用一个中间件 参考链接 https://cnodejs.org/topic/53c89067c9507b4044b1deaa https://github.com/expressjs/body-parserMon, 19 Oct 2015 02:42:49 GMThttps://raclen.cyou/blog/2015-10-08-060-%E6%95%B0%E7%BB%84%E5%8E%BB%E9%87%8D/https://raclen.cyou/blog/2015-10-08-060-%E6%95%B0%E7%BB%84%E5%8E%BB%E9%87%8D/今天发现以前写的数组去重方法有问题，删了 新的，这个应该没问题吧 也可以这样 这种对于类型不一样去重不了，如1和“1”，并且ES5数组才有indexOf()方法 我们可以新增一个变量来判断，新的数组里面是否有某个值 平常写代码觉得能少用一个变量就少用一个，对于第三种多了一个变量的确一下子简单不少。Thu, 08 Oct 2015 09:21:00 GMThttps://raclen.cyou/blog/2015-09-25-059-%E6%B8%85%E6%99%A8%E5%A5%BD%E6%96%87%E7%AB%A0/https://raclen.cyou/blog/2015-09-25-059-%E6%B8%85%E6%99%A8%E5%A5%BD%E6%96%87%E7%AB%A0/使用到了nodejs+mongoose+socket.io 部署在https://coding.net 预览地址http://raclen.win/（用手机访问） 代码在https://coding.net/u/max001/p/raclen/gitFri, 25 Sep 2015 09:07:06 GMThttps://raclen.cyou/blog/2015-09-23-058-%E5%9B%BE%E7%89%87%E6%BB%91%E5%8A%A8%E6%AF%8F%E6%AC%A1%E7%A7%BB%E5%8A%A8%E4%B8%80%E4%B8%AA/https://raclen.cyou/blog/2015-09-23-058-%E5%9B%BE%E7%89%87%E6%BB%91%E5%8A%A8%E6%AF%8F%E6%AC%A1%E7%A7%BB%E5%8A%A8%E4%B8%80%E4%B8%AA/这东西几行代码就写完了，一些插件写得那么多，吓人 全部代码在https://github.com/ralcen/jquery/blob/master/test-picsslide.html 预览地址http://ralcen.github.io/dome/test-picsslide.html 部署...Wed, 23 Sep 2015 02:36:52 GMThttps://raclen.cyou/blog/2015-09-22-057-float-left%E7%9A%84%E5%AF%B9%E8%B1%A1%E5%A6%82%E4%BD%95%E5%B1%85%E4%B8%AD/https://raclen.cyou/blog/2015-09-22-057-float-left%E7%9A%84%E5%AF%B9%E8%B1%A1%E5%A6%82%E4%BD%95%E5%B1%85%E4%B8%AD/> [参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] 我们在做导航（nav）时，通常会用到float：left;但是这样做的话，让导航文本水平居中确实个麻烦事； PC端用的多，在手机端，可以不用float，很多新的布局可用 分析如下：...Tue, 22 Sep 2015 02:07:00 GMThttps://raclen.cyou/blog/2015-09-17-056-%E5%8A%A0%E8%BD%BD%E8%BF%9B%E5%BA%A6%E6%9D%A1/https://raclen.cyou/blog/2015-09-17-056-%E5%8A%A0%E8%BD%BD%E8%BF%9B%E5%BA%A6%E6%9D%A1/动画写的好，一定要css写得多，看着一个动画，就能看出来它的结构，有了结构，js就好写了，下面是一个进度条 预览一下http://output.jsbin.com/yedatukuvuThu, 17 Sep 2015 03:25:43 GMThttps://raclen.cyou/blog/2015-09-16-055-%E9%AA%8C%E8%AF%81%E6%8F%90%E7%A4%BA%E7%BB%84%E4%BB%B6/https://raclen.cyou/blog/2015-09-16-055-%E9%AA%8C%E8%AF%81%E6%8F%90%E7%A4%BA%E7%BB%84%E4%BB%B6/以前主要写移动端，验证提示不会放在文本框后面，屏幕比较小，PC端这种提示很不错 我觉得PC兼容性很多，使用jquery是很好的，所以这个组件基于jquery，来避免未知的错误 代码不多，就几行代码 全部代码在https://github.com/ralcen/jquery/blob/master/t...Wed, 16 Sep 2015 11:21:47 GMThttps://raclen.cyou/blog/2015-09-07-054-%E5%86%99%E4%BA%86%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84%E6%97%A5%E5%8E%86/https://raclen.cyou/blog/2015-09-07-054-%E5%86%99%E4%BA%86%E4%B8%80%E4%B8%AA%E7%AE%80%E5%8D%95%E7%9A%84%E6%97%A5%E5%8E%86/公司的一个日历控件有问题，让我看哪有问题，看起来真复杂，我就先写了一个日历，看实现原理是什么 也不怎么会表达，一行一行的coding完了，就这样了 预览地址http://output.jsbin.com/qayisezula 核心代码 全都代码在这 https://github.com/ralcen...Mon, 07 Sep 2015 10:53:00 GMThttps://raclen.cyou/blog/2015-08-28-053-%E4%BD%BF%E7%94%A8%E8%A7%A6%E6%91%B8%E4%BA%8B%E4%BB%B6%E5%88%A4%E6%96%AD%E6%BB%91%E5%8A%A8%E6%96%B9%E5%90%91/https://raclen.cyou/blog/2015-08-28-053-%E4%BD%BF%E7%94%A8%E8%A7%A6%E6%91%B8%E4%BA%8B%E4%BB%B6%E5%88%A4%E6%96%AD%E6%BB%91%E5%8A%A8%E6%96%B9%E5%90%91/1. 找到触摸之前横纵坐标 2. 找到触摸之后横纵坐标 3. 相减得到滑动的距离，如果横着长度大于竖着长度，就是左右滑动，再根据正负可以判断是左还是右，反之，同理可得，是上还是下 效果预览：http://output.jsbin.com/wuqilofoyi 需要谷歌浏览器模拟一下手机看Fri, 28 Aug 2015 12:31:41 GMThttps://raclen.cyou/blog/2015-08-18-052-%E5%86%99%E4%BA%86%E4%B8%AA%E5%9B%BE%E7%89%87%E4%B8%8A%E4%B8%8B%E6%BB%91%E7%9A%84%E4%B8%9C%E8%A5%BF/https://raclen.cyou/blog/2015-08-18-052-%E5%86%99%E4%BA%86%E4%B8%AA%E5%9B%BE%E7%89%87%E4%B8%8A%E4%B8%8B%E6%BB%91%E7%9A%84%E4%B8%9C%E8%A5%BF/平常不怎么写动画，怕面试问到，刚好看到这个题目，就写写试试。代码写的有点乱... 效果演示：http://output.jsbin.com/fepetupeqaTue, 18 Aug 2015 04:41:44 GMThttps://raclen.cyou/blog/2015-08-11-051-%E7%A7%BB%E5%8A%A8%E7%AB%AFresetcss/https://raclen.cyou/blog/2015-08-11-051-%E7%A7%BB%E5%8A%A8%E7%AB%AFresetcss/找了一下这个还是不错的reset /*知识扩展*/ 1. -webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android...Tue, 11 Aug 2015 06:34:12 GMThttps://raclen.cyou/blog/2015-08-01-050-%E9%A1%B5%E9%9D%A2%E4%B8%AD%E6%89%93%E7%94%B5%E8%AF%9D%E6%B2%A1%E6%9C%89%E6%95%88%E6%9E%9C%E7%9A%84%E6%97%B6%E5%80%99/https://raclen.cyou/blog/2015-08-01-050-%E9%A1%B5%E9%9D%A2%E4%B8%AD%E6%89%93%E7%94%B5%E8%AF%9D%E6%B2%A1%E6%9C%89%E6%95%88%E6%9E%9C%E7%9A%84%E6%97%B6%E5%80%99/页面中打电话没有效果的时候Sat, 01 Aug 2015 06:26:00 GMThttps://raclen.cyou/blog/2015-07-12-049-%E9%9A%8F%E6%89%8B%E5%86%99%E4%BA%86%E4%B8%80%E4%B8%AAgulp%E6%8F%92%E4%BB%B6%E6%88%91%E7%9C%9F%E6%98%AF%E5%A4%A9%E6%89%8D/https://raclen.cyou/blog/2015-07-12-049-%E9%9A%8F%E6%89%8B%E5%86%99%E4%BA%86%E4%B8%80%E4%B8%AAgulp%E6%8F%92%E4%BB%B6%E6%88%91%E7%9C%9F%E6%98%AF%E5%A4%A9%E6%89%8D/作用就是把px转换成rem，今天加班收获不少O(∩_∩)O哈哈~ 这句话的意思就是获取文件的内容，然后转换成字符串 放在这https://github.com/ralcen/jsCode/blob/master/gulp_bulid/gulp-pxtworem.js 为了匹配小数的情况，更新了一下正...Sun, 12 Jul 2015 08:54:00 GMThttps://raclen.cyou/blog/2015-07-12-048-replace%E5%87%BD%E6%95%B0%E7%9C%9F%E5%BC%BA%E5%A4%A7/https://raclen.cyou/blog/2015-07-12-048-replace%E5%87%BD%E6%95%B0%E7%9C%9F%E5%BC%BA%E5%A4%A7/写了一个把样式表的px转换成rem的东西，因为上周写的页面在平安银行APP里面显示有问题， 这个meta不识别的， 还是得用rem布局，就写了个这个，后期闲下来试试写个node或者g...Sun, 12 Jul 2015 07:12:43 GMThttps://raclen.cyou/blog/2015-06-02-047-%E4%B8%A4%E7%AB%AF%E5%AF%B9%E9%BD%90box-pack/https://raclen.cyou/blog/2015-06-02-047-%E4%B8%A4%E7%AB%AF%E5%AF%B9%E9%BD%90box-pack/这个属性真好玩，适合写这样的 例子： http://output.jsbin.com/kigobumoku 这个东西还可以做居中对齐 http://www.w3school.com.cn/cssref/pr_box-pack.aspTue, 02 Jun 2015 02:17:52 GMThttps://raclen.cyou/blog/2015-06-01-046-%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAform%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4/https://raclen.cyou/blog/2015-06-01-046-%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAform%E8%A1%A8%E5%8D%95%E6%8F%90%E4%BA%A4/动态创建一个form表单提交Mon, 01 Jun 2015 09:36:01 GMThttps://raclen.cyou/blog/2015-04-27-044-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9/https://raclen.cyou/blog/2015-04-27-044-%E5%89%8D%E7%AB%AF%E9%9D%A2%E8%AF%95%E7%9F%A5%E8%AF%86%E7%82%B9/简述一个标准事件模型和IE事件模型 下面代码会输出 indexof的用法 原来数组和字符串都有这个方法。从零开始，不是1 类似的还有slice()、concat()、lastIndexOf() 随机生成10个10到100的随机数，并排序 100*100div里面，一个不定宽度的div垂直居中对齐 ...Mon, 27 Apr 2015 16:00:00 GMThttps://raclen.cyou/blog/2015-04-27-045-%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9/https://raclen.cyou/blog/2015-04-27-045-%E5%89%8D%E7%AB%AF%E7%9F%A5%E8%AF%86%E7%82%B9/简述一个标准事件模型和IE事件模型 下面代码会输出 将字符串中的敏感词标红 例子：字符串为"中共十六大评出习近平为领导在6.4日"，敏感词习近平，6.4 jquery 的$.fn.extend实现 设置基于观察者模式的时间机制 这个也就是自定义事件吧 indexof的用法 原来数组和字符串都有这个方...Mon, 27 Apr 2015 16:00:00 GMThttps://raclen.cyou/blog/2015-03-04-043-%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%9A%84%E8%87%AA%E9%80%82%E5%BA%94%E4%B9%9F%E5%8F%AF%E4%BB%A5%E8%BF%99%E6%A0%B7/https://raclen.cyou/blog/2015-03-04-043-%E7%A7%BB%E5%8A%A8%E7%AB%AF%E7%9A%84%E8%87%AA%E9%80%82%E5%BA%94%E4%B9%9F%E5%8F%AF%E4%BB%A5%E8%BF%99%E6%A0%B7/百分比布局，比例不好算，宽度也是把握不准， rem计算，还需要引入JS(淘宝，万里通) width等于设计的图的宽度，然后，设计图多少尺寸，布局就多少，就对了（或者除以二） http://jsbin.com/mecikoviqu（谷歌打开用iphone4，5，6，ipad看看） http://www...Wed, 04 Mar 2015 07:04:25 GMThttps://raclen.cyou/blog/2015-02-04-042-gulp-%E5%89%8D%E7%AB%AF%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7/https://raclen.cyou/blog/2015-02-04-042-gulp-%E5%89%8D%E7%AB%AF%E8%87%AA%E5%8A%A8%E5%8C%96%E5%B7%A5%E5%85%B7/这个东西也看了很多遍了，今天写个东西，因为大家都提倡资源优化（最小化），压缩图片，我经常要用到，以前都是用tinypngy一个个压缩，然后保存，现在就用gulp写一个图片的压缩。 首先默认你已经安装node 更改一下npm的镜像，国内的下载npm插件，容易失败（如果你可以正常下载，可以跳过了） 安装...Wed, 04 Feb 2015 07:50:00 GMThttps://raclen.cyou/blog/2015-02-04-041-%E4%BD%BF%E7%94%A8rjs%E5%90%88%E5%B9%B6%E5%8E%8B%E7%BC%A9requirejs%E5%92%8Ccss/https://raclen.cyou/blog/2015-02-04-041-%E4%BD%BF%E7%94%A8rjs%E5%90%88%E5%B9%B6%E5%8E%8B%E7%BC%A9requirejs%E5%92%8Ccss/需要压缩的index.js 在项目目录下新建一个rjs_build文件夹,里面放上r.js 再写一个buildjs.js 进入rjs_build目录 node r.js -o buildjs 2)合并压缩css 新建一个main.css(名称自定义)，里面使用import 引入需要合并的css，从...Wed, 04 Feb 2015 07:40:00 GMThttps://raclen.cyou/blog/2015-01-23-040-%E5%88%9D%E8%AF%86flex/https://raclen.cyou/blog/2015-01-23-040-%E5%88%9D%E8%AF%86flex/页面改版，我想到最近看的，就拿来试试，结果很棒，告别浮动 ，清除浮动这些麻烦事，并且，占多大的地方，都帮你算好了。 但是浏览器兼容是个坑 在谷歌中 中 安卓浏览器 在样式中得 自上而下，看来最古老的写法得写到上面，样式是下面的覆盖上面的。 发现 （一种旧的谷歌浏览器） 安卓浏览器（一种老版谷歌浏...Fri, 23 Jan 2015 04:52:40 GMThttps://raclen.cyou/blog/2015-01-09-039-%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B%E5%92%8C%E6%A8%A1%E5%9D%97%E7%BC%96%E7%A8%8B/https://raclen.cyou/blog/2015-01-09-039-%E5%AF%B9%E8%B1%A1%E7%BC%96%E7%A8%8B%E5%92%8C%E6%A8%A1%E5%9D%97%E7%BC%96%E7%A8%8B/传统的是这样 对象的写法这样 模块化的是这样 优化后是这样 对于业务代码可以这样组织 javascriptFri, 09 Jan 2015 06:41:00 GMThttps://raclen.cyou/blog/2014-12-31-038-rem%E4%B8%AD%E7%9A%84%E5%9D%91/https://raclen.cyou/blog/2014-12-31-038-rem%E4%B8%AD%E7%9A%84%E5%9D%91/这里有一篇专门介绍的 要注意的是是相对于html的font-size,但是当你的浏览器最小PX是12PX，而你html是62.5%就是10px， 不会相对10px，而是12px，一般用谷歌调试，所以还是设置75%的好Wed, 31 Dec 2014 04:39:46 GMThttps://raclen.cyou/blog/2014-12-08-037-javascript%E6%A8%A1%E6%9D%BF-icanhazjs/https://raclen.cyou/blog/2014-12-08-037-javascript%E6%A8%A1%E6%9D%BF-icanhazjs/官网地址Mon, 08 Dec 2014 03:26:54 GMThttps://raclen.cyou/blog/2014-12-05-036-jquery%E7%9A%84index%E7%94%A8%E6%B3%95/https://raclen.cyou/blog/2014-12-05-036-jquery%E7%9A%84index%E7%94%A8%E6%B3%95/运行结果 2,3 这个是根据当前同级而言来进行索引， 是根据符合左侧选择器要求的筛选出来后，进行索引 来自Flc总结Fri, 05 Dec 2014 12:36:30 GMThttps://raclen.cyou/blog/2014-12-05-035-%E5%86%8D%E8%B0%88%E5%8C%B9%E9%85%8Dqq2275025%E8%BF%99%E5%9B%9E%E4%BA%8B/https://raclen.cyou/blog/2014-12-05-035-%E5%86%8D%E8%B0%88%E5%8C%B9%E9%85%8Dqq2275025%E8%BF%99%E5%9B%9E%E4%BA%8B/想要获得正则匹配后是个数组，它没有方法，我想是的一下， 再用，结果是不行的，（w3school说只能把一个逻辑值转换成类型，在这里不包括） 在这里我想到call的用法,试着把string原型中split拿出来给数组用，结果是可行的。 从《javascript权威指南》中数组用中的方法得到的启发Fri, 05 Dec 2014 12:35:55 GMThttps://raclen.cyou/blog/2014-12-05-034-queue%E7%9A%84%E7%94%A8%E6%B3%95/https://raclen.cyou/blog/2014-12-05-034-queue%E7%9A%84%E7%94%A8%E6%B3%95/先上代码 的作用就是在动画执行过程中加入自定义动画（一段动画，或者一个代码之类） 用上一般就要用到，的作用是跳出函数让代码或者动画继续执行， 有开始动画就有停止动画 就是用来结束定义的动画，只能暂停或停止 定义的动画Fri, 05 Dec 2014 12:35:10 GMThttps://raclen.cyou/blog/2014-12-05-033-%E5%AF%B9%E8%B1%A1%E6%B7%B1%E5%A4%8D%E5%88%B6/https://raclen.cyou/blog/2014-12-05-033-%E5%AF%B9%E8%B1%A1%E6%B7%B1%E5%A4%8D%E5%88%B6/为什么要用到对象复制，和对象深复制，这就不说了。直接上代码 下面来个腻害的，用jquery解决这个问题 用jquery的继承，更改了新对象不会影响到以前对象 PS: zepto(1.4)的$.extend没有复制的作用 还有个黑科技Fri, 05 Dec 2014 12:34:00 GMThttps://raclen.cyou/blog/2014-12-05-032-hasownproperty%E7%9A%84%E4%BD%9C%E7%94%A8/https://raclen.cyou/blog/2014-12-05-032-hasownproperty%E7%9A%84%E4%BD%9C%E7%94%A8/hasOwnProperty 作用是在一个对象里面找是否有某个属性或对象， 但是不会在它的原型中找， 返回boolean类型 一般用来过滤for in循环， 在for in循环中， 会遍历对象原型中的属性， 如果JS代码太多， 封装了一些组件， 大概就是模块化开发那种， 一个对象继承另一个对象， 你...Fri, 05 Dec 2014 12:33:50 GMThttps://raclen.cyou/blog/2014-12-05-031-%E6%95%B0%E7%BB%84%E5%85%83%E7%B4%A0%E5%A4%8D%E5%88%B6/https://raclen.cyou/blog/2014-12-05-031-%E6%95%B0%E7%BB%84%E5%85%83%E7%B4%A0%E5%A4%8D%E5%88%B6/背景：后台传过来的是 插件需要传一个数组过去，类型是 很显然，字段不一样，然后，我这样写 打印不出来，我就想的是数组复制，总感觉差点什么。原因是 不是一个对象，加上这句就行了 这个先说到这，另一种方法，直接在那个数组上复制一个元素 如果你是个有强迫症的人，你可以把多余的元素删了Fri, 05 Dec 2014 12:32:41 GMThttps://raclen.cyou/blog/2014-12-05-030-%E8%8E%B7%E5%BE%97%E5%9C%B0%E5%9D%80%E6%A0%8F%E7%9A%84%E5%8F%82%E6%95%B0%E7%BB%84%E6%88%90%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1/https://raclen.cyou/blog/2014-12-05-030-%E8%8E%B7%E5%BE%97%E5%9C%B0%E5%9D%80%E6%A0%8F%E7%9A%84%E5%8F%82%E6%95%B0%E7%BB%84%E6%88%90%E4%B8%80%E4%B8%AA%E5%AF%B9%E8%B1%A1/获得地址栏的参数组成一个对象Fri, 05 Dec 2014 12:31:18 GMThttps://raclen.cyou/blog/2014-12-05-029-git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/https://raclen.cyou/blog/2014-12-05-029-git%E5%B8%B8%E7%94%A8%E5%91%BD%E4%BB%A4/clone一个仓库 git clone https://github.com/XXXXXX/jsCode.git 修改的东西添加到仓库 git add . 提交所有文件 git commit -m ‘修改标记’ git pull 更新仓库 git push 提交更新 git branch 查看本地所...Fri, 05 Dec 2014 12:31:00 GMThttps://raclen.cyou/blog/2014-12-05-028-jsonp%E8%B7%A8%E5%9F%9F/https://raclen.cyou/blog/2014-12-05-028-jsonp%E8%B7%A8%E5%9F%9F/输出joe 标记为2你可以放到任何域名下的 xxx.js里 xxx.php里 xxx.do里、、、Fri, 05 Dec 2014 12:26:12 GMThttps://raclen.cyou/blog/2014-12-05-027-gitignore/https://raclen.cyou/blog/2014-12-05-027-gitignore/在使用git的时候，我我们可能会遇到，位于仓库中的某些文件夹不需要提交，我们可以对其过滤 这时候就用到 在仓库中新建一个的文件。 在window中创建这个文件可能会弹出请输入键名， 可以在进入git仓库后输入 就创建这个文件了 如果要匹配所有目录下的 node_modules 文件夹，只需要这样做：...Fri, 05 Dec 2014 12:24:00 GMThttps://raclen.cyou/blog/2014-07-30-026-%E5%8C%BF%E5%90%8D%E5%87%BD%E6%95%B0%E5%92%8Cthis%E7%9A%84%E7%90%86%E8%A7%A3/https://raclen.cyou/blog/2014-07-30-026-%E5%8C%BF%E5%90%8D%E5%87%BD%E6%95%B0%E5%92%8Cthis%E7%9A%84%E7%90%86%E8%A7%A3/运行结果Wed, 30 Jul 2014 07:08:36 GMThttps://raclen.cyou/blog/2014-07-29-025-%E9%97%AD%E5%8C%85/https://raclen.cyou/blog/2014-07-29-025-%E9%97%AD%E5%8C%85/在这个函数中，其实是相当于 在外面我们和可以 访问这个函数但是我们不能访问f2()这个函数 因为 是想一个函数赋给一个全局变量，没有 就是声明的全局变量，闭包没意思，我觉得就是个变量作用域的事 来看一下那个经典的面试题Tue, 29 Jul 2014 06:39:00 GMThttps://raclen.cyou/blog/2014-07-18-024-%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%A7%AF%E7%B4%AF/https://raclen.cyou/blog/2014-07-18-024-%E6%AD%A3%E5%88%99%E8%A1%A8%E8%BE%BE%E5%BC%8F%E7%A7%AF%E7%B4%AF/将数字和. 之外的清除 ()的用法 得到的是一个数组[qq:'2275025'] 得到的数组["qq:'2275025'","2275025"] ()的作用就是在当前匹配的结果中把()的东西，作为数组第二个元素，让你可以获取 \w的用法 我们平常看到了网站用户名注册，就用到了这个 ...Fri, 18 Jul 2014 01:40:00 GMThttps://raclen.cyou/blog/2014-07-15-023-%E6%80%BB%E7%BB%93%E4%BA%86%E4%B8%8Bjson%E7%9A%84%E9%81%8D%E5%8E%86/https://raclen.cyou/blog/2014-07-15-023-%E6%80%BB%E7%BB%93%E4%BA%86%E4%B8%8Bjson%E7%9A%84%E9%81%8D%E5%8E%86/总结了下json的遍历Tue, 15 Jul 2014 06:54:14 GMThttps://raclen.cyou/blog/2014-06-27-022-%E5%B8%B8%E7%94%A8sql%E8%AF%AD%E5%8F%A5/https://raclen.cyou/blog/2014-06-27-022-%E5%B8%B8%E7%94%A8sql%E8%AF%AD%E5%8F%A5/判断用户名是否存在 user 判断登陆是否成功 数据记录筛选 更新数据记录： 删除数据记录： 添加数据记录：Fri, 27 Jun 2014 15:25:41 GMThttps://raclen.cyou/blog/2014-06-27-021-%E6%96%B0%E6%B5%AAsae%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/https://raclen.cyou/blog/2014-06-27-021-%E6%96%B0%E6%B5%AAsae%E6%95%B0%E6%8D%AE%E5%BA%93%E8%BF%9E%E6%8E%A5/新浪Sae数据库连接Fri, 27 Jun 2014 14:33:11 GMThttps://raclen.cyou/blog/2014-06-12-020-%E7%AC%AC%E4%B8%80%E4%B8%AAjquery%E6%8F%92%E4%BB%B6/https://raclen.cyou/blog/2014-06-12-020-%E7%AC%AC%E4%B8%80%E4%B8%AAjquery%E6%8F%92%E4%BB%B6/javascript /* jquery.one.js byz 之涯 插件就像函数封装一样，写好的东西，换几个参数调用 这里需要注意的是$.extend的用法，后面的覆盖前面的，所以我们可以设置默认值 其它也没什么好说的，插件还是比较简单，容易接受的 $.extend详细用法可以参考http://w...Thu, 12 Jun 2014 08:37:12 GMThttps://raclen.cyou/blog/2014-06-12-019-%E9%A1%B5%E9%9D%A2%E5%81%8F%E7%A7%BBtransform/https://raclen.cyou/blog/2014-06-12-019-%E9%A1%B5%E9%9D%A2%E5%81%8F%E7%A7%BBtransform/核心代码就这两句，上面是偏移长度，下面 相当于动画时间 用这两句可以做 这样的效果 其它属性可以参考Thu, 12 Jun 2014 01:16:05 GMThttps://raclen.cyou/blog/2014-06-11-018-%E6%80%BB%E7%BB%93%E4%B8%80%E4%B8%8Bjquery%E8%B7%A8%E5%9F%9F/https://raclen.cyou/blog/2014-06-11-018-%E6%80%BB%E7%BB%93%E4%B8%80%E4%B8%8Bjquery%E8%B7%A8%E5%9F%9F/一直以来没遇到，两次擦肩而过，这里写一下，感觉他们写的都很模糊 后台代码，放到请求的action，让这些代码执行就行 java代码： .net代码: php代码： 统一返回//callback是获取的callback的值，data是原本要返回的结果集 另一种方式Wed, 11 Jun 2014 09:08:03 GMThttps://raclen.cyou/blog/2014-06-11-017-%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%8F%8D%E8%BD%AC/https://raclen.cyou/blog/2014-06-11-017-%E5%AD%97%E7%AC%A6%E4%B8%B2%E5%8F%8D%E8%BD%AC/方法1 方法2 方法3Wed, 11 Jun 2014 01:31:54 GMThttps://raclen.cyou/blog/2014-06-09-016-%E7%82%B9%E5%87%BB%E7%AC%AC%E4%BA%8C%E4%B8%AA%E5%88%A0%E9%99%A4%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%BF%BD%E5%8A%A0%E5%88%B0%E5%90%8E%E9%9D%A2/https://raclen.cyou/blog/2014-06-09-016-%E7%82%B9%E5%87%BB%E7%AC%AC%E4%BA%8C%E4%B8%AA%E5%88%A0%E9%99%A4%E7%AC%AC%E4%B8%80%E4%B8%AA%E8%BF%BD%E5%8A%A0%E5%88%B0%E5%90%8E%E9%9D%A2/这里用到的知识 1. 匹配选择器eq() 2. ，以前没用过 3. ，通过 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素），如果不用live，第二次将不能在点击了。Mon, 09 Jun 2014 02:22:58 GMThttps://raclen.cyou/blog/2014-06-06-015-jquery-%E8%8E%B7%E5%8F%96-iframe-%E7%88%B6%E9%A1%B5%E9%9D%A2%E4%B8%8E%E5%AD%90%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%85%83%E7%B4%A0%E5%92%8C%E6%96%B9%E6%B3%95/https://raclen.cyou/blog/2014-06-06-015-jquery-%E8%8E%B7%E5%8F%96-iframe-%E7%88%B6%E9%A1%B5%E9%9D%A2%E4%B8%8E%E5%AD%90%E9%A1%B5%E9%9D%A2%E7%9A%84%E5%85%83%E7%B4%A0%E5%92%8C%E6%96%B9%E6%B3%95/> 在页面中查找 iframe 页面元素： $(‘#iframe’).contents().find(‘#id’) 在 iframe 中查找父页面元素： $(‘#id’, parent.document) 在 iframe 中调用父页面中定义的方法和变量： parent.method pare...Fri, 06 Jun 2014 08:57:07 GMThttps://raclen.cyou/blog/2014-05-29-014-%E5%8A%A8%E6%80%81table%E4%B8%8D%E6%94%AF%E6%8C%81onclick/https://raclen.cyou/blog/2014-05-29-014-%E5%8A%A8%E6%80%81table%E4%B8%8D%E6%94%AF%E6%8C%81onclick/- 不要着急，其实你知道了问题所在，就成功了大半,解决办法，table外面套一个div，IE7、8、9table又不支持冒泡，你获取parent()就可以了 - 打开一个窗口Thu, 29 May 2014 11:56:15 GMThttps://raclen.cyou/blog/2014-05-28-013-js%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/https://raclen.cyou/blog/2014-05-28-013-js%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1/ES 6 继承Wed, 28 May 2014 01:19:00 GMThttps://raclen.cyou/blog/2014-05-19-012-%E7%AE%80%E5%8D%95%E8%B4%AD%E7%89%A9%E8%BD%A6%E7%BB%93%E7%AE%97/https://raclen.cyou/blog/2014-05-19-012-%E7%AE%80%E5%8D%95%E8%B4%AD%E7%89%A9%E8%BD%A6%E7%BB%93%E7%AE%97/简单购物车结算Mon, 19 May 2014 08:49:40 GMThttps://raclen.cyou/blog/2014-05-14-011-%E8%B6%85%E5%87%BA%E5%AD%97%E7%AC%A6%E8%87%AA%E5%8A%A8%E9%9A%90%E8%97%8F/https://raclen.cyou/blog/2014-05-14-011-%E8%B6%85%E5%87%BA%E5%AD%97%E7%AC%A6%E8%87%AA%E5%8A%A8%E9%9A%90%E8%97%8F/超出字符，自动隐藏Wed, 14 May 2014 07:56:00 GMThttps://raclen.cyou/blog/2014-05-14-010-%E6%96%87%E5%AD%97%E9%97%AA%E7%83%81/https://raclen.cyou/blog/2014-05-14-010-%E6%96%87%E5%AD%97%E9%97%AA%E7%83%81/注意需要引入jqueryWed, 14 May 2014 02:56:11 GMThttps://raclen.cyou/blog/2014-05-13-009-ajax%E5%88%86%E9%A1%B5/https://raclen.cyou/blog/2014-05-13-009-ajax%E5%88%86%E9%A1%B5/代码蛮漂亮的，我第一次写这么好看的代码，留下来记录下Tue, 13 May 2014 09:27:21 GMThttps://raclen.cyou/blog/2014-04-16-008-%E5%9B%BE%E7%89%87%E8%BD%AE%E6%8D%A2%E5%85%B6%E5%AE%9E%E5%B0%B1%E8%BF%99%E5%87%A0%E8%A1%8C%E4%BB%A3%E7%A0%81/https://raclen.cyou/blog/2014-04-16-008-%E5%9B%BE%E7%89%87%E8%BD%AE%E6%8D%A2%E5%85%B6%E5%AE%9E%E5%B0%B1%E8%BF%99%E5%87%A0%E8%A1%8C%E4%BB%A3%E7%A0%81/图片轮换其实就这几行代码Wed, 16 Apr 2014 05:22:58 GMThttps://raclen.cyou/blog/2014-04-15-007-%E7%AE%80%E5%8D%95%E6%8B%96%E6%8B%BD%E4%BF%9D%E5%AD%98/https://raclen.cyou/blog/2014-04-15-007-%E7%AE%80%E5%8D%95%E6%8B%96%E6%8B%BD%E4%BF%9D%E5%AD%98/简单拖拽保存Tue, 15 Apr 2014 07:59:05 GMThttps://raclen.cyou/blog/2014-04-10-006-contains%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E6%90%9C%E7%B4%A2/https://raclen.cyou/blog/2014-04-10-006-contains%E5%AE%9E%E7%8E%B0%E7%AE%80%E5%8D%95%E6%90%9C%E7%B4%A2/contains实现简单搜索Thu, 10 Apr 2014 08:12:41 GMThttps://raclen.cyou/blog/2014-04-10-005-%E5%88%A4%E6%96%AD%E5%AD%97%E7%AC%A6%E8%BE%93%E5%85%A5%E4%B8%AA%E6%95%B0%E4%B8%AD%E6%96%87%E4%B8%BA2%E5%85%B6%E4%BB%96%E4%B8%BA1/https://raclen.cyou/blog/2014-04-10-005-%E5%88%A4%E6%96%AD%E5%AD%97%E7%AC%A6%E8%BE%93%E5%85%A5%E4%B8%AA%E6%95%B0%E4%B8%AD%E6%96%87%E4%B8%BA2%E5%85%B6%E4%BB%96%E4%B8%BA1/判断字符输入个数，中文为2，其他为1Thu, 10 Apr 2014 03:43:51 GMThttps://raclen.cyou/blog/2014-04-08-004-css%E8%BE%B9%E6%A1%86%E5%8F%91%E5%85%89/https://raclen.cyou/blog/2014-04-08-004-css%E8%BE%B9%E6%A1%86%E5%8F%91%E5%85%89/css边框发光Tue, 08 Apr 2014 07:30:43 GMThttps://raclen.cyou/blog/2014-03-11-003-%E9%AA%8C%E8%AF%81%E7%A0%8160%E7%A7%92%E7%A6%81%E7%94%A8/https://raclen.cyou/blog/2014-03-11-003-%E9%AA%8C%E8%AF%81%E7%A0%8160%E7%A7%92%E7%A6%81%E7%94%A8/上面那个不太好，要使用一个全局变量,不建议使用arguments.callee，这已经被废弃了 改一下 代码来源互联网，我已经忘记从哪来的了Tue, 11 Mar 2014 16:08:00 GMThttps://raclen.cyou/blog/2013-11-05-002-%E6%88%91%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84%E5%85%AB%E5%A4%A7%E5%AE%9A%E5%BE%8B/https://raclen.cyou/blog/2013-11-05-002-%E6%88%91%E5%BA%94%E8%AF%A5%E7%9F%A5%E9%81%93%E7%9A%84%E5%85%AB%E5%A4%A7%E5%AE%9A%E5%BE%8B/【首因效应】 45秒产生第一印象 初次会面，45秒钟就能产生第一印象，主要包括容貌、衣着、姿势和面部表情等。第一印象会在后续交往中占据主导地位。“首因效应”提示我们，初次见面应给人留下好印象。 人们都愿意与衣着整齐、落落大方的人交往。注意言谈举止，最好能言辞幽...Tue, 05 Nov 2013 15:39:00 GMT