分享一个有趣的提示词
最近发现一个挺有意思的 Prompt： 为什么觉得有意思？ 平时我们都是： 这个 Prompt 相当于变成： 比如做一个 ETF 量化系统： * 研发经理关注能不能做出来 * 数据工程师关注数据是否可靠 * 量化研究员关注策略和回测 * 基金研究员关注 ETF 本身 * 风控负责人专门找风险 这样就...
告别 Giscus：基于 Cloudflare Workers + D1 的博客评论系统自建与深度调优实践
引言：为什么放弃 Giscus？ 在搭建静态博客时，基于 GitHub Discussions 的 **Giscus** 凭借零服务器运维、开箱即用的特性，成了许多开发者的首选。然而在实际运行中，有两个核心痛点始终难以解决： 1. **读者门槛过高**：每条留言都必须先登录 GitHub 账号。对于...
更新于:
· 254 字
· 1 分钟
基金申购费怎么省？我目前在用的几个申购费 0 元渠道
买场外基金时，除了基金本身，申购费也是一个可以省下来的成本。 我整理了一下目前手机里的几个基金平台，核心就是：**能免申购费，就尽量不要多交。** > 以下规则以 2026 年 9 月目前 App 实际展示为准，活动权益可能调整。 目前几个主要平台 | 平台 | 免申购费规则 | 有效期/额度 | ...
从 Serverless 到常驻容器：基于 19 天 1,425 次实测的 Next.js 生产部署全景评测
> **数据周期**：2026-08-26 至 2026-09-13（连续 19 天） > **评测平台**：Cloudflare Pages (Edge) vs Vercel (Serverless/Edge) vs Northflank (微型常驻容器) > **测试环境**：Next....
更新于:
· 1464 字
· 6 分钟
免费云服务器/部署平台推荐：Vercel、Netlify、Render、Northflank、KataBump、Cloudflare 全面对比
现在部署个人网站、API、Docker 项目或定时任务，早就不需要先买一台云服务器从头折腾 Ubuntu、Docker、Nginx 和 SSL 证书了。 市面上有很多可以低成本甚至免费托管项目的云平台，但它们的设计定位完全不同：有的专为前端优化，有的适合 Docker 容器，有的主打 Serverl...
从“误封惨案”到架构重生：WireGuard 与 Clash 如何打造零断流的云端开发专线
> **摘要**： > 本文源于今天真实发生的一起“运维惨案”——本地 curl 触发了自建 VPS 安全大脑的 AI 判定，导致本地固定 IP 被全网防火墙物理丢包，进而引发了一连串关于网络黑洞、长连接断流、以及跨国网络穿透的深度排查。借由这次事故，我们彻底重构了本地开发与海外多云节点的互联架...
更新于:
· 135 字
· 1 分钟
oracle vps安装1panal
安装的时候可能遇到安装完了，但是没办法访问的问题 第一次申请，先去换个IP Oracle Cloud 控制台 → Compute → Instances（实例） → 你的机器 → Networking（网络） 然后： 找到 Attached VNICs（附加的 VNIC） 点击主 VNIC 进入 I...
更新于:
· 22 字
· 1 分钟
破解VMP盾的红警辅助
去某鱼买了个红警辅助（只有一小时），想试着绕过登录 <img width="578" height="354" alt="Image" src="https://github.com/user-attachments/assets/2c96df71-9b61-4313-bfd3-6efbbbc6f4...
更新于:
· 833 字
· 4 分钟
Claude Code 连接本机 Chrome（chrome-devtools MCP）
结论先行 本机 Chrome 是 **151**，远程调试通过 开启， 走的是 **M144+ 受控流程**，必须给 MCP 服务器配 ， 老式 **连不上**。 --- 两种连接模式（选错就是本次踩坑的根因） | 模式 | MCP 参数 | Chrome 侧要求 | | |---|---|-...
别再用传统方式折腾 U 盘了！聊聊 Ventoy + PE 到底怎么配合才最爽
如果你经常帮亲戚朋友修电脑、装系统，或者自己就是个爱折腾的数码爱好者，那“制作启动 U 盘”这事儿你一定没少做。 以往我们装系统，大部分人用的都是 Rufus，或者各类 PE 工具（FirPE、Edgeless PE、微 PE 等）。但传统的做法有个很让人抓狂的痛点：**一个 U 盘每次只能写入一个...
让 Claude Code 和 Codex CLI 共享记忆：我的 AI 编程工作流实践
最近一段时间，我越来越依赖 AI 辅助开发。 从最开始用 ChatGPT 查询问题，到后来使用 Claude Code、Codex CLI 直接参与项目开发，AI 已经逐渐成为我的日常开发工具。 但是在使用过程中，我遇到了一个比较明显的问题： **不同 AI 工具之间，像是互不认识。** 比如： 我...
更新于:
· 1182 字
· 5 分钟
如何让 Codex CLI 拥有 ChatGPT 一样的长期记忆能力
背景 最近在使用 ChatGPT 网页版和 Codex CLI 的过程中，发现了一个明显区别： ChatGPT 网页版越来越像一个了解你的长期助手，它知道你的技术背景、使用习惯、项目方向，回答问题时会结合过去的信息。 而 Codex CLI 默认更像一个刚启动的新助手： * 不知道你的开发环境； *...
我把一台 8G 老笔记本改造成 Ubuntu AI 开发机
我把一台 8G 老笔记本改造成 Ubuntu AI 开发机 最近 AI 编程越来越重度。 平时主要使用： Claude ...
Playwright 接管本地 Edge，交给AI来做
上一篇文章我们写的如果操作浏览器，这些，我们不用写代码。 claude code + gpt 对话 我： AI： 我: AI: <img width="1897" height="2735" alt="Image" src="https://github.com/user-attachments/a...
Playwright 接管本地 Edge：复用登录态操作真实网页
前两天折腾了一个挺有意思的事情。 不是让 Playwright 自己启动一个全新的浏览器，而是直接连接到我本地已经打开、已经登录的 Edge 浏览器，然后继续操作里面的网页。 这个需求其实非常真实。 很多时候我们并不是在做自动化测试，而是在处理一些日常工作： * 使用已经登录的论坛账号发帖、回复 *...
chagpt账号注册
指纹浏览器 https://github.com/adryfish/fingerprint-chromium 注册插件 https://flowpilot.qlhazycoder.top/
韩国甲骨文 VPS 隐藏 IP 实战：从 Hy2 到 VLESS 的 Cloudflare 避坑与终极优化指南 前言
薅到韩国甲骨文（Oracle）VPS 的小伙伴，往往都在享受其地理位置带来的低延迟红利。但随之而来的也是安全问题：如何隐藏 VPS 的真实 IP 防止被攻击或封锁？ 很多人的第一反应是套上大名鼎鼎的 Cloudflare（无论是 DNS 代理还是 Cloudflare Tunnel 隧道）。然而，技...
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 他能做的事情 自动化...
claude cli怎么设置key
在windows系统中 项目中执行 claude ，输入 /model 切换模型 <img width="1219" height="832" alt="Image" src="https://github.com/user-attachments/assets/8044c4bc-f013-493a...
Ant Design组件如何绑定 data-testid
1. Antd 组件支持 属性吗？ 大多数 **Antd 组件**（例如 、、 等）底层都会渲染为原生 DOM 元素，它们会把 **未知属性（例如 ）透传**到最终的 DOM 上。 所以，你直接写： 测试时： ✅ 这样就能直接获取到。 --- 2. 例外情况（Form.Item / 特殊组件） 有...
基于AI工具链构建Agent智能体应用
基于前端工程师的技术背景和AI工程化趋势，建议优先选择 **方向3（基于AI工具链构建Agent智能体应用）** 或 **方向4（通过提示词工程优化大模型生成结果）**。这两个方向与前端工程化能力结合度高、落地场景明确且市场需求快速增长，以下是具体分析和学习计划： --- 一、方向选择建议 **推荐...
在 Windows 系统下使用 VS Code 进行 JavaScript/TypeScript 开发时，GitHub Copilot 的使用技巧
一、基础配置与激活 1. **安装插件** 在 VS Code 扩展商店中搜索并安装 和 插件。 2. **登录与激活** 使用 GitHub 账号登录并激活免费版（每月 2000 次代码补全 + 50 次聊天对话）或付费计划。 --- 二、核心使用技巧 1. **代码生成与...
Reqable将https请求转发到本地
工具 - 重写 - 重定向 参考 https://reqable.com/zh-CN/docs/capture/rewrite#redirect 微信小程序抓包 登录的时候选择127.0.0.1:9000 打开Reqable ，比如韭圈儿小程序的数据 通过脚本修改返回值 onReque...
Windows 系统下的 JavaScript/TypeScript 开发者Cursor 使用技巧
**🖥️ Windows 快捷键适配** | 功能 | 快捷键 (Windows) | |--------------------------|-----------------------| | 生成/修改代码 | ...
如何在 Express 中集成 Apollo Server，并在前端执行 GraphQL 查询
在现代 Web 开发中， GraphQL 已成为替代传统 REST API 的强大工具。 Apollo Server<...
2025年最新AI应用体验指南：零门槛探索人工智能的奇妙世界
人工智能（AI）正以惊人的速度渗透到我们的日常生活。无论是创作艺术、生成音乐，还是提升工作效率，AI工具已成为爱好者和普通用户探索未来的桥梁。本文整理了**零门槛/低门槛的AI应用清单**，涵盖生成式AI、创意工具、趣味互动等热门领域，无需编程基础即可轻松上手，助你快速踏入AI的奇妙世界！ --- ...
在数字货币交易中，使用1H的k线数据，趋势追踪策略搭配哪些策略比较适合
在数字货币交易中，使用 **1小时（1H）K线数据**进行趋势追踪策略，可以搭配其他策略来提高交易的成功率和稳定性。由于1小时周期属于较短的时间框架，市场波动可能更频繁且容易受到噪声影响。因此，单独依赖趋势追踪可能会面临较高的假信号风险，最佳做法是将趋势追踪与其他策略或工具结合，形成多维度的判断。 ...
趋势追踪策略与均值回归策略：它们会同时满足吗？
在金融市场交易中，**趋势追踪策略**和**均值回归策略**是两种截然不同的交易理念，它们分别基于对价格变化的不同假设，广泛用于捕捉市场机会。然而，由于它们本质上的逻辑冲突，许多人好奇：这两种策略是否可能在某些情况下**同时成立**？如果可能，又该如何应对这种复杂情况呢？本文将带你深入了解这两种策略...
免费托管nodejs应用
- cloudflare -- edge模式 - vercel - render - Deno Deploy - Netlify - https://layerzero.network/ - https://bejamas.com/get-in-touch
在next中，使用文件系统（getStaticProps + Markdown 文件）加载博客内容
要在 Next.js 中使用文件系统加载博客内容，可以结合 和 Markdown 文件来实现。以下是一个基本示例，展示如何使用这些功能： 1. **安装必要的依赖**： 首先，需要安装一些用于解析 Markdown 的依赖项： - 用于解析 Markdow...
在 Node.js 中使用 TypeScript 的最佳实践
TypeScript 是 JavaScript 的超集，它通过静态类型检查和更强大的开发工具支持，帮助开发者提升代码质量。在 Node.js 项目中使用 TypeScript 是非常常见的选择，下面是一个完整的指南，教你如何将 TypeScript 集成到 Node.js 项目中。 --- ...
yahoo-finance2的chart方法
是一个用于获取雅虎财经数据的 JavaScript 库。 方法用于获取股票或其他金融工具的价格图表数据。以下是 方法的所有输入参数和输出参数的解释： 输入参数 - (string): 要获取图表数据的股票或金融工具的符号。例如， 代表苹果公司。 - (object): 一个...
Yahoo Finance 的 search方法
好的，我会将该文档翻译成中文，并添加参数注释，整理成博客文章。 --- 搜索功能 用法： **注意：** 上述示例输出并未涵盖所有可能的返回结果，这些结果可能会因资产类型甚至交易时段（交易期间）而异。有关我们涵盖的所有内容以及您可能获得的返回结果的详尽列表，请参阅 h...
使用 Yahoo Finance 的 `quote` 方法进行金融数据查询
在金融数据查询中， 是一个非常强大的工具，它提供了丰富的功能用于获取各种类型的金融市场数据。其中， 方法可以帮助开发者快速查询股票、期权等资产的详细信息。本文将介绍 方法的使用方式，包括其输入参数、返回数据结构以及各字段的具体含义。 --- ** 方法的使用** **基本用法**...
JavaScript 中的空值合并运算符(??)完全指南
引言 在 JavaScript/TypeScript 开发中，我们经常需要处理可能为空值的变量。ES2020 引入的空值合并运算符（??）为我们提供了一种优雅的方式来处理这些情况。让我们深入了解这个强大的运算符。 什么是空值合并运算符(??) 空值合并运算符(??)是一个逻辑运算符，当...
React 中模块作用域变量的可访问性分析
在 React 开发中，我们经常需要处理全局状态管理的问题。今天，让我们深入探讨一个有趣的问题：**没有被 export 的模块级变量是否可以被其他文件访问？** 模块作用域变量的访问性 让我们通过一个具体的示例来分析这个问题： 这个变量虽然没有被直接导出，但是它可以通过以...
如何在 React 中管理弹窗状态：三种方法的示例
如何在 React 中管理弹窗状态：三种方法的示例 在 React 中管理弹窗的状态有多种方法。本文将介绍三种常用的方法，并通过简单的示例代码进行演示。这三种方法分别是： 1. **使用存储 State 更新函数的引用** 2. **使用 Context API** 3. **使用 ...
git stash的基本用法
是 Git 中的一个非常有用的命令，它可以临时保存当前工作目录的修改，并将工作目录恢复到干净的状态。这样你可以在不提交这些修改的情况下切换分支或执行其他任务。下面是 的详细用法和常见操作： 基本用法 1. **保存当前修改**： 或者： 这会...
如何利用 Google 搜索技巧提高工作效率？
善用 Google 搜索技巧可以显著提升工作效率，帮助你快速找到所需资料、解决问题或获取最新信息。以下是一些方法和场景示例，可以结合 Google 搜索技巧高效完成工作任务： 1. **快速查找编程解决方案** - **精确问题定位**：在搜索代码问题时，使用双引号框住错误信息或特定代...
Git 回退最近一次的本地commit
使用场景： 如果本地提交冲突导致push不了，可以回退后，检查一下。 要回退最近一次的本地 Git commit，可以使用以下方法： 1. **回退最近一次的提交，但保留改动** 如果你想撤销最近的一次提交，但保留文件的改动（即将改动回到暂存区），你可以使用以下命令： ...
前端Server-Sent Events通信
先看效果图 后端需要两个接口，一个post协议，一个sse 下面是node代码，使用express data: Connection established\n\ndata: ${message}\n\nServer time: ${new Date().toLocaleTimeS...
TypeScript 与 React 结合常见的用法
TypeScript 与 React 结合，可以为组件的 Props、State 和事件处理函数等添加强类型约束，这有助于提高代码的可读性和可靠性。以下是一些常见的 TypeScript 与 React 组件结合的示例。 1. **函数式组件（Function Component）** ...
git rebase 和git merge 区别
在 Git 中， 和 都是用来整合分支的方法，但它们的工作原理和结果有所不同。以下是它们的主要区别： 1. 工作原理 - **git rebase**：将一个分支上的提交应用到另一个分支的基础上。具体来说，它会先找到两个分支的共同祖先，然后将当前分支（通常是一个特性分支）的提交一个一个地取...
Amazon EC2 云服务器安装和运行 V2Ray
步骤1：启动 EC2 实例 1. **登录到 AWS 管理控制台**：访问 并登录。 2. **导航到 EC2 服务**：在控制台主页，找到并点击“EC2”服务。 3. **启动实例**： - 点击“Launch Instance”按钮。 - 选择一个 Amazon Ma...
TelegramBot 有哪些方法
是一个用于与 Telegram Bot API 交互的 Node.js 库。它提供了丰富的接口，支持各种 Telegram 机器人的功能。 类是核心类，包含了大量的方法来处理与 Telegram 机器人的交互。 以下是 类中常用的方法及其功能概述： 常用方法 1. **发送消息*...
国内调用电报机器人api失败怎么办
问题分析 在代码中你遇到了 错误，这表示在 库的使用过程中出现了问题。这个问题的出现可能是由于 库的版本变化或者导入方式不正确导致的。 同时， 错误说明在尝试连接到 端口时连接被拒绝，这通常是因为代理服务器的地址或端口不正确，或代理服务器没有启动。 解决方案 1. 修...
Ubuntu服务器配置node环境
VPS 服务器部署指南 本指南将带您一步一步地完成在Vultr VPS服务器上部署一个简单Node.js应用的过程。从购买VPS服务器到部署和管理Node.js应用，我们将详细介绍每一个步骤。 1. 购买VPS服务器 首先，访问 购买一个VPS服务器。选择合适的配置，根据预算和需...
使用nodejs抓取某个telegram频道的数据
在 Node.js 中抓取 Telegram 频道的数据可以通过使用 的 JavaScript 等效库 和 实现。这些库允许我们与 Telegram 的 API 交互，获取频道的消息。下面是使用 和 的详细步骤。 方法一：使用 库 库提供了对 Telegram API 的高...
Express知识整理
路由 和同时存在，谁写在前面执行谁，如果会执行下一个，否则不执行下一个 中间件 模板 设置模板文件为html 设置静态文件目录 这里可以设置多个，第一个参数为路由字符串 错误处理
防抖和节流的简单实现
先说一下我的理解 防抖（debounce） 先判断，后执行，没有操作某时间后执行 节流（throttle） 先执行，再判断。先执行一次，某时间内，操作无效，某时间后，可以执行 扩展阅读
script标签中defer和async
script 这段代码的含义是: 在文档资源执行完毕后, 然后 、 并发下载(浏览器机制), 顺序执行。 下面这种写法与上面这种写法效果相同: 注意到关键词 , 它的特点如下: * 并发下载, ; * 渲染完再执行; 再来看如下写法: 此...
react-redux工作流程
流程图大概如下 下面看一下，每一步如何实现 1.action和reduces的关系 通过action.type来控制如何操作state，reduces里面就是具体的实现 2.reduces和store的关系 把所有的reduces合并到一起，准备放到sto...
react16新特性
废弃了一些Api componentWillReceiveProps componentWillMount componentWillUpdate 增加了一些Api static getDerivedStateFromProps(props, state) getSnapshotB...
new操作符做了什么？
先看一段代码 了之后返回了一个对象，该对象可以调用构造函数的方法，以及原型的方法 我们试着来实现 是不建议使用的，推荐使用，晚点我们来看下用这个怎么实现
认识__proto__和prototype
首先来批评一下这张图吧，画的真差，看睡着了，醒过来才看懂 我们给它标个序号，来分析一下 举个例子 第一步： 第二步： 这一步没有谁等于谁，谁指向谁 第三步： 第四步： 第五步： 这一步没有谁等于谁，谁指向谁 第六步： 第七步： 这一步没有谁...
fetch超时处理
antd 升级到umi后，也没有对request做超时处理，很奇怪 因fetch本身不支持超时，这里需要用到Promise.race()方法 p1,p2,p3哪个快，就得到的是哪个 antd 的request.js 返回值改造成这样 请求超时 由于fetch不支持中断，这里只是前端拿到一个超时状态，...
antd 实现keep alive
背景：后台项目需要切换路由的时候保存用户数据 给它们提了issues，官方不考虑加上 就琢磨着怎么实现 antd pro项目 gitbub找了个钩子 找到这个文件 BasicLayout.js 修改为 ScrollToTop.js 切换的时候定位到顶部
iframe两个小例子
有时候 我们想部分显示iframe里面的内容，比我们的iframe里面只想显示一个网站的股票信息，其它的不想显示，下面这个例子显示一个页面中一块 我们可能希望iframe里面的内容缩放，就像显示缩略图 可以用transform来实现 下面是个例子 参考链接
zepto源码阅读
zepto考虑的都是现代浏览器，代码相对jquery简洁些 这是早期的代码，很好理解 发现zepto的作者喜欢省略括号，vue的作者喜欢省略分号 把选择的元素放到一个数组里面，位置相关的操作，就相当于超过数组 未完
简单说一下react
首先，复杂的配置，编译插件安装，很麻烦，我找了一个脚手架 来写 安装使用 安装完，大概是这样，还是比较简洁的，但是功能很强大，各种编译插件，热加载，打开浏览器都有，src里面可以再细分一下文件夹 写的demo是这样一个功能 index>app>box>liview 使用的ES6的写法，用到...
webpack-神奇的前端工具
> webpack只是工具不涉及浏览器兼容 最早接触webpack是15年初，那时候也写了几个dome， 但是有模块化的没模块的组合，不知道怎么处理，但是RJS可以处理各种有模块化，没模块化的，就一直用的RJS。废话不多话，开始介绍webpack webpack的基本使用很容易，只要你按照commo...
google-maps网页api开发
通过下面几个例子，一起走进google maps 网页api开发 PS：我查了下V3的api有的说需要key,有的说不需要key，根据文档貌似是需要key的，但是我们公司的的确没用key（然后访问量起来就挂了)。。，以下的预览地址（服务端环境）会提示需要key，拷贝下来本地运行都是可以的 测试数据坐...
整理一下这些日历
这个日历是去年写的，也写了一篇文章介绍 预览地址 这个是根据项目中的代码，整理改编的，依赖较少 预览一下 这个日历是根据改编 去掉了[今天，取消，确定，时分秒]等，我认为没啥用的功能 增加了自定义限制不可选日期 优化了样式 代码可读性强，如果需要增加自定义功能，方便修改源代码 预览地址 这个算是移...
Photoshop不改变像素改变大小
切图的时候我们可能会用上精灵图，比如这个 但是随着后续需求的增加，那张图片就放不下那么多图标了，就需要改变那个图片的大小，但是图片的像素，以前的图标位置，不能变 我好像一年没用上了，刚试了下，还记得。为了避免忘记了，记录一下 按下 快捷键
angular定时器何时销毁
在清晨好文章中，给li绑定了一个定时器，每隔三秒给他下一个li加一个样式 但是什么时候清除定时器呢 你可能想到，我在调用之前清除 试过之后就知道不对了 正确的做法是在DOM从页面删除的时候销毁
正则表达式-零宽断言
先看一下零宽度正预测先行断言（ 格式为 (?=exp) ） 我们来看一下 零宽断言 断言的是后面出现的东西，所以上一个正则表达式永远匹配不到东西 改一下 当我看到这的时候我想这不是和/ab/一个意思了？其实不是的 这里的ab 是\wb 零宽断言一般是放后面匹配的，来看一下这个例子 (?=abc)这...
我认为使用原生JavaScript不适合开发
经常看到一些要求会使用原生JavaScript进行开发，我觉得这样并不明智（特别是PC端开发），因为我觉得这样很多东西都要写两遍，不麻烦吗 下面来看看有哪些东西需要写两遍 绑定事件 删除事件 获取事件及事件对象目标 阻止浏览器默认事件的兼容性写法 在数组中很多ES5方法存在兼容性 indexOf()...
无缝滚动
因朋友需要，写的一个滚动，挺简单的，就几行代码 演示地址 PS：还记得注册github时候是为了学习git命令，我怕把公司仓库玩坏了。github不光给我们提供代码储存，还提供了一个无限制的静态服务器，是每个前端都应该用的
DOM操作——怎样添加、移除、移动、复制、创建和查找节点
1. 创建新节点 createDocumentFragment() //创建一个DOM片段 createElement() //创建一个具体的元素 createTextNode() //创建一个文本节点 2. 添加、移除、替换、插入 ap...
再来看看$.extend
先看看zepto中的用法 API中是这样说 $.extend(target, [source, [source2, ...]]) ⇒ target $.extend(true, target, [source, ...]) ⇒ target v1.0+ 通过源对象扩展目标对象的属性，源对象属...
$.trim是怎么实现的
首先来看看zepto是怎么实现的 它调用了字符串的trim方法来处理【ES5增加的方法】 在jQuery 1.2.6中 使用了正则表达式去掉前后空格 在jQuery1.6.1中 检查浏览器支持trim方法不，支持就调用浏览器本身的，不支持就用正则 在jQuery1.7中trim方法和jQuery1....
关键字搜索优化
很多地方都有这种关键字搜索，每次输入都调用一次接口，可能就比较浪费，因为用户还没输完。我们可以延迟调用接口，当用户输入了和上次一样的关键字 就不重新调用接口，这里对关键字做一个缓存,差不多就是这样 这篇文章写得很详细，可以参考
chrome插件double-search
double-search 让你一次回车多个结果，支持个性定制自己的搜索习惯，目前支持Google，百度，搜狗，知乎，必应，默认是Google和百度 使用方法，打开谷歌浏览器，地址栏chrome://extensions/回车，double-search.crx文件拖进去 最新插件下载地址 下面这...
IE上实现placeholder
从我开始写前端placeholder一直都没出过兼容性。 13年开始写微信内嵌页面，14年初也是微信内嵌页面，后来做一些APP内嵌页面和一些手机浏览器支持页面。在大家都做移动端的时候，我又开始了PC端 placeholder在IE7/8/9都不支持，找到这个，为了满足业务需求，我稍微修改了一下。
说说zepto
本身的zepto比较简陋，如果使用animate，可能需要引用，如果使用tap，swipeLeft，swipeUp等触摸事件，需要引用模块。听说zepto可以用tap事件，它比click快，用了近一年zepto，我也没发现zepto的tap，后来换了份工作做PC端，偶然发现是因为没有引用touch模...
当requirejs和angular到一起
> angular的路由，过滤器，模板。这些功能我很喜欢 requirejs对于没有模块化的js，AMD规范的js，以及，没有模块化和AMD规范的混合的 都支持，我觉得很好 起初使用requirejs 就是我们老大说的，一个页面引用一个js看起来干净，我也很赞同 r.js压缩其实很容易，前提是re...
家庭药箱的非处方药物清单
twitter上看到一篇文章，就收藏了 - 布洛芬。 解热，镇痛，抗炎。头痛、经痛时可以缓解，但未知原因的病痛不要用镇痛药掩盖病症 - 氨酚曲麻（或近似药物）。 治疗感冒症状（替代药物：抗病毒颗粒，莲花清瘟胶囊） - 马来酸氯苯那敏。 抗过敏，有过敏体质的人可以用来缓解过敏症状。 - 盐酸小檗...
javascript生成二维码
因搜索出来的大部分结果都是jquery.qcode.js，不是很理想的，我就写下这个记录一下 github地址https://github.com/aralejs/qrcode 它的优点 > 1.中文不乱码 2.不依赖jquery 3.支持中间显示图片 调用方式 有图有真相 清晨好文章
node中request模块配置项
设置method 设置referer request默认是不支持cookies，需要开启 这是操作cookies的一个例子 如果需要传参数，可以使用form，例如 设置代理（这样可以使用fiddler抓取请求了） 抓取被墙的网站E.g:
mongodb安装使用
MongoDB 下载 参考 http://www.runoob.com/mongodb/mongodb-window-install.html 安装完成后进入到mongodb 的bin目录 D:\Program Files\MongoDB\Server\3.0\bin 在项目中建一个data文件夹 ...
hexo搬到farbox只需要一秒
我一直认为有些东西用了一次，很久可能就不会再用，为了下次快速的使用，有必要记录一下 网易博客总是文章数据获取不到，页面可以打开，拉不出来文章（直到现在还是这样） 也用过一段时间sae for WordPress，后来有个插件出问题了，代码高亮不了，代码本地也跑不起来，不好调试，就没用了 后来又搬到h...
node上传图片
开始用的kindeditor编辑器，上传图片不成功，就换了 这是node代码，需要注意的是uploadDir指向的路径文件夹要真实的存在，它不能在不存在的时候给你创建一个，
node+Mongoose实现分页
如果说hibernate是让程序员用面向对象的思维操作数据库，Mongoose就是让程序员用函数的思想操作数据库。 这个人写的是对的，就是有个单词写错了exex应为 修改后如下 //CORS处理跨域
express post请求res.body 取不到数据
使用post请求，json格式的时候，这里需要使用一个中间件 参考链接 https://cnodejs.org/topic/53c89067c9507b4044b1deaa https://github.com/expressjs/body-parser
数组去重
今天发现以前写的数组去重方法有问题，删了 新的，这个应该没问题吧 也可以这样 这种对于类型不一样去重不了，如1和“1”，并且ES5数组才有indexOf()方法 我们可以新增一个变量来判断，新的数组里面是否有某个值 平常写代码觉得能少用一个变量就少用一个，对于第三种多了一个变量的确一下子简单不少。
清晨好文章
使用到了nodejs+mongoose+socket.io 部署在https://coding.net 预览地址http://raclen.win/（用手机访问） 代码在https://coding.net/u/max001/p/raclen/git
图片滑动，每次移动一个
这东西几行代码就写完了，一些插件写得那么多，吓人 全部代码在https://github.com/ralcen/jquery/blob/master/test-picsslide.html 预览地址http://ralcen.github.io/dome/test-picsslide.html 部署...
float-left的对象如何居中
> [参与测试的浏览器：IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 ] 我们在做导航（nav）时，通常会用到float：left;但是这样做的话，让导航文本水平居中确实个麻烦事； PC端用的多，在手机端，可以不用float，很多新的布局可用 分析如下：...
加载进度条
动画写的好，一定要css写得多，看着一个动画，就能看出来它的结构，有了结构，js就好写了，下面是一个进度条 预览一下http://output.jsbin.com/yedatukuvu
验证提示组件
以前主要写移动端，验证提示不会放在文本框后面，屏幕比较小，PC端这种提示很不错 我觉得PC兼容性很多，使用jquery是很好的，所以这个组件基于jquery，来避免未知的错误 代码不多，就几行代码 全部代码在https://github.com/ralcen/jquery/blob/master/t...
写了一个简单的日历
公司的一个日历控件有问题，让我看哪有问题，看起来真复杂，我就先写了一个日历，看实现原理是什么 也不怎么会表达，一行一行的coding完了，就这样了 预览地址http://output.jsbin.com/qayisezula 核心代码 全都代码在这 https://github.com/ralcen...
使用触摸事件判断滑动方向
1. 找到触摸之前横纵坐标 2. 找到触摸之后横纵坐标 3. 相减得到滑动的距离，如果横着长度大于竖着长度，就是左右滑动，再根据正负可以判断是左还是右，反之，同理可得，是上还是下 效果预览：http://output.jsbin.com/wuqilofoyi 需要谷歌浏览器模拟一下手机看
写了个图片上下滑的东西
平常不怎么写动画，怕面试问到，刚好看到这个题目，就写写试试。代码写的有点乱... 效果演示：http://output.jsbin.com/fepetupeqa
移动端reset.css
找了一下这个还是不错的reset /*知识扩展*/ 1. -webkit-tap-highlight-color -webkit-tap-highlight-color:rgba(0,0,0,0);//透明度设置为0，去掉点击链接和文本框对象时默认的灰色半透明覆盖层(iOS)或者虚框(Android...
随手写了一个gulp插件，我真是天才
作用就是把px转换成rem，今天加班收获不少O(∩_∩)O哈哈~ 这句话的意思就是获取文件的内容，然后转换成字符串 放在这https://github.com/ralcen/jsCode/blob/master/gulp_bulid/gulp-pxtworem.js 为了匹配小数的情况，更新了一下正...
replace函数真强大
写了一个把样式表的px转换成rem的东西，因为上周写的页面在平安银行APP里面显示有问题， 这个meta不识别的， 还是得用rem布局，就写了个这个，后期闲下来试试写个node或者g...
两端对齐box-pack
这个属性真好玩，适合写这样的 例子： http://output.jsbin.com/kigobumoku 这个东西还可以做居中对齐 http://www.w3school.com.cn/cssref/pr_box-pack.asp
移动端的自适应也可以这样
百分比布局，比例不好算，宽度也是把握不准， rem计算，还需要引入JS(淘宝，万里通) width等于设计的图的宽度，然后，设计图多少尺寸，布局就多少，就对了（或者除以二） http://jsbin.com/mecikoviqu（谷歌打开用iphone4，5，6，ipad看看） http://www...
Gulp-前端自动化工具
这个东西也看了很多遍了，今天写个东西，因为大家都提倡资源优化（最小化），压缩图片，我经常要用到，以前都是用tinypngy一个个压缩，然后保存，现在就用gulp写一个图片的压缩。 首先默认你已经安装node 更改一下npm的镜像，国内的下载npm插件，容易失败（如果你可以正常下载，可以跳过了） 安装...
使用rjs合并压缩requirejs和css
需要压缩的index.js 在项目目录下新建一个rjs_build文件夹,里面放上r.js 再写一个buildjs.js 进入rjs_build目录 node r.js -o buildjs 2)合并压缩css 新建一个main.css(名称自定义)，里面使用import 引入需要合并的css，从...
再谈匹配qq:’2275025′这回事
想要获得正则匹配后是个数组，它没有方法，我想是的一下， 再用，结果是不行的，（w3school说只能把一个逻辑值转换成类型，在这里不包括） 在这里我想到call的用法,试着把string原型中split拿出来给数组用，结果是可行的。 从《javascript权威指南》中数组用中的方法得到的启发
queue的用法
先上代码 的作用就是在动画执行过程中加入自定义动画（一段动画，或者一个代码之类） 用上一般就要用到，的作用是跳出函数让代码或者动画继续执行， 有开始动画就有停止动画 就是用来结束定义的动画，只能暂停或停止 定义的动画
对象深复制
为什么要用到对象复制，和对象深复制，这就不说了。直接上代码 下面来个腻害的，用jquery解决这个问题 用jquery的继承，更改了新对象不会影响到以前对象 PS: zepto(1.4)的$.extend没有复制的作用 还有个黑科技
hasOwnProperty的作用
hasOwnProperty 作用是在一个对象里面找是否有某个属性或对象， 但是不会在它的原型中找， 返回boolean类型 一般用来过滤for in循环， 在for in循环中， 会遍历对象原型中的属性， 如果JS代码太多， 封装了一些组件， 大概就是模块化开发那种， 一个对象继承另一个对象， 你...
数组元素复制
背景：后台传过来的是 插件需要传一个数组过去，类型是 很显然，字段不一样，然后，我这样写 打印不出来，我就想的是数组复制，总感觉差点什么。原因是 不是一个对象，加上这句就行了 这个先说到这，另一种方法，直接在那个数组上复制一个元素 如果你是个有强迫症的人，你可以把多余的元素删了
.gitignore
在使用git的时候，我我们可能会遇到，位于仓库中的某些文件夹不需要提交，我们可以对其过滤 这时候就用到 在仓库中新建一个的文件。 在window中创建这个文件可能会弹出请输入键名， 可以在进入git仓库后输入 就创建这个文件了 如果要匹配所有目录下的 node_modules 文件夹，只需要这样做：...
闭包
在这个函数中，其实是相当于 在外面我们和可以 访问这个函数但是我们不能访问f2()这个函数 因为 是想一个函数赋给一个全局变量，没有 就是声明的全局变量，闭包没意思，我觉得就是个变量作用域的事 来看一下那个经典的面试题
正则表达式积累
将数字和. 之外的清除 ()的用法 得到的是一个数组[qq:'2275025'] 得到的数组["qq:'2275025'","2275025"] ()的作用就是在当前匹配的结果中把()的东西，作为数组第二个元素，让你可以获取 \w的用法 我们平常看到了网站用户名注册，就用到了这个 ...
第一个jquery插件
javascript /* jquery.one.js byz 之涯 插件就像函数封装一样，写好的东西，换几个参数调用 这里需要注意的是$.extend的用法，后面的覆盖前面的，所以我们可以设置默认值 其它也没什么好说的，插件还是比较简单，容易接受的 $.extend详细用法可以参考http://w...
总结一下jquery跨域
一直以来没遇到，两次擦肩而过，这里写一下，感觉他们写的都很模糊 后台代码，放到请求的action，让这些代码执行就行 java代码： .net代码: php代码： 统一返回//callback是获取的callback的值，data是原本要返回的结果集 另一种方式
点击第二个，删除第一个，追加到后面
这里用到的知识 1. 匹配选择器eq() 2. ，以前没用过 3. ，通过 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素（比如由脚本创建的新元素），如果不用live，第二次将不能在点击了。
jQuery 获取 iframe 父页面与子页面的元素和方法
> 在页面中查找 iframe 页面元素： $(‘#iframe’).contents().find(‘#id’) 在 iframe 中查找父页面元素： $(‘#id’, parent.document) 在 iframe 中调用父页面中定义的方法和变量： parent.method pare...
动态table不支持onclick
- 不要着急，其实你知道了问题所在，就成功了大半,解决办法，table外面套一个div，IE7、8、9table又不支持冒泡，你获取parent()就可以了 - 打开一个窗口
我应该知道的八大定律
【首因效应】 45秒产生第一印象 初次会面，45秒钟就能产生第一印象，主要包括容貌、衣着、姿势和面部表情等。第一印象会在后续交往中占据主导地位。“首因效应”提示我们，初次见面应给人留下好印象。 人们都愿意与衣着整齐、落落大方的人交往。注意言谈举止，最好能言辞幽...
想要按时间倒叙查阅所有历年历史文章？
前往完整归档时间轴