跳到正文
当下的七炎

归档

按时间整理的全部文章。

2026 16
七月 3
  • 别再用传统方式折腾 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 默认更像一个刚启动的新助手: * 不知道你的开发环境; *...

六月 2
  • 如何搭建一个中转站

    更新于:

    常见的用new-api和sub2api,前者比较耗内存,功能较多,我搭建的后者。其实非常容易 因为我开始搭建的是CLIProxyAPI,我的账号都401了,就不用了,把他卸载 让来AI来处理就行 <img width="510" height="476" alt="Image" src="http...

  • oracle vps安装1panal

    更新于:

    安装的时候可能遇到安装完了,但是没办法访问的问题 第一次申请,先去换个IP 防火墙按安全管理配置 开放端口 一键安装

五月 9
  • 我把一台 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...

四月 1
  • 节点搭建

    参考这个 https://github.com/eooce/Sing-box 执行这一句就行了,里面有解锁chatgpt方式 如果是nat机器,自定义节点端口 如果只开放了ipv6端口

三月 1
  • vue学习

    洛雪音乐 https://github.com/lyswhut/lx-music-desktop ikun音乐 https://github.com/ikunshare/ikun-music-desktop lx-netease-music https://github.com/souvenp/l...

2025 17
十一月 1
十月 1
  • 一些有趣的软件

    听歌 MusicFree ,需要找音源 电视 https://www.haitangw.cc/6852.html 在线看视频 - https://www.ddys.run/ - https://www.24dy.vip/ - https://www.hhkan0.com/ 下载音乐 - ht...

九月 1
  • Ant Design组件如何绑定 data-testid

    1. Antd 组件支持 属性吗? 大多数 **Antd 组件**(例如 、、 等)底层都会渲染为原生 DOM 元素,它们会把 **未知属性(例如 )透传**到最终的 DOM 上。 所以,你直接写: 测试时: ✅ 这样就能直接获取到。 --- 2. 例外情况(Form.Item / 特殊组件) 有...

二月 8
一月 6
  • 在数字货币交易中,使用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...

2024 21
十二月 7
  • 在 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. **使用 ...

