归档
按时间整理的全部文章。
-
别再用传统方式折腾 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,从...
-
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...
-
图片轮换其实就这几行代码
图片轮换其实就这几行代码
-
简单拖拽保存
简单拖拽保存
-
contains实现简单搜索
contains实现简单搜索
-
判断字符输入个数,中文为2,其他为1
判断字符输入个数,中文为2,其他为1
-
css边框发光
css边框发光
-
验证码60秒禁用
上面那个不太好,要使用一个全局变量,不建议使用arguments.callee,这已经被废弃了 改一下 代码来源互联网,我已经忘记从哪来的了
-
我应该知道的八大定律
【首因效应】 45秒产生第一印象 初次会面,45秒钟就能产生第一印象,主要包括容貌、衣着、姿势和面部表情等。第一印象会在后续交往中占据主导地位。“首因效应”提示我们,初次见面应给人留下好印象。 人们都愿意与衣着整齐、落落大方的人交往。注意言谈举止,最好能言辞幽...