技术

昨天晚上 DeekSeek Harness 发了预览版本，我也是第一时间安装了，它提供了两种安装方式，下载源码运行或者通过 npm 运行。 Github: https://github.com/deepseek-ai/deepseek-harness Npm: https://www.npmjs.com/package/@deepseek-ai/dsh

主力模型不支持多模态？不换模型也能识图——我把图片外包给了多模态 API，一个 skill 搞定。

做通话录音上传，核心不是简单申请权限后读取文件。本地测试时，很多情况下只申请权限并不能稳定拿到通话记录或录音文件，尤其是 Android 真机环境。通常需要结合原生 Java 能力、打包自定义基座、真机调试来完成。

基于 CloudFlare Workers 与全球边缘网络的免服务器、极速安全、即插即用评论系统。

之前高强度使用 Cursor 作为我的主力开发工具，后来随着厂商的限制，用起来也比较麻烦，就改成了 Qoder。 如果不考虑额度和价格的话，我认为 Qoder 完全可以作为 Cursor 的平替，但问题就在这里，pro 虽然价格还是可以，但是账户额度有限，不能很好的支持日常开发工作。一个订阅周期（30 天）基本高强度使用 2.3 天就用完了，还需要重新注册

快速导出 GitHub Discussions 数据的方法

因为一些需求，需要和同事之间同步一些代码，但是前提是不上云，也不想走公司内部的 svn 存储。因此打算在本地局域网起一个 git 服务，想要多台电脑像操作 GitHub 一样在本地执行各种拉取合并操作。 我锁定了开源项目 [Gitea](https://github.com/go-gitea/gitea)，可以在任何一台机器上部署类似 GitHub 的服务

**2025/07/30 更新：** 发现 Bitwarden 可以关闭二次验证，可以通过以下方式，进入 https://vault.bitwarden.com/#/settings/account 我的账户页面。 在登录旧版扩展前，先点击底部 `停用新设备登陆保护`，登录之后再打开这个选项，提高安全性。 ![危险操作](https://imgurl.

在当今互联网世界，验证码作为人机验证的重要工具无处不在。然而，频繁输入验证码对用户体验造成了不小的困扰。今天，我想分享一个名为 "CAPTCHA-automatic-recognition" 的开源项目，它巧妙地运用 AI 技术，实现了网页验证码的自动识别与填充。 ## 1. 解决日常痛点 作为一名经常需要在不同网站注册和登录的开发者，我深受验证码困扰。

<style>.post-content img.mob{max-width:300px;margin:10px auto;display:block}</style> 前景提示：[Obsidian:如何使用坚果云进行多端同步？](/blog/146.html) 时隔三年，终于完成了这个系列，Obsidian 多端同步坚果云之移动端同步。这依赖于坚果云的

```shell 无法加载文件 D:\Code\xxx\npm.ps1，因为在此系统上禁止运行脚本 ``` 偶尔会遇到这个问题，修改下电脑的策略就可以了。 在管理员终端输入下面的指令： ```shell Set-ExecutionPolicy -ExecutionPolicy RemoteSigned ```

本教程使用环境 Cherry Studio 1.1.17. 最近 Cherry Studio 也接入了 MCP 服务器，闲着无聊准备尝试一番，就拿最简单的高德地图来做演示，刚好最近高德也支持了 MCP 服务。 需要申请高德开发者账号，这个就不赘述了。在高德开发者控制台找到 `应用管理>我的应用`，点击`创建新应用`，类型名称随便填一下，绑定服务要选择 `

感谢博友的文章，[《AI 实践｜零成本生成 SEO 友好的 TDK 落地方案》](https://blog.ops-coffee.cn/s/ai-powered-seo-automation-for-tdk-generation.html)。 昨天晚上刷到一篇文章，通过 AI 自动化生成网站 SEO 的 TDK，他这个方法有两点比较繁琐的地方。 > 1.

GitHub: https://github.com/twikoojs/twikoo-cloudflare Twikoo 支持通过 Cloudflare Workers 进行部署服务和数据库，GitHub 仓库地址如上。 但是部署文档中有一点小坑需要注意一下，官方没有进行标注，我不清楚是只有我遇到这个问题还是怎么样，记录下来以防有其他人遇到这个问题，在搜

最近在使用 wxt 框架开发浏览器扩展，记录一些问题。 https://wxt.dev/ ### 1. 隔离脚本与网站本身的样式 使用 [Shadow Root](https://wxt.dev/guide/essentials/content-scripts.html#shadow-root)，可以不让 content-scripts 侵入式影响网站

## 1. 前言 Lobechat 就不做过多介绍了，一个开源、现代设计的人工智能聊天框架。 今天就来聊聊同步的问题，Lobechat 分为社区版和正式版，正式版需要付费订阅套餐，支持全局云同步，但是最便宜的套餐都要 4.9 刀，这让我 API 用户感觉有点难以接受。因为我需要的功能社区版都已经满足了，并不打算单独对云同步付费。 官方之前有通过 Web

2024 年 11 月 1 日，OpenAI 在谷歌扩展商店发布了一款插件 -- ChatGPT search。 下载地址：[https://chromewebstore.google.com/detail/ejcfepkfckglbgocfkanmcdngdijcgld](https://chromewebstore.google.com/detail/

在开发个人项目时，写 README 文件一直是一件很头疼的事情，所幸辛苦写完了，想做个多语言版本更头疼，为了解决整个痛点，写了个 python + GPT 脚本，将这一切自动化处理了。 源码：https://github.com/anghunk/translate-README 在根目录下新建俩文件 `.env` 和 `translate_md.py`：

安装依赖并生成 `tailwind.config.js` 和 `postcss.config.js`。 ```shell yarn add -D tailwindcss postcss autoprefixer npx tailwindcss init -p ``` 注意，配置中要使用 ES6 模块语法 `export default`。 ```js

我在 GitHub 搭建了一个图床，用于小量存储博客图片，为了稳定安全考虑，决定备份到 CloudFlare R2 存储桶一份，R2 默认有每月免费的 10G 存储、100 万次 A 类操作、1000 万次 B 类操作，备份完全足够了。 说到备份肯定是越自动化越好，手动上传是不可能的，因此我决定利用 GitHub Actions 执行自动任务。 话不多说

## 一、配置 route 路由 使用 vite + vue 构建项目默认是没有 route 的，所以需要手动引入。 ### 1. 基础配置 ```shell # 建立一个 vite 项目 npm create vite@latest yarn create vite # 安装 route 依赖 npm install vue-router@4 ya

很多人在申请完 `serve00` 后无法登录，简单的介绍一下，首先会收到一封邮件，上面有： ```shell Login: xxx Password: xxx SSH/SFTP server address: xxx ``` 打开一个终端工具，比如 `xshell`， ![](https://imgurl.zishu.me/2024/08/17236

`.env` 命名规则。 ```shell # 开发环境 .env 文件名 .env.development # 开发环境 .env 文件名 .env.production ``` 在 vue-cli 中，要求环境配置文件必须以 `VUE_APP` 开头，如下： ```shell # .env VUE_APP_BASE_URL = http://0.

vue 把一个值赋给两个变量，修改一个变量时，另一个变量也会修改。 **原因分析** ```js this.a = res.data; this.b = res.data; ``` 同时给两个变量 a 和 b 赋值时，修改 a 的内容，打印 b 结果是一样的，因为这里的赋值是属于引用传递的，把 `res.data` 这个地址赋给 a 和 b，当修改 a

 Github 仓库：[https://github.com/cooderl/wewe-rss/](https://github.com/cooderl/wewe-rss/) 免费、开源的微信公众号订阅方式，支持私有化部署、微信公众号 RSS 生

https://github.com/markdown-it/markdown-it markdown-it 是一个基于 vue 的解析 markdown 语法的库。 在 vue 中引入 markdown-it 模块时遇到一个问题，dev 开发运行时报出以下错误，无法从非 EcmaScript 模块导入命名导出。 ```shell # shell e

分享一下 hugo 的语法模板，如何获取总文章数和总字数，效果可以参考我的首页。 ```html {{ $articleCount := len .Site.RegularPages }} {{ $totalWordCount := 0 }} {{ range .Site.Pages }} {{ $totalWordCount = add $totalWo

记录一个方法，pyhton 通过 json 文件，在同级目录下生成对应格式的小文本。 ```py import json def generate_files_from_json(json_file): with open(json_file, 'r', encoding='utf-8') as f: data = json.lo

在 chrome119 版本下观看视频时，比如 bilibili 或者 douyin，会不时的出现闪动，黑屏，自动刷新等情况，反正我是经常遇到。 在网络上上求助时，看有人说到可能是 NVIDIA 显卡和 Chromium 内核冲突的问题。 进入设置 `chrome://flags/#use-angle` ，将 Choose ANGLE graphics

chrome117 版本更新后标签栏多了一个【所有标签】按钮，相当别扭，通过设置可以隐藏。  --- 浏览器输入 url: **[chrome://flags/#power-bookmarks-side-panel](chrome://fl

RustDesk 是一款功能齐全的远程桌面应用，支持 Windows、macOS、Linux、iOS、Android、Web 等多个平台。支持 VP8 / VP9 / AV1 软件编解码器和 H264 / H265 硬件编解码器。完全掌控数据，轻松自建。P2P 连接，端到端加密。在 Windows 上可以非管理员不安装运行，根据需要在本地或远程提升权限。

### 1.介绍 Bitwarden 是一款自由且开源的密码管理服务，用户可在加密的保管库中存储敏感信息。Bitwarden 平台提供有多种客户端应用程序，包括网页用户界面、桌面应用，浏览器扩展、移动应用以及命令行界面。Bitwarden 提供云端托管服务，并支持自行部署解决方案。 在调研一些市面常用的密码管理工具之后，我选择了 Bitwarden。然后

项目中遇到这个问题，网页往下滑动时加载 aos 事件触发不了，原因也很简单，因为 aos.js 是在页面加载时获取页面高度从而绑定一些事件进去，但是如果这个文件加载速度比框架加载的快，会导致两者高度不一致，从而动画效果触发失败。 我尝试用 `window.onload` 但是效果并不好，依旧失败。 ```js window.onload=function

https://1x.antdv.com/docs/vue/getting-started-cn/ 根据 Ant Design 官方文档，在 vue2 中安装组件时使用指令： ```shell npm i --save ant-design-vue ``` 但在实际操作中会出现问题，它仅适用于 vue3 项目，在 vue2 中需要带上相匹配的版本号。

项目来源于我的突发奇想，并且基于热爱折腾的心理，利用 GitHub 本身提供的 Api，将博客管理面板化。 目前仅支持 hugo，其他程序有对应的工具，就不造轮子了。 Github: [https://github.com/anghunk/HugoFast](https://github.com/anghunk/HugoFast) 网站：[https

早上起来的时候看到微信群中有博友分享自己的建站时间，聊着聊着说到总字数上面，这时我才发现我的网站没有统计的地方，索性就自己写一个吧，因为是静态博客，所以不涉及后端、服务器等，只用前端的方式来解决。 这里需要借助我之前的一篇文章，[《用原生 js 给网站写个搜索功能》](/blog/189.html/)，里面有提到如何生成一个文章列表 json 文件，这里我

Github Actions 监听仓库 commit 事件，然后执行自动化打包流程，并通过第三方平台自动部署，发布非常方便。 ```yml name: Build on: push: branches: - main jobs: build: runs-on: ubuntu-latest steps:

本文也算是一篇教程，可以给 hugo 网站加个搜索功能，并且实现热更新，体验感更好。 如果是其他程序，只需要按照特定的模板生成以下格式的文件即可，主要代码从 第 2 部分 开始，第一章节写的是如何用 hugo 输出文章列表 json 文件。 `title` 是文章标题，`permalink` 是文章链接。 ```json [{ "permalink

要在 GitHub 上生成新的 SSH 密钥，请按照以下步骤操作： 1. 打开终端或命令提示符。 2. 输入以下命令：将"your_email@example.com"替换为您在 GitHub 上注册的电子邮件地址。 ```shell ssh-keygen -t rsa -b 4096 -C "your_email@example.com" ``` 3.

Vue 不允许在已经创建的实例上动态添加新的根级响应式属性，它可以使用 Vue.set(object, key, value) 方法将响应属性添加到嵌套的对象上。 如果直接给数组添加对象，视图不会更新，但是可以输出正确的值；只有通过 `this.$set` 覆盖才可以更新视图。 ```js for (let i = 0; i < this.data.l

想在文章中插入 iframe, video, 以及其他比如 summar y 等标签，可以配置一下 config 文件。 1. 如果是 `config.toml`，加上下面配置； ```toml [markup] [markup.goldmark] [markup.goldmark.renderer] unsafe = tru

## 1.介绍 cloudflare 有一个非常好用的功能---Workers，可以在无服务器的状态下运行一些程序，包括常见的反向代理等。 所以我利用这一功能实现对 gravatar 反代，达到国内访问加速的目的。 话不多说，开始流程操作，分享我的部署过程。 **1.登陆后，在主页点击左侧的 `Workers`，然后点击`创建服务`。** ![](

memos 是一个具有知识管理和社交功能的开源自托管备忘录中心。 Github 地址：[https://github.com/usememos/memos](https://github.com/usememos/memos) 可以用它本身提供的 api，然后结合静态博客，做成一个在线的动态列表，类似于朋友圈功能。 接口 url 有固定的格式，open

点击页面时可以弹出随机颜色小心心，目前我的网站就使用了这个特效。 直接将下面的代码复制到引入的 js 文件中即可，不用进行其他配置。 ```js !function(e,t,a){function n(){c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transf

 `[ ]+{ }`：一个数组加一个对象。 加法会进行隐式类型转换，规则是调用其 valueOf() 或 toString() 以取得一个非对象的值 (primitive value)。

>demo: https://img.zburu.com/ 今天分享一下如何使用 Github 作为图床，首先就要推荐这个工具 picx。 Github 仓库：[https://github.com/XPoet/picx](https://github.com/XPoet/picx) 本文的图片全部使用该工具上传，然后通过 Staticaly 进行 c

localStorage 是浏览器自带的一个属性，只读的 localStorage 属性允许你访问一个 Document 源（origin）的对象 Storage；存储的数据将保存在浏览器会话中。localStorage 类似 sessionStorage，但其区别在于：存储在 localStorage 的数据可以长期保留；而当页面会话结束——也就是说，当页

分享一个 hugo 一键打包并上传 github 的方法，前提是你之前上传过 GitHub 仓库。 采用 window 支持的 sh 可执行文件，在根目录新建一个 `hugo.sh` 文件，里面放上一些命令。 ```shell hugo # cd public time=$(date "+%Y-%m-%d %H:%M:%S") echo $time

业务中需求的方法，接口返回一个数组，里面包含了大量的对象，具有同名的属性名，比较常见。但是需要将其中参数为 name 的属性值全部取出，合并成数组。 ```js const num = [ { id: 1, name: 'abc', }, { id: 2, name: 'xyz',

- 监听对象时如果值是 null 会报错，默认值设置为{}； - for in 只能遍历对象 i in 4 是错误的写法； - 动态获取数组 - 拼接传参 ```js var arr = [ "单位 1", "单位 2", "单位 3", "单位 4", "单位 5" ] ``` ```js // 1.数组 [] for (va

实测好用，没有坑。 管理员权限下打开终端，输入。 ```shell reg add "HKCU\Software\Classes\CLSID\{86ca1aa0-34aa-4e8b-a509-50c905bae2a2}\InprocServer32" /f /ve ``` 随后重新启动资源管理器即可 ```shell taskkill /f /im

> 本文专为 Anghunk 主题开发文档而写。 > https://github.com/anghunk/Anghunk 方案是在[梦繁星](https://blog.emoao.com/)的协助下完成的。 ### 介绍 Anghunk 评论携带很多精美的表情，但是正常情况下 Typecho 后台是没办法正常解析这些表情的。如下图； ![](htt

```shell # 删除之前无法使用的面板环境 rm -rf /www/server/panel/pyenv #重新获取新的面板环境和更新包 curl http://download.bt.cn/install/update_panel.sh|bash ```

示例如下。 ```js <template> <div class="posts"> <div v-for="item in list" :key="item.cid" > {{ item.title }} </div> </div> </template> <script> impor

接上篇文章 [《关于我选择笔记系统这件小事》](/blog/121.html) ，Obsidian 的个人体验很棒，我也打算长久使用作为个人知识库。 但是它有一个弊端，就是本地离线化导致同步是个问题，官方的同步服务很贵，给我劝退了，因此我寻求了其他的同步备份方案，就是今天我要分享的坚果云 + Obsidian。 ### 注册账号 在[坚果云官网](ht

一个有趣的 demo ```js this.smalltoBIG(43533534.78); //肆仟叁佰伍拾叁万叁仟伍佰叁拾肆元柒角捌分 smalltoBIG (n) { var fraction = ['角', '分']; var digit = ['零', '壹', '贰', '叁', '肆', '伍', '陆', '柒', '捌'

分享一个掘金抽奖的油猴脚本，可以一键签到，抽奖，梭哈。 攒多一点矿石，体验买彩票的感觉。 <summary>油猴脚本代码<details> ```js // ==UserScript== // @name 掘金抽奖 // @namespace http://tampermonkey.net/ // @version 1.2

typecho 在评论时默认是没有 `@` 评论人的功能，可以用代码加一下。 在 `functions.php` 中： ```php /* * 评论回复时 @ 评论人 */ function get_comment_at($coid) { $db = Typecho_Db::get(); $prow = $db->fetchRow(

### 前言 网站经常备份好处就是遇到问题以后可以迅速的恢复，不那么被动，防止信息丢失，操作性很大。虽然搭建一个网站非常容易，但为了应对网络上各种各样的意外情况，避免自己的网站付诸东流，做好网站备份是非常有必要的。 现在邮箱接收都支持附件文件，将网站文件和数据库文件备份到我们自己的邮箱也是一种很好地备份方式，也防止备份文件丢失。 邮箱接收附件文件大小，

分享一个 python 的库 ---fonttools，针对字体文件进行处理非常方便。 ### 下载 需要先在电脑上下载 python 环境，这个就不多说了。 然后在本地命令行输入： ```shell pip install fonttools ``` ### 字体库 1. 本地新建一个文件夹，取名为 `fonts` ，随意即可。将自己需要压缩整理

起因是因为觉得 v2ex 网站主题略有拥挤，阅读体验不好，而正好网站支持自定义 css，所以就在参考其他人的基础上，修改了一套比较美观的样式。 本来是自用的，但是看到有人发帖分享主题，我也索性将它分享出来了。 v2ex 帖子：[https://www.v2ex.com/t/851735](https://www.v2ex.com/t/851735) G

> 文章废弃 ### 部署 ```shell docker run --name siyuan -itd -p 6806:6806 -v /opt/my_siyuan_path:/opt/siyuan --restart always b3log/siyuan ``` ### 备份 ```shell sudo su # 查看容器列表 docker

先点击收藏一个页面，然后右键它，选择修改，在网址输入框复制下面的 js 代码，就可以一键填入了。 将其中的昵称，邮箱，网址修改成自己的信息。 目前支持绝大多数主流博客平台和系统，如果发现没有起作用，可以在下面代码里面修改增加一下 input 的属性。 如果你不会修改的话，可以在评论区留言没有起作用的网站，我可以更新代码。 ```js javascri

如题所述，想要在闲置的服务器中跑一些服务，青龙面板代挂京豆现存很多开源的脚本，安全性已经经过很多人验证，可以放心使用。 因此我也安排了一个脚本，成功部署之后，就写这篇不算教程的笔记来记录一下整个过程。 Github: https://github.com/6dylan6/jdpro 作者会更新一些部署的指令，如果安装不成功可以对照文档中的指令。

`v-viewer` 基于 vue 的一个插件，可以实现图片放大，缩小，旋转，拖拽，预览等各种功能，效果还是很棒的。这是我在 Github 摸鱼时发现的一个仓库，感觉很有用，就分享一下使用过程。 Github: [https://github.com/mirari/v-viewer](https://github.com/mirari/v-viewer)

新建组件 `Canvas.vue` 。 ```js // @/components/Canvas.vue <template> <div :style="{ height: waveAllHeight + 'px', background: bgColor }" class="wave"> <canvas id="wave1"></canv

如题，我花了一个多小时，参照 nuxt 文档，把搜索功能给加上了，记录一下相关代码。 可以选择放在 `components/<Search />` 里面，然后引入到 head 模板，也可以单独创建一个页面，我选择的是后者。 新建一个页面模板 `/pages/search.vue` 。 ```js <template> <div> <Hea

需求：我将博客和 typecho 后台结合起来，打算做一个在线说说的功能，在 typecho 中输入内容，然后调用接口，实现在我的博客查看说说功能的功能。是不是有点绕？我也这么觉得，但是折腾一下也挺好的。 typecho 导出的数据默认是时间戳格式，那我在前端调用的时候就很麻烦，所以选择在 sql 查询时直接转换，created 是表里面的参数。 `

如何使用 php 写一个接口，然后将数据以 json 文件格式调用。 ```php <?php header('Content-Type:application/json; charset=utf-8'); header("Access-Control-Allow-Origin:*"); $servername = "localhost"; $u

花了两天时间，终于把 Artalk 部署好了，一款数据自托管带后端的评论程序，非常适合我。这篇文章就介绍一下我部署的流程，以及我在部署过程中遇到的一些问题，将它记录一下，以便之后研究，顺便对使用 Nuxt.js 搭建博客的伙伴提供一些参考价值。 Artalk 地址：[https://artalk.js.org/](https://artalk.js.or

在浏览网站时，受限于网站的缺陷，我们通常都会写一些脚本和插件来进行扩展，常规方法有油猴和谷歌插件两种，油猴也是一种插件，使用起来很方便，今天要讲的是如何通过谷歌插件进行注入。 按照结构生成下面几个文件： ```shell |chrome-plugin |---manifest.json |---script.js |---favicon.ico ```

在部署一个网站之后，我们最关心的事情无异于是访问量，以及对它的分析。国内的百度统计是一个不错的选择，基本的功能都是免费的。 只需要在 head 中引入一串 javascript 代码即可。 ```html <!-- <script> var _hmt = _hmt || []; (function() { var hm = document.cr

找到根目录下 `config.inc.php` 文件，在最前面加入下面的代码。  ```php define('__TYPECHO_GRAVATAR_PREFIX__', 'ht

写博客必不可少的一个功能就是图片灯箱功能，也就是点击放大查看。但是不同程序的博客所使用的插件也都不一样，我这里研究出一套可以满足绝大部分程序的灯箱插件。已经测试过 hexo, hugo, typecho 均无问题。 ## 引入文件 首先引入我们关键的两个文件分别是 `zoom.css` 和 `zoom.js` 。 ```html <!-- head 头

>英文地址：https://javascript.plainenglish.io/demystifying-javascript-arrow-functions-7b2a0908a2b3 >通过掘金翻译计划活动进行翻译 ![](https://imgurl.zishu.me/images/old/2021/11/05/b48745e783a796580

这个属性对我来说还真有些陌生，无意中发现的，查询过 MDN 之后听得挺有意思的，就记录一下。 根据字面意思就是“将数据以表格的形式显示”。这个方法需要一个必须参数 data，data 必须是一个数组或者是一个对象；还可以使用一个可选参数 columns。 表格的第一列是 index。如果数据 data 是一个数组，那么这一列的单元格的值就是数组的索引。如

`getTimezoneOffset() 方法` 方法返回 UTC 时间和本地时间之间的时差，以分钟为单位。 >世界协调时间 (UTC) 是世界时间标准设定的时间，UTC 时间与 GMT 时间（格林威治时间）相同。 测一下我所在时区和标准时区的时间差 ```js function myDate () { var d = new Date();

先写一个简单的 html 页面出来 ```html <style> /* ... */ </style> <ul> <li>html</li> <li>css</li> <li>js</li> </ul> ``` 通过 `Math.random()` 属性可以随机生成一个数字，然后通过转化为十六进制的方法进行处理，下面就是随机生成 6

Cusdis 是一个界面清爽、注重隐私的轻量级 (~5kb gzip) 评论系统，可以很方便地与 React、Vue 或其他博客系统结合，并且还提供了一个后台来管理所有的评论。 由于 Cusdis 自称是 Disqus 的替代方案，因此它还支持一键从 Disqus 导入、支持邮件通知等功能。 官方地址：[https://cusdis.com/](http

数字递增，顾名思义就是数字不断增加，数字递增的效果就是要一定时间内，让数字有一个增加的特效，一般用于强调某个内容。 用 jquery 也很好处理，大概就是下面这些。 * `data-to` 属性代表最后想要递增到的数值 * `data-speed` 代表数值想要递增的过程时间 `class="num-ber"` 和 `id="count-number"

`npm install`下载依赖包的时候出现下面错误，请求失败。 ```shell npm ERR! FetchError: request to https://registry.npm.taobao.org/cnpm failed, reason: connect ECONNREFUSED 127.0.0.1:1181 ``` 调试过后发现是本地代

## 关于这个博客的构成 这个就放在最前面吗，算是起到一个统计整理的作用。 博客基础的框架使用是 hugo, 前端样式是自己慢慢构思的，可能是因为没有设计师的天分吧，构思出来的 UI 就很奇怪。 我也尽量将色彩往黑白上靠，就是为了避免色彩的冲突造成阅读的不适，以文字为主体，也可以将我的重心转移到写文章上来。 然后通过本地渲染构建了 `public`

>接口链接：[http://121.196.166.173/img/img.php](http://121.196.166.173/img/img.php) >展示 demo：[http://121.196.166.173/img](http://121.196.166.173/img) ## 前言 为了写博客以及其他的一些用途，我使用服务器搭建了一个连

如何在 vue 中完成一次接口的调用？首选就是 axios，方便快捷又好用，支持各种 api ,封装也很方便。 先用 node 安装一下。 ```js npm install axios ``` 然后在 main.js 文件中引入。 ```js import axios from 'axios' import VueAxios from 'vue-a

为了方便写一些东西，pc 端和手机端都可以同步，我用 leanote 搭建了一个在线笔记，但是必须在服务器后台运行一个指令 ```shell base run.sh ``` 不然就访问不了端口，我也不可能时刻在终端保持指令运行，所以就需要把指令放在服务器后台，让它自己保持运行，刚好有这么一插件 `Supervisor管理器 2.2` 。 ![](htt

## 1.问题 >css 中使用动画属性会和同标签下的 fixed 属性冲突，导致定位失效，那么该如何解决他呢？ ## 2.分析 简单说一下问题产生的背景，昨天夜里我想给我的博客页面做一个简单的动画，浏览器刷新的时候从下往上渐现的效果，代码如下： ```css /* index-container 类名是页面的主体部分 */ .index-conta

>转载自：[https://www.moeor.com/26.html](https://www.moeor.com/26.html) ## 前言 本教程讲解 Oracle Database Express Edition (XE) Release 11.2.0.2.0 (11gR2) 版本的下载安装教程！ 该版本是一个便携式安装版本，直接安装，就可以

## 1.前言 本文从[Typecho](http://typecho.org/) 简介开始讲解，其中包括服务器的选择，以及域名注册，服务器系统选择，宝塔安装，环境配置，Typecho 安装包括中间的防采坑注意事项，为您提供完整的保姆级搭建流程，请珍惜哦！ 如果不喜欢前面的啰嗦讲解，请跳过，直接从宝塔安装开始。 不喜勿喷，谢谢！ 需要买服务器可以 [

我想很多小伙伴在写博客的时候都能遇到一个令人头疼的问题，某一篇文章想用 `iframe` 引入一个外链视频，但是大小总是有问题，宽度可以固定到 100% ，但是高度比如用实际高度来表示，比如 `100px`, `200px`，诸如此类。 但是问题来了，在不同的页面宽度下，视频的高度是一致的，就会导致一个很麻烦的问题， 看下面两个图， **pc 端**

## 一、搭建 docsify 是一个类似 vuepress, gitbook 等静态文档程序，但是对比之前，个人还是喜欢 docsify 的风格和源码。不想要那么多附带的功能，能满足写文章，目录的功能就行了。 打开终端输入指令，把本地环境搭建起来： ```shell npm install docsify-cli -g ``` 初始化文档： ``

之所以学习 Python，本意是想写一些脚本之类的程序，用来在浏览器爬一些自己想要的文字，图片等资料，这些程序其实 GitHub 蛮多的，但奈何我对后端的语言一窍不通，直接拿过来给我用我都不会。 因此就萌生了先学习 Python 基础知识的想法，一直听说廖雪峰的 Python 教程写的不错，这次趁着这个机会要好好研读一番。也没想说用的多牛逼，至少希望能为自

问题产生于需求，因为项目需要适配 pc 和移动端多套布局，所以某些元素在特定的宽度下会产生错位的现象。 如果是在 css 中，可以很好的判断，使用媒体查询可以实时检测页面的宽度，从而给予标签不同的属性。 ```css @media (max-width:768px){ ... } ``` 在 js 下可以使用下面这种方法 ```js wind

有一个需求，滚轮滚动到相应位置的时候执行当前的动画，这个动画在`footer`里面，而网页的主体通过`ajax`进行渲染，我在 js 里面调用 ajax 渲染数据，然后再获取主体的高度，滚动到该高度的时候执行动画。 本地测试了一下没什么问题，该有的效果都有了。放在服务器上测试发现无论怎么写，都是先获取主体的高度，然后才进行数据的渲染。那么必然高度是一个极小

>起因是因为 IE10 不兼容 es6，所以引发了一系列的问题。 ### 一 使用`ajax`拼接字符串有很多方法，最简单的莫过于使用 es6 的语法中的关键符号， ```js str += `<li class="wrap-item"> <div class="pic-wrap"> <div class="pic">

通过 jquery 进行 ajax 请求数据是一种较为简便的方式，我简单写了一个本地的`data.json`文件，然后用`get`请求数据，下面是部分代码 ```js // ajax 请求获取数据 function picShow(){ var str = ''; $.ajax({ url:'./js/data.json',

1. IE10 不支持箭头函数，写 js 的时候慎用。 2. IE10 下对 js 的语法要求严格，正常参数后如果没有多余的代码，写个`,`会报错，如果加了删掉就 OK，Chrome 下不会产生影响。 3. zoom 属性能不用，尽量别用。我在 Chrome 使用 zoom 进行大小调整，放到 IE10 运行，整个页面都错位了，找半天才想起来之前给一个容

页面监听是我们经常用的一个功能，下面两个段代码表示两个事件，分别在页面滚动 500px 和 1000px 的时候触发，在代码中使用了箭头函数。 ```js window.addEventListener('scroll', () => { var scrollTop = document.documentElement.scrollTop i

```js $("#test").click(function () {     $('html,body').animate({ 'scrollTop': '0' }, 500,) }) ``` 这行代码使用的是 jquery 的写法，一个 500 毫秒的动画，这样写在 Chrome 浏览器等没问题，可以正常运行。 但是今天在写项目的过程中，要求代码

ps：先说点题外话，因为工作的原因很久没更新博客了，最近也是告一段落，处理一了一些事情之后可以安心坐下来，把我的博客重新整理一下。 今天要讲的是 css3 的一个新属性 `animation`，也算是一个回顾吧，我只是将平时如何使用，以及一些技巧分享出来。如果想学习更基础的内容，可以点击链接：[https://www.runoob.com/css3/css

最近正在面试，遇到了很多有意思的东西，比如今天，在面试前先做了一套面试题，其中有这么一道题，觉得挺有意思，之前也没见过，就打算记录下来： ```html <!-- Chrome 浏览器 12px 字体大小以下无法显示，均显示为 12px，应该怎么解决。 --> ``` 我确实有点蒙，在之前写代码的时候，没有遇到过这样的情况，不过既然这样问了，就得想出解决

很多小伙伴在做个人网站或者博客时，总能用到各种各样的图床工具，毕竟在写文章的时候需要插入一些图片，我也不例外，来盘点一下之前用的工具， 1. 最开始是找一些免费的图床网站，比如 sm.ms 等，但是后来为了安全性和稳定性考虑放弃了这种。 2. 然后是在 github，gitee 仓库存储的（缺点就是 github 访问速度有些尴尬，gitee 其实挺好的，

typecho 博客建立完成之后，会发现如果插入一些小表情，页面渲染完之后，表情不会显示，并且表情之后的内容全部消失，导致体验感很差。 表情无法显示的原因是 uft-8 编码的问题，无法识别小表情，需要将其改成 utf8mb4 ### 第一步，进入数据库 首先登陆博客后台的数据库，然后点击 sql，输入下列代码： ```sql alter tabl

在浏览掘金社区的时候，发现一个很有意思的小彩蛋，在个人主页将鼠标悬浮在头像上，会不停的加速旋转，我感觉挺有意思，f12 看看这个样式怎么写的，发现用到了 css3 的相关技术。 下面是具体代码，img 是头像元素，直接写在 hover 中即可。 ```css img:hover { transform: rotate(666turn); t

## 一、javascript 由三部分组成 ### 1.ECMAScript（核心） 它规定了语言的组成部分：法语，类型，语句，关键字，操作符等等。 ### 2.DOM（文档对象模型） DOM 把整个页面映射为一个多层节点结果，开发人员可借助 DOM 提供的 API，轻松地删除、添加、替换或修改任何节点。 ### 3.BOM（浏览器对象模型）

## 1.webpack 的核心概念 1. **entry（入口）**：一个可执行模块或者库的入口。定义了打包后的入口文件。 2. **output（出口）**：指示 webpack 如何去输出，以及在哪里输出。 path: 打包文件存放的绝对路径 publicPath: 网站运行时的访问路径 filename: 打包后的文件名 3. **mo

最近发了很多关于 React 的文章，记录遇到的新技术点，以及在写代码过程中遇到的问题，希望可以帮助到和我遇到同样问题的同学。 今天分享的是一款基于 React 的富文本编辑器－－Braft Editor。 >Braft Editor 官网：[https://braft.margox.cn](https://braft.margox.cn) >Githu

关于 [React 框架](https://react.docschina.org/) 和 [Vue 框架](https://cn.vuejs.org/) 的对比，用两者写出同一个程序，对比其代码实现的过程，看看它们的差异究竟有多大？ >转载于：https://blog.csdn.net/csdnnews/article/details/81880378

`create-react-app` 脚手架指令可以生成 React 项目，在项目完成之后执行打包命令 `npm run build`，文件夹内生成 `build`文件夹，就是打包后的文件，在浏览器运行 `index.html` 发现页面空白，打开控制台有报错，css 和 js 文件的引用路径有问题。 浏览 `index.html` 代码可以发现： ``

本文主要写如何在 React 中引入 less。因为 less 和 css 非常像，因此很容易学习。而且 less 仅对 css 语言增加了少许方便的扩展，这就是 less 如此易学的原因之一。 ## 1.安装 less ```shell npm install less less-loader --save-dev ``` ## 2.暴露 webpa

来源于：[https://react.docschina.org/docs/forms.html](https://react.docschina.org/docs/forms.html) ## 一、表单 在 React 中，html 表单元素的工作方式和其他的 DOM 元素不太一样，因为表单内部通常会保持一些内部的 `state`，比如下面这个纯 ht

## 一、React 组件是什么？ >组件，从概念上类似于 javascript 函数，他接受任意入参`（props）`，并返回作用于描述页面展示内容的 React 元素。 组件允许你将 UI 拆分为独立可复用的代码片段，并对每个片段进行独立构思。 ### 1.创建一个组件 ```js // 函数组件 function Welcome(props)

Github: https://github.com/lydiahallie/javascript-questions 相当不错的一个 Github 仓库，`javascript questions` ，作者每周都会发布一些有关 javascript 的题目，虽然不难但是考察细节，刷了一会，其实一些很简单的问题，结果因为细节思考不到位直接出错。 >引用

React 元素的事件处理和 DOM 元素的很相似，但是有一点语法上的不同 React 事件的命名采用小驼峰式（camelCase），而不是纯小写 使用 JSX 语法时你需要传入一个函数作为事件处理函数，而不是一个字符串 ## 一、事件处理 ### 1.事件绑定 React 元素的事件处理和 DOM 元素类似，但是在语法上有些区别，比如： **

在 React 项目中，render 方法只能有一个根元素，一般都是 `<div> <div/>` ，然后在里面写上我们的组件，渲染到浏览器一看，除了我们想要显示的组件，外面还套着一层 div，如果在写项目的时候，套了很多曾组件，那么每一层都会多出来一个父级元素 div，不美观，而且在调整样式的时候会有些麻烦 因此，React 提供了一个占位符 Fragm

根据官网文档来解释，为什么不可变性的概念在 React 中非常重要的原因，一般来说，有两种改变数据的方式。第一种方式是直接修改变量的值，第二种方式是使用新的一份数据替换旧数据 >[React 文档](https://react.docschina.org/tutorial/tutorial.html#why-immutability-is-importan

进行重新加载编译。实际就是将浏览器不认识的语法编译成浏览器认识的语法。比如 less 编译成 css，ES6 语法 转成 ES5 等等。 减少 io 请求，通常我们在请求后，会返回一个 html 到浏览器。这时，我们如果打开控制台，就会发现在 html 页面通过 script,link 等标签引用的静态资源，浏览器会再次发出请求去获取这些资源。但是 web

## 一、计算属性 computed ### 1.例子 ```html <div id="app"> <div>{{message}}</div> <div>{{revermessage}}</div> </div> <script> var vm = new Vue({ el: '#app', data: {

## 一、vue 实例 ### 1.创建 vue 实例 一个 vue 实例应该通过`new Vue`来创建根实例，所有的 vue 组件其实都是 vue 实例 ```js var vm = new Vue({ ... }) ``` 当一个实例被创建时，`data`对象中的 property 都被加入到 vue 的响应式系统中，当值发生改变时，试图也

## 一、什么是 vue? 练习时使用，最新版本 ```html <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> ``` 生产时使用，明确版本号的版本，避免造成不可预见的问题 ```html <script src="https://cdn.jsdelivr.n

类是对的类型，类是具有相同属性和方法的一组集合，一个类可以对应多个对象，对象通过他们公开的方法来定义他们与外界的交互行为，而方法就形成了与外界交互的接口 ## 类，对象和接口 ### 1.类和对象 区别： 1. 对象是类的一个实例。就比如一个人，他有具体的属性，身高，体重，姓名等状态，跑步，跳舞等行为 2. 类是抽象的概念，代表一类事物的模版。对一类

vue 使用 cli 脚手架构建项目工程，执行的命令以及遇到的相关的问题 ### 1.下载安装 node 测试一下是否成功安装， ```shell $ node -v // 返回下载的版本号 ``` ### 2.安装 webpack 环境 ```shell $ npm install webpack -g // 如果失败，可能是因为用户没有权限 //

转载于：[https://github.com/petehunt/react-howto](https://github.com/petehunt/react-howto)，react 开源作者对于 react 框架的一个学习路径的建议，个人感觉还是相当不错的学习路线 --- # 如何学习 React? 如果你是一个 React (或者前端) 新手，出

在写一个小 demo 的时候，无意中发现定义变量的时候直接写入 value，会导致获取不到数据，或者获取的不是我们想要的内容，在 js 中运算不能随便把 value 属性定义成变量 先看一段代码 ```html <input type="text"" id="a"> <span>*</span> <input type="text" id="b"> <i

事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事件，`事件流`，事件发生时会在元素节点和根节点之间按照约定的顺序传播，事件经过的所有节点都会受到事件的影响，这个传播过程被称为 DOM 事件流 ## 函数事件 事件一般是用于浏览器和用户操作之间的交互，当用户执行某些特殊的操作时，浏览器给予反应，触发绑定的事

`querySelector`和`querySelectorAll`的用法和`getElementBy`大致一样，获取的时候带上符号，getElementBy 获取的是元素的`动态集合`，querySelector 获取的是元素的`静态集合`。 <red>但是需要注意：getElementBy 系列和 querySelector 系列的区别</red>

DOM 中文名文档对象模型，英文名 Document Object Model，我们简称为 DOM，是针对 html 和 xml 文档的一种 API，将 html 以一种树状结构呈现出来，可以更直观去研究文档结构，我们将这种树状文档结构称为－－DOM 树，或者节点树，一样的概念 ## 一、什么是 DOM？ DOM 中文名文档对象模型，英文名 Docu

数据类型，构造函数，原型和原型链的一些讲解补充 ## 一、数据类型 ### 1.5 个基本类型 string number boolean undefined 未定义 null 值为空 symbol 表示一个符号，符号类型是唯一的并且是不可修改的 最常见的还是前三种，字符串，数字，布尔值 ### 2.常见的引用类型 引用类型是一种数据

今天在写 new Date() 时候，无意中发现了一个很有意思的方法，`getTime()`，百度了一下，有人说是计算从 1970 年 1 月 1 日至今的毫秒数 >为什么要是 1970 年呢？ ````js new Date().getTime(); // xxxxxxxxxxx ```` 这个起源于 unix 的诞生，因为 Unix 在 196

面向对象把构成问题的 transaction 分解成各个对象，而建立对象的目的也不是为了完成一个个步骤，而是为了描述某个事物在解决整个问题的过程中所发生的行为，意在写出通用代码，加强代码重用，屏蔽差异性。 ## 一、什么是面向对象编程 js 是`基于原型`的，基于`面向对象编程` 面向对象就是把数据和对数据的操作方法放在一起，作为一个整体——对象。对同

厨房日记，记录我的'高光'时刻 今日菜谱 ### 莴笋炒肉 准备食材：两根莴笋，一块猪肉，两只青椒 调料：盐，酱油，醋，油，料酒，姜，蒜 1. 炒菜前 10 分钟将猪肉从冰箱取出，放进碗中，用水浸解冻 2. 将莴笋削皮洗净，用刀切成片状 3. 将浸泡解冻好的猪肉取出，切成肉丁 4. 切少许姜和蒜 5. 准备好两根干辣椒 6. 往锅中倒入一勺油，待

当代码出现有规律的重复之后，可以利用函数，定义变量，调用方法，不用去重复的改动代码，只需要进行函数的修改。基本上所有的高级语言都支持函数，javascript 也不例外，它可以像变量一样被使用，方便且强大，因此本文对 js 函数进行系统的学习，并在学习过程中做了详细的笔记以及样例。 ## 一、函数的定义和调用 ### 1.定义函数 ````js fun

研究 html 的`对象，事件和方法`，从 js 的角度来思考，这个标签的属性是通过什么方法，触发什么事件来实现的 1. 键盘鼠标事件 2. 页面窗口事件 3. 表单事件 ## 一、window 事件属性 针对 window 对象触发的事件，在`<body>`中执行 ### 1.onbeforeprint／onafterprint 在浏览器打印

在学习 js 基本语法的过程中，把遇见的知识点和问题记录写下来，以便未来复习和参考。 数据类型有：**数据，字符串，数组，数字，布尔值**等。 ## 一、数据类型 ### 1.number ### 2.布尔值 只有 true 和 false 两种，可以直接用 true 和 false 来表达，比如： ````js true; //true f

我在写博客的时候，想给博客网页添加自己喜欢的音乐，这样我在写作和阅读的时候，心情也会比较愉悦，这个时候，我们就需要用到`audio`这个标签。 ````html <audio src=""></audio> ```` 同时 audio 标签还带有很多实用的属性，常用的有以下几个： * src -- 这个就不说了，懂的都懂 * autoplay --

在某些段落中，页面要求文字只显示一行，但是`width`固定，而文字过长，就会出现一个需求，超过长度限制的文字被隐藏且显示省略号，css 支持这样的属性。 **单行文本溢出隐藏** ````css div{ overflow: hidden;   white-space: nowrap;   text-overflow: ellipsis; } ``

学习 vue 中一个非常重要的领域，就是生命周期，它包含了很多的内容。每个 vue 实例在被创建的时候都要经历一系列的初始化过程，这个过程就是 vue 的生命周期。 每个 vue 实例在被创建的时候都要经过一系列的初始化过程——例如，需要把设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等，我们要把这一系列的过程称为组件的`生命周