十一月 2
  • git stash的基本用法

    是 Git 中的一个非常有用的命令,它可以临时保存当前工作目录的修改,并将工作目录恢复到干净的状态。这样你可以在不提交这些修改的情况下切换分支或执行其他任务。下面是 的详细用法和常见操作: 基本用法 1. **保存当前修改**: 或者: 这会...

  • Flutter入门

    目标 把FlClash跑起来 前期准备 1.环境搭建 2.代码调试 3.代码打包 参考 (https://docs.flutter.cn/resources/inside-flutter)[官方文档] (https://book.flutterchina.club/cha...

十月 2
  • 如何利用 Google 搜索技巧提高工作效率?

    善用 Google 搜索技巧可以显著提升工作效率,帮助你快速找到所需资料、解决问题或获取最新信息。以下是一些方法和场景示例,可以结合 Google 搜索技巧高效完成工作任务: 1. **快速查找编程解决方案** - **精确问题定位**:在搜索代码问题时,使用双引号框住错误信息或特定代...

  • Git 回退最近一次的本地commit

    使用场景: 如果本地提交冲突导致push不了,可以回退后,检查一下。 要回退最近一次的本地 Git commit,可以使用以下方法: 1. **回退最近一次的提交,但保留改动** 如果你想撤销最近的一次提交,但保留文件的改动(即将改动回到暂存区),你可以使用以下命令: ...

九月 3
  • 前端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基本用法

七月 2
  • 什么叫做5W2H法

    5W2H法是一种用于分析和解决问题的工具,特别常用于项目管理、质量管理和决策制定。这个方法通过回答七个关键问题,帮助人们全面理解问题并制定有效的解决方案。这七个问题包括: 1. **What(是什么)**:问题或任务是什么?需要解决的问题或完成的任务的具体内容是什么? 2. **Why(为什...

  • git rebase 和git merge 区别

    在 Git 中, 和 都是用来整合分支的方法,但它们的工作原理和结果有所不同。以下是它们的主要区别: 1. 工作原理 - **git rebase**:将一个分支上的提交应用到另一个分支的基础上。具体来说,它会先找到两个分支的共同祖先,然后将当前分支(通常是一个特性分支)的提交一个一个地取...

六月 5
  • 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 的高...

2021 1
三月 1
  • 经济学的十大原理

    经济学的十大原理是美国经济学家格里高利·曼昆(N. Gregory Mankiw)在他的著作《经济学原理》中提出的。这些原理涵盖了微观经济学和宏观经济学的基本概念,帮助人们理解经济活动的基本规律和经济学分析的方法。以下是对这十大原理的浅析: 1. 人们面对权衡取舍 **原理**:为了得到...

2020 4
六月 1
  • nginx

    安装 windows版本 http://nginx-win.ecsds.eu/download/ 启动,关闭的命令 nginx配置 /product-poimanagement 注意 listen 的端口和location里面的端口不能一样,否则会出现 错误 错误处理 里面有...

四月 1
  • 随笔

    - 只要是用户输入的地方,都要去除空格 - IE10以下浏览器GET方式请求接口参数不变,会出现缓存,造成请求结果不对,它们好像把接口也当成普通http链接了,解决办法参数加一个时间戳 - BEM命名 可以解决取名字难得问题,只要有一个顶层的block名字,就用“-”一直往下排,不可再分的时候就...

三月 2
  • 一些代码片段

    一些代码片段

  • Express知识整理

    路由 和同时存在,谁写在前面执行谁,如果会执行下一个,否则不执行下一个 中间件 模板 设置模板文件为html 设置静态文件目录 这里可以设置多个,第一个参数为路由字符串 错误处理

2019 14
九月 12
  • 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

    首先来批评一下这张图吧,画的真差,看睡着了,醒过来才看懂 我们给它标个序号,来分析一下 举个例子 第一步: 第二步: 这一步没有谁等于谁,谁指向谁 第三步: 第四步: 第五步: 这一步没有谁等于谁,谁指向谁 第六步: 第七步: 这一步没有谁...

一月 2
  • fetch超时处理

    antd 升级到umi后,也没有对request做超时处理,很奇怪 因fetch本身不支持超时,这里需要用到Promise.race()方法 p1,p2,p3哪个快,就得到的是哪个 antd 的request.js 返回值改造成这样 请求超时 由于fetch不支持中断,这里只是前端拿到一个超时状态,...

  • 如何编译后自动提交代码

    利用pkg这个特殊的命名 执行 即可

2018 1
十二月 1
  • antd 实现keep alive

    背景:后台项目需要切换路由的时候保存用户数据 给它们提了issues,官方不考虑加上 就琢磨着怎么实现 antd pro项目 gitbub找了个钩子 找到这个文件 BasicLayout.js 修改为 ScrollToTop.js 切换的时候定位到顶部

2017 5
九月 1
四月 2
  • iframe两个小例子

    有时候 我们想部分显示iframe里面的内容,比我们的iframe里面只想显示一个网站的股票信息,其它的不想显示,下面这个例子显示一个页面中一块 我们可能希望iframe里面的内容缩放,就像显示缩略图 可以用transform来实现 下面是个例子 参考链接

  • 关于感冒

    有几年没感冒了,最近又感冒了,感觉我每次感冒都症状都一样,发热,浑身无力 现在的我已经可以通过搜索引擎来弄懂一个东西了,现在来了解下这个感冒 首先感冒是经常的事情,大多是病毒性引起,不需要吃药,我也没吃过,但是我每次都比较严重 下面这些药可以缓解感冒症状 普通感冒不需要打吊瓶,可以慢慢好,但是由于...

三月 1
  • zepto源码阅读

    zepto考虑的都是现代浏览器,代码相对jquery简洁些 这是早期的代码,很好理解 发现zepto的作者喜欢省略括号,vue的作者喜欢省略分号 把选择的元素放到一个数组里面,位置相关的操作,就相当于超过数组 未完

一月 1
  • 记一下vuejs

    关注Vue也很久了,第一次知道它,对它的印象是小,只有18K。 下面通过这几个例子来介绍它,基于目前最新版本的vue2.X a tips 有的时候 不光模板里面需要用到props里面的值,在methods里面也需要用到,在这我们就可以初始化props的值 定义一个计算属性,处理 prop 的值并返回...

2016 41
十一月 1
  • 简单说一下react

    首先,复杂的配置,编译插件安装,很麻烦,我找了一个脚手架 来写 安装使用 安装完,大概是这样,还是比较简洁的,但是功能很强大,各种编译插件,热加载,打开浏览器都有,src里面可以再细分一下文件夹 写的demo是这样一个功能 index>app>box>liview 使用的ES6的写法,用到...

九月 1
  • webpack-神奇的前端工具

    > webpack只是工具不涉及浏览器兼容 最早接触webpack是15年初,那时候也写了几个dome, 但是有模块化的没模块的组合,不知道怎么处理,但是RJS可以处理各种有模块化,没模块化的,就一直用的RJS。废话不多话,开始介绍webpack webpack的基本使用很容易,只要你按照commo...

八月 1
  • google-maps网页api开发

    通过下面几个例子,一起走进google maps 网页api开发 PS:我查了下V3的api有的说需要key,有的说不需要key,根据文档貌似是需要key的,但是我们公司的的确没用key(然后访问量起来就挂了)。。,以下的预览地址(服务端环境)会提示需要key,拷贝下来本地运行都是可以的 测试数据坐...

七月 4
  • 字符串还可以这样玩

    这像什么,模板赋值啊,忽然发现一个新大陆,有意思 现在我把它改进了下 顺便说一下,正则的确是很好的工具,有了正则,思路又开阔了些

  • 整理一下这些日历

    这个日历是去年写的,也写了一篇文章介绍 预览地址 这个是根据项目中的代码,整理改编的,依赖较少 预览一下 这个日历是根据改编 去掉了[今天,取消,确定,时分秒]等,我认为没啥用的功能 增加了自定义限制不可选日期 优化了样式 代码可读性强,如果需要增加自定义功能,方便修改源代码 预览地址 这个算是移...

  • 提示框

    发现CSS也能干这事 还是我认为的,CSS结构写的好,就可以少写几行JS,看来CSS写的好,就可以不写JS,我估计还有很多窍门,我得把我的HTML5权威指南看一下了

  • javascript数组随机排序

    数组随机排序又叫数组洗牌,我们在做一些抽奖的小游戏会用上 可能我们从来用不上这个,但是,注意了,打起精神,面试可能会遇上哦 延伸阅读

六月 7
  • 字体、光和颜色

    字体 > 1、系统会选择第一个字体,如果没有就用第二个字体,以此类推,所以我们应该在最后一个放一个通用字体,以保证正常显示 > 2、英文字体名应该放在中文的前面,以保证中英文字体不同 > 3、如果字体名有空格应该使用双引号 > 4、中文字体也建议使用英文名,如微软雅黑为Microsoft YaHei...

  • 字符串特殊字符转义

    字符串有一些特殊转义字符,所以才造成了上面的情况 下面这个表格统计了可以转义的特殊字符

  • Photoshop不改变像素改变大小

    切图的时候我们可能会用上精灵图,比如这个 但是随着后续需求的增加,那张图片就放不下那么多图标了,就需要改变那个图片的大小,但是图片的像素,以前的图标位置,不能变 我好像一年没用上了,刚试了下,还记得。为了避免忘记了,记录一下 按下 快捷键

  • angular指令

    前端组件化,angular指令可以帮到我们 指令还是比较复杂,它 一共有这么多参数,先写到这,我只明白其中几个 restrict 值 对应类型 使用方法 <t...

  • angular定时器何时销毁

    在清晨好文章中,给li绑定了一个定时器,每隔三秒给他下一个li加一个样式 但是什么时候清除定时器呢 你可能想到,我在调用之前清除 试过之后就知道不对了 正确的做法是在DOM从页面删除的时候销毁

  • JavaScript常问代码片段

    JavaScript常问代码片段

  • 正则表达式-零宽断言

    先看一下零宽度正预测先行断言( 格式为 (?=exp) ) 我们来看一下 零宽断言 断言的是后面出现的东西,所以上一个正则表达式永远匹配不到东西 改一下 当我看到这的时候我想这不是和/ab/一个意思了?其实不是的 这里的ab 是\wb 零宽断言一般是放后面匹配的,来看一下这个例子 (?=abc)这...

五月 7
  • 我认为使用原生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来源

  • 关键字搜索优化

    很多地方都有这种关键字搜索,每次输入都调用一次接口,可能就比较浪费,因为用户还没输完。我们可以延迟调用接口,当用户输入了和上次一样的关键字 就不重新调用接口,这里对关键字做一个缓存,差不多就是这样 这篇文章写得很详细,可以参考

四月 7
  • 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运算精度问题

三月 2
  • animate-steps

    ...

  • 家庭药箱的非处方药物清单

    twitter上看到一篇文章,就收藏了 - 布洛芬。 解热,镇痛,抗炎。头痛、经痛时可以缓解,但未知原因的病痛不要用镇痛药掩盖病症 - 氨酚曲麻(或近似药物)。 治疗感冒症状(替代药物:抗病毒颗粒,莲花清瘟胶囊) - 马来酸氯苯那敏。 抗过敏,有过敏体质的人可以用来缓解过敏症状。 - 盐酸小檗...

二月 11
  • 实用在线地址

    在线二维码生成 在线编辑代码 在线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...

2015 26
十一月 1
  • node上传图片

    开始用的kindeditor编辑器,上传图片不成功,就换了 这是node代码,需要注意的是uploadDir指向的路径文件夹要真实的存在,它不能在不存在的时候给你创建一个,

十月 4
  • 几个不错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()方法 我们可以新增一个变量来判断,新的数组里面是否有某个值 平常写代码觉得能少用一个变量就少用一个,对于第三种多了一个变量的确一下子简单不少。

九月 6
  • 清晨好文章

    使用到了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...

八月 4
  • 使用触摸事件判断滑动方向

    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...

  • 页面中打电话没有效果的时候

    页面中打电话没有效果的时候

七月 2
  • 随手写了一个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...

六月 2
  • 两端对齐box-pack

    这个属性真好玩,适合写这样的 例子: http://output.jsbin.com/kigobumoku 这个东西还可以做居中对齐 http://www.w3school.com.cn/cssref/pr_box-pack.asp

  • 动态创建一个form表单提交

    动态创建一个form表单提交

四月 2
  • 前端面试知识点

    简述一个标准事件模型和IE事件模型 下面代码会输出 indexof的用法 原来数组和字符串都有这个方法。从零开始,不是1 类似的还有slice()、concat()、lastIndexOf() 随机生成10个10到100的随机数,并排序 100*100div里面,一个不定宽度的div垂直居中对齐 ...

  • 前端知识点

    简述一个标准事件模型和IE事件模型 下面代码会输出 将字符串中的敏感词标红 例子:字符串为"中共十六大评出习近平为领导在6.4日",敏感词习近平,6.4 jquery 的$.fn.extend实现 设置基于观察者模式的时间机制 这个也就是自定义事件吧 indexof的用法 原来数组和字符串都有这个方...

三月 1
  • 移动端的自适应也可以这样

    百分比布局,比例不好算,宽度也是把握不准, rem计算,还需要引入JS(淘宝,万里通) width等于设计的图的宽度,然后,设计图多少尺寸,布局就多少,就对了(或者除以二) http://jsbin.com/mecikoviqu(谷歌打开用iphone4,5,6,ipad看看) http://www...

二月 2
  • 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,从...

一月 2
  • 初识flex

    页面改版,我想到最近看的,就拿来试试,结果很棒,告别浮动 ,清除浮动这些麻烦事,并且,占多大的地方,都帮你算好了。 但是浏览器兼容是个坑 在谷歌中 中 安卓浏览器 在样式中得 自上而下,看来最古老的写法得写到上面,样式是下面的覆盖上面的。 发现 (一种旧的谷歌浏览器) 安卓浏览器(一种老版谷歌浏...

  • 对象编程和模块编程

    传统的是这样 对象的写法这样 模块化的是这样 优化后是这样 对于业务代码可以这样组织 javascript

2014 36
十二月 12
  • 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 文件夹,只需要这样做:...

七月 4
  • 匿名函数和this的理解

    运行结果

  • 闭包

    在这个函数中,其实是相当于 在外面我们和可以 访问这个函数但是我们不能访问f2()这个函数 因为 是想一个函数赋给一个全局变量,没有 就是声明的全局变量,闭包没意思,我觉得就是个变量作用域的事 来看一下那个经典的面试题

  • 正则表达式积累

    将数字和. 之外的清除 ()的用法 得到的是一个数组[qq:'2275025'] 得到的数组["qq:'2275025'","2275025"] ()的作用就是在当前匹配的结果中把()的东西,作为数组第二个元素,让你可以获取 \w的用法 我们平常看到了网站用户名注册,就用到了这个 ...

  • 总结了下json的遍历

    总结了下json的遍历

六月 8
  • 常用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...

五月 6
四月 5
三月 1
  • 验证码60秒禁用

    上面那个不太好,要使用一个全局变量,不建议使用arguments.callee,这已经被废弃了 改一下 代码来源互联网,我已经忘记从哪来的了

2013 1
十一月 1
  • 我应该知道的八大定律

    【首因效应】 45秒产生第一印象 初次会面,45秒钟就能产生第一印象,主要包括容貌、衣着、姿势和面部表情等。第一印象会在后续交往中占据主导地位。“首因效应”提示我们,初次见面应给人留下好印象。 人们都愿意与衣着整齐、落落大方的人交往。注意言谈举止,最好能言辞幽...