当下的七炎
RSS Feed记录技术、工具、投资与日常思考。
最新文章
-
别再用传统方式折腾 U 盘了！聊聊 Ventoy + PE 到底怎么配合才最爽
如果你经常帮亲戚朋友修电脑、装系统，或者自己就是个爱折腾的数码爱好者，那“制作启动 U 盘”这事儿你一定没少做。 以往我们装系统，大部分人用的都是 Rufus，或者各类 PE 工具（FirPE、Edgeless PE、微 PE 等）。但传统的做法有个很让人抓狂的痛点：**一个 U 盘每次只能写入一个...
-
让 Claude Code 和 Codex CLI 共享记忆：我的 AI 编程工作流实践
最近一段时间，我越来越依赖 AI 辅助开发。 从最开始用 ChatGPT 查询问题，到后来使用 Claude Code、Codex CLI 直接参与项目开发，AI 已经逐渐成为我的日常开发工具。 但是在使用过程中，我遇到了一个比较明显的问题： **不同 AI 工具之间，像是互不认识。** 比如： 我...
-
如何让 Codex CLI 拥有 ChatGPT 一样的长期记忆能力
更新于:背景 最近在使用 ChatGPT 网页版和 Codex CLI 的过程中，发现了一个明显区别： ChatGPT 网页版越来越像一个了解你的长期助手，它知道你的技术背景、使用习惯、项目方向，回答问题时会结合过去的信息。 而 Codex CLI 默认更像一个刚启动的新助手： * 不知道你的开发环境； *...
-
如何搭建一个中转站
更新于:常见的用new-api和sub2api，前者比较耗内存，功能较多，我搭建的后者。其实非常容易 因为我开始搭建的是CLIProxyAPI，我的账号都401了，就不用了，把他卸载 让来AI来处理就行 <img width="510" height="476" alt="Image" src="http...
-
oracle vps安装1panal
更新于:安装的时候可能遇到安装完了，但是没办法访问的问题 第一次申请，先去换个IP 防火墙按安全管理配置 开放端口 一键安装
-
我把一台 8G 老笔记本改造成 Ubuntu AI 开发机
我把一台 8G 老笔记本改造成 Ubuntu AI 开发机 最近 AI 编程越来越重度。 平时主要使用： Claude ...
-
随笔
Verification: Chrome 插件弹窗输入关键字并搜索 Google Verdict: PASS Claim: 插件从“点击图标直接搜 AI”改为“打开弹窗，输入关键字后搜索 Google”；默认值为 AI，提交后新开 Google 搜索结果页。相关实现见 manifest.json、p...
-
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/
-
CLIProxyAPI 部署到linux
CLIProxyAPI 部署到linux
-
韩国甲骨文 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...
-
节点搭建
参考这个 https://github.com/eooce/Sing-box 执行这一句就行了，里面有解锁chatgpt方式 如果是nat机器,自定义节点端口 如果只开放了ipv6端口
-
vue学习
洛雪音乐 https://github.com/lyswhut/lx-music-desktop ikun音乐 https://github.com/ikunshare/ikun-music-desktop lx-netease-music https://github.com/souvenp/l...
-
现在美股和黄金价格都比较高，应该怎么买
现在美股和黄金价格都比较高，应该怎么买
-
一些有趣的软件
听歌 MusicFree ，需要找音源 电视 https://www.haitangw.cc/6852.html 在线看视频 - https://www.ddys.run/ - https://www.24dy.vip/ - https://www.hhkan0.com/ 下载音乐 - ht...
-
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...
-
A股做T策略：实现10%年化收益的深度分析与规划
<div data-v-53cd9be5=...
-
构建攻守兼备的投资组合：低波红利指数、中证800指数与国债ETF的完美融合
<div data-v-53cd9be5=...
-
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小时周期属于较短的时间框架，市场波动可能更频繁且容易受到噪声影响。因此，单独依赖趋势追踪可能会面临较高的假信号风险，最佳做法是将趋势追踪与其他策略或工具结合，形成多维度的判断。 ...
-
趋势追踪策略与均值回归策略：它们会同时满足吗？
在金融市场交易中，**趋势追踪策略**和**均值回归策略**是两种截然不同的交易理念，它们分别基于对价格变化的不同假设，广泛用于捕捉市场机会。然而，由于它们本质上的逻辑冲突，许多人好奇：这两种策略是否可能在某些情况下**同时成立**？如果可能，又该如何应对这种复杂情况呢？本文将带你深入了解这两种策略...
-
Zero Trust 内网穿透
https://blog.csdn.net/qq_44980517/article/details/142482209
-
免费托管nodejs应用
- cloudflare -- edge模式 - vercel - render - Deno Deploy - Netlify - https://layerzero.network/ - https://bejamas.com/get-in-touch
-
2025年计划
量化交易 贝叶斯+量价关系+nodejs自动交易 https://mp.weixin.qq.com/s/kaFo7zGoeTrDw8zXQJMgiA ETH自动化交易
-
在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. **保存当前修改**： 或者： 这会...
-
Flutter入门
目标 把FlClash跑起来 前期准备 1.环境搭建 2.代码调试 3.代码打包 参考 (https://docs.flutter.cn/resources/inside-flutter)[官方文档] (https://book.flutterchina.club/cha...
-
如何利用 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）** ...
-
TypeScript基本用法
TypeScript基本用法
-
什么叫做5W2H法
5W2H法是一种用于分析和解决问题的工具，特别常用于项目管理、质量管理和决策制定。这个方法通过回答七个关键问题，帮助人们全面理解问题并制定有效的解决方案。这七个问题包括： 1. **What（是什么）**：问题或任务是什么？需要解决的问题或完成的任务的具体内容是什么？ 2. **Why（为什...
-
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 的高...
-
经济学的十大原理
经济学的十大原理是美国经济学家格里高利·曼昆（N. Gregory Mankiw）在他的著作《经济学原理》中提出的。这些原理涵盖了微观经济学和宏观经济学的基本概念，帮助人们理解经济活动的基本规律和经济学分析的方法。以下是对这十大原理的浅析： 1. 人们面对权衡取舍 **原理**：为了得到...
-
nginx
安装 windows版本 http://nginx-win.ecsds.eu/download/ 启动，关闭的命令 nginx配置 /product-poimanagement 注意 listen 的端口和location里面的端口不能一样，否则会出现 错误 错误处理 里面有...
-
随笔
- 只要是用户输入的地方，都要去除空格 - IE10以下浏览器GET方式请求接口参数不变，会出现缓存，造成请求结果不对，它们好像把接口也当成普通http链接了，解决办法参数加一个时间戳 - BEM命名 可以解决取名字难得问题，只要有一个顶层的block名字，就用“-”一直往下排，不可再分的时候就...
-
一些代码片段
一些代码片段
-
Express知识整理
路由 和同时存在，谁写在前面执行谁，如果会执行下一个，否则不执行下一个 中间件 模板 设置模板文件为html 设置静态文件目录 这里可以设置多个，第一个参数为路由字符串 错误处理
-
promise的实现
没懂，先记下来，后面再理解 原文 https://mp.weixin.qq.com/s/qdJ0Xd8zTgtetFdlJL3P1g
-
call和apply以及bind的简单实现
call和apply以及bind的简单实现
-
防抖和节流的简单实现
先说一下我的理解 防抖（debounce） 先判断，后执行，没有操作某时间后执行 节流（throttle） 先执行，再判断。先执行一次，某时间内，操作无效，某时间后，可以执行 扩展阅读
-
错题集
1. 时间传播的三个阶段是什么 捕获-目标-冒泡 2. 所有对象都有原型 （错误） 原因：除了基础对象外 3. 对象相等都是false（{name:'aa'}=={name:'aa'}//false） 4. 代码示例 5. 下面代码的输出是什么? 6. 一段代码 7....
-
Object.defineProperty和Proxy
${hero.name}${hero.name}to ${value} 扩展阅读
-
script标签中defer和async
script 这段代码的含义是: 在文档资源执行完毕后, 然后 、 并发下载(浏览器机制), 顺序执行。 下面这种写法与上面这种写法效果相同: 注意到关键词 , 它的特点如下: * 并发下载, ; * 渲染完再执行; 再来看如下写法: 此...
-
认识Generator
示例1 示例2，处理异步 *main()data*main() 示例3，具体看一下异步处理
-
Object.create做了什么？
关联两个构造函数的原型,可以在继承或者创建实例（会丢失this）
-
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不支持中断，这里只是前端拿到一个超时状态，...
-
如何编译后自动提交代码
利用pkg这个特殊的命名 执行 即可
-
antd 实现keep alive
背景：后台项目需要切换路由的时候保存用户数据 给它们提了issues，官方不考虑加上 就琢磨着怎么实现 antd pro项目 gitbub找了个钩子 找到这个文件 BasicLayout.js 修改为 ScrollToTop.js 切换的时候定位到顶部
-
懂点bat命令
打开某个文件夹 执行某个命令
-
iframe两个小例子
有时候 我们想部分显示iframe里面的内容，比我们的iframe里面只想显示一个网站的股票信息，其它的不想显示，下面这个例子显示一个页面中一块 我们可能希望iframe里面的内容缩放，就像显示缩略图 可以用transform来实现 下面是个例子 参考链接
-
关于感冒
有几年没感冒了，最近又感冒了，感觉我每次感冒都症状都一样，发热，浑身无力 现在的我已经可以通过搜索引擎来弄懂一个东西了，现在来了解下这个感冒 首先感冒是经常的事情，大多是病毒性引起，不需要吃药，我也没吃过，但是我每次都比较严重 下面这些药可以缓解感冒症状 普通感冒不需要打吊瓶，可以慢慢好，但是由于...
-
zepto源码阅读
zepto考虑的都是现代浏览器，代码相对jquery简洁些 这是早期的代码，很好理解 发现zepto的作者喜欢省略括号，vue的作者喜欢省略分号 把选择的元素放到一个数组里面，位置相关的操作，就相当于超过数组 未完
-
记一下vuejs
关注Vue也很久了，第一次知道它，对它的印象是小，只有18K。 下面通过这几个例子来介绍它，基于目前最新版本的vue2.X a tips 有的时候 不光模板里面需要用到props里面的值，在methods里面也需要用到，在这我们就可以初始化props的值 定义一个计算属性，处理 prop 的值并返回...
-
简单说一下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，拷贝下来本地运行都是可以的 测试数据坐...
-
字符串还可以这样玩
这像什么，模板赋值啊，忽然发现一个新大陆，有意思 现在我把它改进了下 顺便说一下，正则的确是很好的工具，有了正则，思路又开阔了些
-
整理一下这些日历
这个日历是去年写的，也写了一篇文章介绍 预览地址 这个是根据项目中的代码，整理改编的，依赖较少 预览一下 这个日历是根据改编 去掉了[今天，取消，确定，时分秒]等，我认为没啥用的功能 增加了自定义限制不可选日期 优化了样式 代码可读性强，如果需要增加自定义功能，方便修改源代码 预览地址 这个算是移...
-
提示框
发现CSS也能干这事 还是我认为的，CSS结构写的好，就可以少写几行JS，看来CSS写的好，就可以不写JS，我估计还有很多窍门，我得把我的HTML5权威指南看一下了
-
javascript数组随机排序
数组随机排序又叫数组洗牌，我们在做一些抽奖的小游戏会用上 可能我们从来用不上这个，但是，注意了，打起精神，面试可能会遇上哦 延伸阅读
-
字体、光和颜色
字体 > 1、系统会选择第一个字体，如果没有就用第二个字体，以此类推，所以我们应该在最后一个放一个通用字体，以保证正常显示 > 2、英文字体名应该放在中文的前面，以保证中英文字体不同 > 3、如果字体名有空格应该使用双引号 > 4、中文字体也建议使用英文名，如微软雅黑为Microsoft YaHei...
-
字符串特殊字符转义
字符串有一些特殊转义字符，所以才造成了上面的情况 下面这个表格统计了可以转义的特殊字符
-
Photoshop不改变像素改变大小
切图的时候我们可能会用上精灵图，比如这个 但是随着后续需求的增加，那张图片就放不下那么多图标了，就需要改变那个图片的大小，但是图片的像素，以前的图标位置，不能变 我好像一年没用上了，刚试了下，还记得。为了避免忘记了，记录一下 按下 快捷键
-
angular指令
前端组件化，angular指令可以帮到我们 指令还是比较复杂，它 一共有这么多参数，先写到这，我只明白其中几个 restrict 值 对应类型 使用方法 <t...
-
angular定时器何时销毁
在清晨好文章中，给li绑定了一个定时器，每隔三秒给他下一个li加一个样式 但是什么时候清除定时器呢 你可能想到，我在调用之前清除 试过之后就知道不对了 正确的做法是在DOM从页面删除的时候销毁
-
JavaScript常问代码片段
JavaScript常问代码片段
-
正则表达式-零宽断言
先看一下零宽度正预测先行断言（ 格式为 (?=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....
-
前端中用到的文件上传
多文件上传，文件过滤，拖拽上传，图片预览，以及不同浏览器的兼容怎么处理 可以看看这几个demo 写下这篇文章做个备份，demo来源
-
关键字搜索优化
很多地方都有这种关键字搜索，每次输入都调用一次接口，可能就比较浪费，因为用户还没输完。我们可以延迟调用接口，当用户输入了和上次一样的关键字 就不重新调用接口，这里对关键字做一个缓存,差不多就是这样 这篇文章写得很详细，可以参考
-
chrome插件double-search
double-search 让你一次回车多个结果，支持个性定制自己的搜索习惯，目前支持Google，百度，搜狗，知乎，必应，默认是Google和百度 使用方法，打开谷歌浏览器，地址栏chrome://extensions/回车，double-search.crx文件拖进去 最新插件下载地址 下面这...
-
一个博邦商城投资者的日记
趋势分析 前言...
-
IE上实现placeholder
从我开始写前端placeholder一直都没出过兼容性。 13年开始写微信内嵌页面，14年初也是微信内嵌页面，后来做一些APP内嵌页面和一些手机浏览器支持页面。在大家都做移动端的时候，我又开始了PC端 placeholder在IE7/8/9都不支持，找到这个，为了满足业务需求，我稍微修改了一下。
-
Handlebars也挺有意思的
是一个模板 你可以自定义方法，让它变成和angular一样灵活 有时候 需要传入一段html 我们可以使用三个括号 更多可能等你探索
-
说说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...
-
js运算精度问题
js运算精度问题
-
animate-steps
...
-
家庭药箱的非处方药物清单
twitter上看到一篇文章，就收藏了 - 布洛芬。 解热，镇痛，抗炎。头痛、经痛时可以缓解，但未知原因的病痛不要用镇痛药掩盖病症 - 氨酚曲麻（或近似药物）。 治疗感冒症状（替代药物：抗病毒颗粒，莲花清瘟胶囊） - 马来酸氯苯那敏。 抗过敏，有过敏体质的人可以用来缓解过敏症状。 - 盐酸小檗...
-
实用在线地址
在线二维码生成 在线编辑代码 在线Markdown编辑 谷歌记事本 地址栏输入 在线CSS校验 格式化javascript 正则表达式校验 (有颜色) 在线代码对比 图片压缩 常用CSS代码集合 animate.css 谷歌页面性能检测 CSS三角形生成器 loading 在线制作 图片转换成SVG...
-
对症下药
以下是我吃过，或者用过的药 1.晕车药：苯巴比妥东莨蓉碱片 10-12小时吃一颗。多吃会有严重危害 2.用于智齿引起的牙龈肿痛：甲硝唑芬布芬胶囊，每晚用盐水漱口，清理口腔 3.季节变化引起的皮肤过敏：氯雷他定片 4.治疗脚气瘙痒：俢足匠（一抹就不痒，断不了根）
-
javascript生成二维码
因搜索出来的大部分结果都是jquery.qcode.js，不是很理想的，我就写下这个记录一下 github地址https://github.com/aralejs/qrcode 它的优点 > 1.中文不乱码 2.不依赖jquery 3.支持中间显示图片 调用方式 有图有真相 清晨好文章
-
async流程控制
代码都是异步执行，也是个麻烦事。 当for循环中执行函数，是异步的，就会出现问题，上次用了一个很蹩脚的办法，把循环改成定时器 改成了这样 这样还是不好，下面用async来控制流程.... 使用到了async.eachSeries，注意它的第二个函数，不光是用来处理错误的，也是回调的，有了它就可以连起...
-
机器注册账号
下面这段代码，用于自动注册账号 测试可用，仅供学习http之用
-
多说评论机器人
捣鼓了一个自动评论的东西，基于nodejs 主要代码 仅供学习之用，勿过分骚扰他人
-
node中request模块配置项
设置method 设置referer request默认是不支持cookies，需要开启 这是操作cookies的一个例子 如果需要传参数，可以使用form，例如 设置代理（这样可以使用fiddler抓取请求了） 抓取被墙的网站E.g:
-
sleep一下
sleep一下
-
btoa与atob
在浏览器中atob进行base64加密，btoa解密 nodejs中解密
-
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指向的路径文件夹要真实的存在，它不能在不存在的时候给你创建一个，
-
几个不错css-loading动画
看效果
-
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
-
动态创建一个form表单提交
动态创建一个form表单提交
-
前端面试知识点
简述一个标准事件模型和IE事件模型 下面代码会输出 indexof的用法 原来数组和字符串都有这个方法。从零开始，不是1 类似的还有slice()、concat()、lastIndexOf() 随机生成10个10到100的随机数，并排序 100*100div里面，一个不定宽度的div垂直居中对齐 ...
-
前端知识点
简述一个标准事件模型和IE事件模型 下面代码会输出 将字符串中的敏感词标红 例子：字符串为"中共十六大评出习近平为领导在6.4日"，敏感词习近平，6.4 jquery 的$.fn.extend实现 设置基于观察者模式的时间机制 这个也就是自定义事件吧 indexof的用法 原来数组和字符串都有这个方...
-
移动端的自适应也可以这样
百分比布局，比例不好算，宽度也是把握不准， 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，从...
-
初识flex
页面改版，我想到最近看的，就拿来试试，结果很棒，告别浮动 ，清除浮动这些麻烦事，并且，占多大的地方，都帮你算好了。 但是浏览器兼容是个坑 在谷歌中 中 安卓浏览器 在样式中得 自上而下，看来最古老的写法得写到上面，样式是下面的覆盖上面的。 发现 （一种旧的谷歌浏览器） 安卓浏览器（一种老版谷歌浏...
-
对象编程和模块编程
传统的是这样 对象的写法这样 模块化的是这样 优化后是这样 对于业务代码可以这样组织 javascript
-
rem中的坑
这里有一篇专门介绍的 要注意的是是相对于html的font-size,但是当你的浏览器最小PX是12PX，而你html是62.5%就是10px， 不会相对10px，而是12px，一般用谷歌调试，所以还是设置75%的好
-
javascript模板-ICanHaz.js
官网地址
-
jquery的index用法
运行结果 2,3 这个是根据当前同级而言来进行索引， 是根据符合左侧选择器要求的筛选出来后，进行索引 来自Flc总结
-
再谈匹配qq:’2275025′这回事
想要获得正则匹配后是个数组，它没有方法，我想是的一下， 再用，结果是不行的，（w3school说只能把一个逻辑值转换成类型，在这里不包括） 在这里我想到call的用法,试着把string原型中split拿出来给数组用，结果是可行的。 从《javascript权威指南》中数组用中的方法得到的启发
-
queue的用法
先上代码 的作用就是在动画执行过程中加入自定义动画（一段动画，或者一个代码之类） 用上一般就要用到，的作用是跳出函数让代码或者动画继续执行， 有开始动画就有停止动画 就是用来结束定义的动画，只能暂停或停止 定义的动画
-
对象深复制
为什么要用到对象复制，和对象深复制，这就不说了。直接上代码 下面来个腻害的，用jquery解决这个问题 用jquery的继承，更改了新对象不会影响到以前对象 PS: zepto(1.4)的$.extend没有复制的作用 还有个黑科技
-
hasOwnProperty的作用
hasOwnProperty 作用是在一个对象里面找是否有某个属性或对象， 但是不会在它的原型中找， 返回boolean类型 一般用来过滤for in循环， 在for in循环中， 会遍历对象原型中的属性， 如果JS代码太多， 封装了一些组件， 大概就是模块化开发那种， 一个对象继承另一个对象， 你...
-
数组元素复制
背景：后台传过来的是 插件需要传一个数组过去，类型是 很显然，字段不一样，然后，我这样写 打印不出来，我就想的是数组复制，总感觉差点什么。原因是 不是一个对象，加上这句就行了 这个先说到这，另一种方法，直接在那个数组上复制一个元素 如果你是个有强迫症的人，你可以把多余的元素删了
-
获得地址栏的参数组成一个对象
获得地址栏的参数组成一个对象
-
git常用命令
clone一个仓库 git clone https://github.com/XXXXXX/jsCode.git 修改的东西添加到仓库 git add . 提交所有文件 git commit -m ‘修改标记’ git pull 更新仓库 git push 提交更新 git branch 查看本地所...
-
JSONP跨域
输出joe 标记为2你可以放到任何域名下的 xxx.js里 xxx.php里 xxx.do里、、、
-
.gitignore
在使用git的时候，我我们可能会遇到，位于仓库中的某些文件夹不需要提交，我们可以对其过滤 这时候就用到 在仓库中新建一个的文件。 在window中创建这个文件可能会弹出请输入键名， 可以在进入git仓库后输入 就创建这个文件了 如果要匹配所有目录下的 node_modules 文件夹，只需要这样做：...
-
匿名函数和this的理解
运行结果
-
闭包
在这个函数中，其实是相当于 在外面我们和可以 访问这个函数但是我们不能访问f2()这个函数 因为 是想一个函数赋给一个全局变量，没有 就是声明的全局变量，闭包没意思，我觉得就是个变量作用域的事 来看一下那个经典的面试题
-
正则表达式积累
将数字和. 之外的清除 ()的用法 得到的是一个数组[qq:'2275025'] 得到的数组["qq:'2275025'","2275025"] ()的作用就是在当前匹配的结果中把()的东西，作为数组第二个元素，让你可以获取 \w的用法 我们平常看到了网站用户名注册，就用到了这个 ...
-
总结了下json的遍历
总结了下json的遍历
-
常用sql语句
判断用户名是否存在 user 判断登陆是否成功 数据记录筛选 更新数据记录： 删除数据记录： 添加数据记录：
-
新浪Sae数据库连接
新浪Sae数据库连接
-
第一个jquery插件
javascript /* jquery.one.js byz 之涯 插件就像函数封装一样，写好的东西，换几个参数调用 这里需要注意的是$.extend的用法，后面的覆盖前面的，所以我们可以设置默认值 其它也没什么好说的，插件还是比较简单，容易接受的 $.extend详细用法可以参考http://w...
-
页面偏移transform
核心代码就这两句，上面是偏移长度，下面 相当于动画时间 用这两句可以做 这样的效果 其它属性可以参考
-
总结一下jquery跨域
一直以来没遇到，两次擦肩而过，这里写一下，感觉他们写的都很模糊 后台代码，放到请求的action，让这些代码执行就行 java代码： .net代码: php代码： 统一返回//callback是获取的callback的值，data是原本要返回的结果集 另一种方式
-
字符串反转
方法1 方法2 方法3
-
点击第二个，删除第一个，追加到后面
这里用到的知识 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()就可以了 - 打开一个窗口
-
js面向对象
ES 6 继承
-
简单购物车结算
简单购物车结算
-
超出字符，自动隐藏
超出字符，自动隐藏
-
文字闪烁
注意需要引入jquery
-
ajax分页
代码蛮漂亮的，我第一次写这么好看的代码，留下来记录下
-
图片轮换其实就这几行代码
图片轮换其实就这几行代码
-
简单拖拽保存
简单拖拽保存
-
contains实现简单搜索
contains实现简单搜索
-
判断字符输入个数，中文为2，其他为1
判断字符输入个数，中文为2，其他为1
-
css边框发光
css边框发光
-
验证码60秒禁用
上面那个不太好，要使用一个全局变量,不建议使用arguments.callee，这已经被废弃了 改一下 代码来源互联网，我已经忘记从哪来的了
-
我应该知道的八大定律
【首因效应】 45秒产生第一印象 初次会面，45秒钟就能产生第一印象，主要包括容貌、衣着、姿势和面部表情等。第一印象会在后续交往中占据主导地位。“首因效应”提示我们，初次见面应给人留下好印象。 人们都愿意与衣着整齐、落落大方的人交往。注意言谈举止，最好能言辞幽...