文章列表

# uniAPP 字体引入问题 问题可以参考微信社区发布的文章：微信开放社区文章.. 关于微信小程序字体引入问题 cdn 引入问题自己找后端解决 首先转换字体部分：上面链接的文章进入网页后 根据下面图片提示操作 生成成功后点击下载 > 解压：会得到一个 stylesheet.css 文件和其他文件 这里使用 css 文件放到静态资源或者公共资源文件夹 引入页面或者入口页面 1@import 'stylesheet.css' 根据接口提供的字体名称使用字体即可 12345678910@font-face {...

# uniapp 微信小程序 # 1. 页面构成 index.js 页面脚本文件 index.json 页面配置文件 index.wxml 页面模板结构文件 index.wxss 页面样式文件 # 2. 常用组件 text：文字展示：selectable 可以长按选中文字 1<text selectable>1330303</text> rich-text: 将 html 原始标签渲染为 ui 结构（服务器返回 html 结构时使用） 1<rich-text...

# 大屏数据可视化 # 后台管理 # 微信小程序 UNI-APP+weui+css+Vue3+Vite # 网上书店 Asp.net+Mvc+EntityFramework.6.2.0+Jquery+SQL Server 更多项目请访问码云：https://gitee.com/guo-xiaoyangir

欢迎来到 XiaoYang Guo 的个人博客 声明：博客内容均为个人技术博客转载请说明出处 如有疑问请在评论区留言，会第一时间发送反馈 tip: 本博客主要用于记录个人的思考、观点和经验分享。这些内容不代表任何组织或机构的立场和观点，仅代表我个人的理解和观点。我尊重每个人的观点和意见，欢迎大家就文中的内容进行讨论和交流

# 虚拟 DOM 和 Diff 算法 # 虚拟 DOM 虚拟 DOM 就是用来将真实 dom 抽象为 Js 对象的形式 工作原理就是当页面内容发生改变时回生成一个新的 DOM 树与旧的 DOM 树进行比较 找出差异后以最小的更新去进行增删改 优势： 性能提升：会尽量减少对 DOM 的操作，从而减少操作 DOM 的次数，从而提高性能 跨平台：因为是抽象的对象所以可以在任何支持 Javascript 的平台上运行 # Diff 算法 Vue 的 diff 算法就离不开 Snabbdom; Snabbdom 是一个虚拟 DOM 库，高效的，简单的； Vue2 的 Vnode...

# Canvas 绘制海报及多机型兼容 1. 兼容布局最好的方式就是同时使用 image 展示海报，将 canvas 隐藏，避免 canvas 画布大小导致显示效果欠佳， 2. 如果需要使用 canvas 组件展示的就需要在绘制的时候使用 scale...

# Package.json 分包上传 package 分包上传案例分享： 当小程序单包文件大小超过 2M 时就会收到警告表示单包内容不能大于 2M 总包大小不能超过 20M 即使时接入了 pay 支付系统也不能大于 30M 微信，抖音等都有自己的规定；超过了会出现一些未知的问题，解决这个问题： 实际开发中我们会用到云储存，分包等方法；今天我们介绍一下简单的分包 除 tabbar 组件外的组件都可以使用分包上传 步骤： 1. 在 page 同级目录下配置分包文件 packageA,packageB 用来对数据进行分包 2. 利用调试开发工具的依赖分析查看可分包的功能模块，分别移动到...

# Vue2 和 Vue3 的优化 在 Vue.js 2 中，你可以使用异步组件来延迟加载组件，以提高应用的性能。以下是使用异步组件的步骤： 创建一个异步组件。你可以使用 Vue.component() 函数来定义一个异步组件，例如： 1234Vue.component('AsyncComponent', function (resolve, reject) { // 使用Webpack的Code Splitting来异步加载组件 require(['./AsyncComponent.vue'],...

只讲重点，安装注册就直接参考官网即可 [TOC] # 1. 安装 node.js： 参考网址： # 2. 注册 GitHub: 网址：https://github.com/ # 3. 安装 Git 代码提交工具 参考网址：https://blog.csdn.net/m0_72983118/article/details/130546429 # 4.Hexo 使用 # 1. 在桌面创建个人博客文件夹 # 2. 在文件夹中右键打开 GitBash 操作参考：https://hexo.io/zh-cn/ 具体步骤：GitBash 12345$ npm install hexo-cli -g$...

以下是使用 prerender-spa-plugin 实现前后端分离项目预渲染的详细步骤： 安装依赖： 在项目根目录下执行以下命令安装 prerender-spa-plugin 插件及相关依赖： 12npm install prerender-spa-plugin prerender-spa-plugin-renderer puppeteer --save-dev 创建一个配置文件： 在项目根目录下创建一个名为 prerender.config.js 的文件，用于配置...