前端开发 Chrome如何创建pwa应用 准备3个文件分别如下所示，图标文件必须是大于144x144像素的： [yzy@yzym pwa_app] ll total 32 -rw-r--r-- 1 yzy staff 639 Mar 21 23:05 clock.html -rw-r--r--@ 1 yzy staff 6656 Mar 21 22:21 icon256x256. yuziyue 21 Mar 2024 · 1 min read
前端开发 Antdesign中Input.TextArea 的onSearch与onChange无法输入中文问题 Antdesign中Input.TextArea 的onSearch与onChange无法输入中文问题，解决这个问题的一种方法是使用 onCompositionStart 和 onCompositionEnd 事件来处理中文输入。这两个事件分别在开始和结束输入法输入时触发。我们可以在 onCompositionStart 事件中设置一个标志，然后在 onChange 事件中检查这个标志，如果标志被设置，那么就忽略 onChange 事件。然后在 onCompositionEnd 事件中清除这个标志，并处理输入的文本。 yuziyue 21 Mar 2024 · 3 min read
前端开发 Ghost无法上传图片解决报500错误 Ghost无法上传图片解决报500错误 问题排查 在后台上传图片时接口直接报500错误，查看日志 content/logs/ 看到报错问题如下：解决方法 修改配置 config.production.json，添加如下配置然后重启ghost即可 yuziyue 22 Oct 2023 · 1 min read
前端开发 如何在浏览器使用vscode编辑器 如何在浏览器使用vscode编辑器 monaco-editor编辑器文档，vscode我们都知道非常好用，有没办法吧 vscode 编辑器嵌入到我的网站里面，当然有，微软官方的编辑器 monaco-editor ，vscode 就是基于 monaco-editor 开发的，它功能与易用性是不言而喻的，本文就来详细描述如何使用 monaco-editor 编辑器。 yuziyue 27 Aug 2023 · 3 min read
前端开发 React如何使用Prism.js使代码高亮 React如何使用Prism.js使代码高亮 Prism.js安装 首先确保你的 React 应用能正常运行，然后安装 prismjs 组件。定义高亮组件 定义一个组件专门用来亮代码，只需要传入语言类型和需要高亮的代码即可。 // 选择 prismjs 主题，可选主题包括： // prism prism-coy prism-dark prism-funky prism-okaidia // prism-solarizedlight prism-tomorrow prism-twilight yuziyue 24 Aug 2023 · 1 min read
编程语言 安装 jupyter notebook 并将其嵌入iframe 配置 jupyter notebook 下面的配置主要包括：配置根目录 配置 allow origin 即允许嵌入iframe 配置监听端口和ip地址 启动后是否自动浏览器打开地址 c.NotebookApp.tornado_settings = { 'headers': { 'Content-Security-Policy': "frame-ancestors self *" } } vim 1.html ，然后把 1.html 文件放到一个web服务器目录 yuziyue 19 Aug 2023 · 1 min read
前端开发 iframe 引发的前端跨域问题总结 由 iframe 引发的前端跨域问题总结 想把第三方网站通过 iframe 的方式嵌入到我网站里面，但是报错 blocked ，下面是详细复现步骤。 网站为了安全考虑，避免别人把自己的网站嵌入到其他的网站上，往往会设置不允许非同源网站共享。同源：表示当前网站的 协议、主机名、端口 都完全相同，表示同一个源，在同源的链接是可以任意访问的 yuziyue 5 Aug 2023 · 4 min read
前端开发 nodejs 包管理工具总结 npm npm 设置国内源 临时使用指定源安装包 react 的 create-react-app 命令非常慢，create-react-app 指令是默认调用 npm 的，于是直接把 npm 的 register 给永久设置过来就好了 # 设置全局 npm config set registry https://registry.npm.taobao.org # 验证配置 npm config get registry # 安装命令 npm install express yuziyue 28 Jul 2023 · 1 min read
前端开发 HTML CSS 浏览器元素居中显示 作为后端程序员，假如只是偶尔使用一下html，布局什么的忘记的很快，这里总结了在 HTML 和 CSS 中实现居中显示元素的几种方法，包括了水平居中、垂直居中、水平垂直居中。通常针对不同的元素类型，选择合适的居中方式。 This is a centered text. yuziyue 28 Jul 2023 · 2 min read
前端开发 React快速入门实战 三. 组件化编码流程 拆分组件: 拆分界面,抽取组件 实现静态组件: 使用组件实现静态页面效果 实现动态组件3.1 动态显示初始化数据：数据类型、数据名称、保存在哪个组件? 3.2 交互(从绑定事件监听开始) yuziyue 10 Jul 2023 · 3 min read
前端开发 jsx基础语法实战 一. 介绍，jsx 是一个 JavaScript 的语法扩展，可以很好地描述 UI 应该呈现出它应有交互的本质形式，在学习 react 的时候会用到，其实我们只要正常的逻辑去使用就行了，看下面示例。 yuziyue 10 Jul 2023 · 1 min read
前端开发 JavaScript之JSON处理 JavaScript 之 JSON处理，var xiaoming = { name: '小明', age: 14, gender: true, height: 1.65, grade: null, 'middle-school': '\"W3C\" Middle School', skills: ['JavaScript', 'Java', 'Python', 'Lisp'] }; var s = JSON.stringify(xiaoming); yuziyue 10 Jul 2023 · 1 min read
前端开发 JavaScript面向对象 JavaScript和其他语言不同，它不区分类和实例的概念，而是通过原型（prototype）来实现面向对象编程。原型是指当我们想要创建 xiaoming 这个具体的学生时，我们并没有一个 Student 类型可用。此时恰好有这么一个现成的 Student 对象。 yuziyue 10 Jul 2023 · 5 min read
前端开发 JavaScript之fetch获取后端数据 简单用 flask 启动一个server，准备接口数据，模拟数据，新建文件 app.py。get获取数据，post获取数据，fetch 函数 也可以传入第二个参数，显示指定请求方法post，以及一些自定义header。 yuziyue 10 Jul 2023 · 2 min read
前端开发 React监听页面滚动滑动事件 实现原理，首先使用 useState 定义一个 y，用来保存最新的的 window.scrollY，然后使用window.addEventListener("scroll", handleScroll)监听页面的滚动滑动，当页面滑动时调用handleScroll，在 handleScroll里面处理你的逻辑即可，逻辑处理完以后通过setY(window.scrollY) 赋值最新的值。useEffect组件挂载时执行~~~ yuziyue 9 Jul 2023 · 1 min read
前端开发 JavaScript实现阻塞sleep睡眠 Promise 对象可以将异步操作转换成同步操作，setTimeout 用于延迟执行一个函数。JavaScript实现阻塞sleep睡眠 yuziyue 9 Jul 2023 · 1 min read
前端开发 JavaScript 函数指南 arguments参数，它只在函数内部起作用，并且永远指向当前函数的调用者传入的所有参数。arguments类似Array但它不是一个Array。即便函数不定义任何参数，函数内部也能拿到传入到函数的值。 yuziyue 24 Jun 2023 · 3 min read
前端开发 JavaScript基础与数据类型 要特别注意相等运算符==，JavaScript 在设计时，有两种比较运算符： 第一种是==比较，它会自动转换数据类型再比较，很多时候，会得到非常诡异的结果； 第二种是===比较，它不会自动转换数据类型，如果数据类型不一致，返回false，如果一致，再比较。 由于 JavaScript 这个设计缺陷，不要使用==比较，始终坚持使用===比较。 yuziyue 24 Jun 2023 · 11 min read
