04 2024 档案
摘要：
前言：以前在做富文本编辑的时候，关于图片裁剪部分使用了antd-img-crop，忘了还有那些可使用的参数，现在上网查找并记录下来吧。 antd-img-crop：一个图片裁剪插件，用于包装antd组件库中的upload组件。 其官网地址在此：https://github.com/nanxiaobe
阅读全文
前言：以前在做富文本编辑的时候，关于图片裁剪部分使用了antd-img-crop，忘了还有那些可使用的参数，现在上网查找并记录下来吧。 antd-img-crop：一个图片裁剪插件，用于包装antd组件库中的upload组件。 其官网地址在此：https://github.com/nanxiaobe
阅读全文
摘要：
用法对比： Moment.js： 时间戳转时间格式： moment(timestamp).format('YYYY-MM-DD HH:mm:ss') 时间转时间戳： moment(dateString, 'YYYY-MM-DD HH:mm:ss').valueOf() Day.js： 时间戳转时间格
阅读全文
用法对比： Moment.js： 时间戳转时间格式： moment(timestamp).format('YYYY-MM-DD HH:mm:ss') 时间转时间戳： moment(dateString, 'YYYY-MM-DD HH:mm:ss').valueOf() Day.js： 时间戳转时间格
阅读全文
摘要：
前端中后台项目（react+antd+umi） 原因：你的项目中没有eslint的配置文件 解决方案：初始化eslint，生成一个.eslintrc开头的文件，通常以.js结尾，具体看具体项目需求
阅读全文
前端中后台项目（react+antd+umi） 原因：你的项目中没有eslint的配置文件 解决方案：初始化eslint，生成一个.eslintrc开头的文件，通常以.js结尾，具体看具体项目需求
阅读全文
摘要：
Vue 实例的创建和基本使用方法： 使用 new Vue() 创建一个 Vue 实例。 传入一个包含选项的对象，如 data、methods、computed、watch 等。 使用 el 选项来指定 Vue 实例挂载的元素。 数据绑定： 双向数据绑定：使用 v-model 指令实现表单元素与数据的
阅读全文
Vue 实例的创建和基本使用方法： 使用 new Vue() 创建一个 Vue 实例。 传入一个包含选项的对象，如 data、methods、computed、watch 等。 使用 el 选项来指定 Vue 实例挂载的元素。 数据绑定： 双向数据绑定：使用 v-model 指令实现表单元素与数据的
阅读全文
摘要：
基本的查询业务逻辑（Read），返回 列表数据：data；操作信息：msg；操作状态：status $query = "SELECT * from os_system"; $data = $mysqli->query($query) or die($mysqli->error); $total =
阅读全文
基本的查询业务逻辑（Read），返回 列表数据：data；操作信息：msg；操作状态：status $query = "SELECT * from os_system"; $data = $mysqli->query($query) or die($mysqli->error); $total =
阅读全文
摘要：
一、简介 出于安全考虑，并不是所有域名访问后端服务都可以。其实在正式跨域之前，浏览器会根据需要发起一次预检（也就是option请求），用来让服务端返回允许的方法（如get、post），被跨域访问的Origin（来源或者域），还有是否需要Credentials(认证信息)等。那么浏览器在什么情况下能预
阅读全文
一、简介 出于安全考虑，并不是所有域名访问后端服务都可以。其实在正式跨域之前，浏览器会根据需要发起一次预检（也就是option请求），用来让服务端返回允许的方法（如get、post），被跨域访问的Origin（来源或者域），还有是否需要Credentials(认证信息)等。那么浏览器在什么情况下能预
阅读全文
摘要：
业务场景： 微信小程序开发中，页面有一个固定在底部（实测只要是设置了固定的输入框都会这样，如果可以改变布局，不固定定位则可避免此问题）的输入框，点击输入框输入文字，操作流程完成。 但是！在神奇的ios系统中却不行，就是点击输入框，你是无法触发到输入框的，说白了点不到，安卓就没有这毛病。 原因：ios
阅读全文
业务场景： 微信小程序开发中，页面有一个固定在底部（实测只要是设置了固定的输入框都会这样，如果可以改变布局，不固定定位则可避免此问题）的输入框，点击输入框输入文字，操作流程完成。 但是！在神奇的ios系统中却不行，就是点击输入框，你是无法触发到输入框的，说白了点不到，安卓就没有这毛病。 原因：ios
阅读全文
摘要：
基础知识 React是什么？ React是一个用于构建用户界面的JavaScript库。 React和Angular、Vue有什么区别？ React专注于UI组件化，数据流动单向，需配合其他库（如Redux）进行状态管理；Angular是完整的前端框架，提供一站式解决方案；Vue则是轻量级框架，易于
阅读全文
基础知识 React是什么？ React是一个用于构建用户界面的JavaScript库。 React和Angular、Vue有什么区别？ React专注于UI组件化，数据流动单向，需配合其他库（如Redux）进行状态管理；Angular是完整的前端框架，提供一站式解决方案；Vue则是轻量级框架，易于
阅读全文
摘要：
一、基础概念与特性 Vue.js是什么？它主要用于解决什么问题？ Vue.js是一套构建用户界面的渐进式框架，旨在通过简洁的API实现响应的数据绑定和组合的视图组件。它主要用于解决前端开发中数据驱动视图的问题，提高开发效率和可维护性。 Vue.js与React和Angular有何不同？ Vue.js
阅读全文
一、基础概念与特性 Vue.js是什么？它主要用于解决什么问题？ Vue.js是一套构建用户界面的渐进式框架，旨在通过简洁的API实现响应的数据绑定和组合的视图组件。它主要用于解决前端开发中数据驱动视图的问题，提高开发效率和可维护性。 Vue.js与React和Angular有何不同？ Vue.js
阅读全文
摘要：
以下是前端面试中关于JavaScript的一些常见问题及其答案，共包含超过50个问题： 1. 解释一下JavaScript中的变量提升（Hoisting）。变量提升是指在JavaScript中，变量和函数的声明会被提升到其所在作用域的最顶部。但需要注意，只有声明会被提升，赋值操作不会。 2. 解释一
阅读全文
以下是前端面试中关于JavaScript的一些常见问题及其答案，共包含超过50个问题： 1. 解释一下JavaScript中的变量提升（Hoisting）。变量提升是指在JavaScript中，变量和函数的声明会被提升到其所在作用域的最顶部。但需要注意，只有声明会被提升，赋值操作不会。 2. 解释一
阅读全文
摘要：
1. CSS盒模型。 CSS盒模型是网页布局的基础，每个HTML元素都可以看作是由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成的矩形盒子。盒子的实际宽度和高度是这四个部分的总和。 2. CSS的选择器及其优先级。 CSS选择器用于选择你想要样式化
阅读全文
1. CSS盒模型。 CSS盒模型是网页布局的基础，每个HTML元素都可以看作是由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成的矩形盒子。盒子的实际宽度和高度是这四个部分的总和。 2. CSS的选择器及其优先级。 CSS选择器用于选择你想要样式化
阅读全文
摘要：
1、xhtml和html有什么区别？ 语法要求： XHTML要求严格的XML语法，例如所有标签必须小写，所有标签必须关闭（即使是空元素也要使用闭合标签），所有属性必须使用引号。 HTML语法相对更宽松，不强制要求标签闭合，标签和属性的大小写不敏感。 文件类型： XHTML文档必须以.xml、.xht
阅读全文
1、xhtml和html有什么区别？ 语法要求： XHTML要求严格的XML语法，例如所有标签必须小写，所有标签必须关闭（即使是空元素也要使用闭合标签），所有属性必须使用引号。 HTML语法相对更宽松，不强制要求标签闭合，标签和属性的大小写不敏感。 文件类型： XHTML文档必须以.xml、.xht
阅读全文
摘要：
要减少Webpack打包文件的数量，你可以结合使用代码分割、Tree Shaking、优化Loader和压缩输出等策略。以下是一些具体的步骤和示例代码： 1. 代码分割 使用import()语法进行动态导入，实现代码分割。 // 在需要的地方动态导入模块 button.addEventListene
阅读全文
要减少Webpack打包文件的数量，你可以结合使用代码分割、Tree Shaking、优化Loader和压缩输出等策略。以下是一些具体的步骤和示例代码： 1. 代码分割 使用import()语法进行动态导入，实现代码分割。 // 在需要的地方动态导入模块 button.addEventListene
阅读全文
摘要：
Umi配置文件通常为.umirc.js或者config/config.js，这两个文件的作用是相同的，两个文件都存在时会优先加载 `.umirc.js`，请只使用其中一个来作为配置项！以下是其常见配置项： 官方给出的配置文档：https://umijs.org/docs/api/config imp
阅读全文
Umi配置文件通常为.umirc.js或者config/config.js，这两个文件的作用是相同的，两个文件都存在时会优先加载 `.umirc.js`，请只使用其中一个来作为配置项！以下是其常见配置项： 官方给出的配置文档：https://umijs.org/docs/api/config imp
阅读全文
摘要：
TypeScript 编译器的配置文件，用于指定编译 TypeScript 代码时的编译选项和编译目标等信息。 通过修改该文件，可以定制 TypeScript 编译器的行为，例如指定编译目标、启用或禁用特定的语言特性、设置代码检查规则等。以下是一些常用的配置项及其作用： compilerOption
阅读全文
TypeScript 编译器的配置文件，用于指定编译 TypeScript 代码时的编译选项和编译目标等信息。 通过修改该文件，可以定制 TypeScript 编译器的行为，例如指定编译目标、启用或禁用特定的语言特性、设置代码检查规则等。以下是一些常用的配置项及其作用： compilerOption
阅读全文
摘要：
为什么要记录，因为很少遇到这种奇葩的需求，后端要我不要返回对象中所有值为-1的字段，我就纳了闷了，你就不能自己处理吗？？ 好了，不吐槽了，主要是较少去处理遍历对象的操作（历来都是遍历数组），所以在这里做个记录： let params = { a: 10, b: 6, c: -1, d: 11, e:
阅读全文
为什么要记录，因为很少遇到这种奇葩的需求，后端要我不要返回对象中所有值为-1的字段，我就纳了闷了，你就不能自己处理吗？？ 好了，不吐槽了，主要是较少去处理遍历对象的操作（历来都是遍历数组），所以在这里做个记录： let params = { a: 10, b: 6, c: -1, d: 11, e:
阅读全文
摘要：这个coffee主题在首页的阅读数量不见了 但是在文章详情里面又能看见 你们有遇到这种情况吗
阅读全文
摘要：
是的，问题就出在scroll-view的使用方式上，具体啥原因吧，我也不晓得。。 解决方案：去掉scroll-view。 是的，解决不了问题就解决问题来源。。。 scroll-view作用主要是滚动刷新页面，我用了onReachButtom来替代它了。 注意：ios和安卓都是这样。。
阅读全文
是的，问题就出在scroll-view的使用方式上，具体啥原因吧，我也不晓得。。 解决方案：去掉scroll-view。 是的，解决不了问题就解决问题来源。。。 scroll-view作用主要是滚动刷新页面，我用了onReachButtom来替代它了。 注意：ios和安卓都是这样。。
阅读全文
摘要：
使用ren命令，注意是win10系统 在需要修改后缀名的文件夹路径打开cmd，如： 比如我想把这些exe文件修改为zip后缀，现在路径打开cmd，然后输入命令： ren *.exe *.zip 注意该命令会把当前文件夹内所有的.exe后缀批量改成.zip，如果是重要文件，请先备份，以防丢失。 以上没
阅读全文
使用ren命令，注意是win10系统 在需要修改后缀名的文件夹路径打开cmd，如： 比如我想把这些exe文件修改为zip后缀，现在路径打开cmd，然后输入命令： ren *.exe *.zip 注意该命令会把当前文件夹内所有的.exe后缀批量改成.zip，如果是重要文件，请先备份，以防丢失。 以上没
阅读全文
