本篇博客是给已经有了vue、react等框架基础的同学预览的，重点讲述培养学习思维,以不一样的思维带你深入uni-app。。。ps：看文档要认真细心看完。仔细领悟。从vue到uni-app只需要这一篇文章就够了。。1.刚学习uni-app,第一步应该考虑哪些东西？了解其应用场景，整合其优势，大规模的线上案例这是必然的，具体的介绍需要大家去细细研究。我们既然已经有了前端框架的开发经验，学习一个新的线
转载
2024-05-21 11:25:36
154阅读
Uni-app工程转vue-cli工程步骤一、全局安装vue-cli// 安装之前需要安装node,npm,安装方法自行百度
npm install -g @vue/cli二、创建一个空的uni-app工程//使用正式版（对应HBuilderX最新正式版），my-project项目名称不支持驼峰式命名
vue create -p dcloudio/uni-preset-vue my-proje
转载
2024-09-23 15:25:25
358阅读
NPM官方地址：https://www.npmjs.com/package/postcss-pxtorem 安装 postcss-pxtorem 如下命令就是安装的命令运行即可安装。 npm install postcss-pxtorem -D 在配置文件中配置 postcss-pxtorem。 m
原创
2020-12-26 21:58:00
517阅读
Wepy项目转移到uniapp项目 （经过上网百度以及官网的学习、大概解决了、还有一些和服务端连接的问题没处理好） 一、 （vscode条件下实现的在hbuilderX也可以正常运行） 1.1 全局安装：npm install -g @vue/cli 1.2 通过cl创建uni-app项目：vue create -p dcloudio/uni-preset-vue my-project 后面可以选
属性绑定获取自定义属性值 v-bind如果想要操纵被挂载标签的属性，则使用v-bind进行属性绑定，当然也可以进行简写，简写形式为:。需要注意的有以下两点：如果包裹属性的是双引号，它将访问
Vue实例尝试获取该属性如果包裹属性的是单引号外层再包裹上双引号，则代表这就是一个普通的字符串单纯双引号，将会访问
Vue实例尝试获取该变量：<!-- 结果:<p s1
转载
2024-09-26 22:14:42
153阅读
方法1：var testDate = new Date();
// toString() 把 Date 对象转换为字符串。
var dateobj_toString = testDate.toString();
// toTimeString() 把 Date 对象的时间部分转换为字符串。
var dataobj_toTimeString = testDate.toTimeS
转载
2024-04-02 13:24:33
26阅读
最近为移动端使用rem雪碧图小图标自适应困扰，想了半天终于找到解决方案！难点在于雪碧图要跟随屏幕缩小，下面我们进入正题！ 大家先要明白rem是什么，我给大家个新的理解，rem的本质就是百分比转换，不明白的童鞋可以具体去恶补下rem相关知识！既然rem的本质是百分比转换，那么我们也可以通过同样的方法转换雪碧图，下面上案例！  
新建项目12345678# 安装
npm install -g @vue/cli
# 新建项目
vue create my-project
# 项目启动
npm run serve
# 打包
npm run build打包后的文件，对引用资源注入了预加载（preload/prefetch），启用 PWA 插件时注入 manifest/icon 链接，并且引入(inlines) webpack ru
1,px像素（Pixel）。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2,em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸3,rem为元素设定字体大小时，仍然是相对大小，但相对的只是HTML根元素4,任意浏览器的默认字体高都是16px。所有未经调整的浏览器都符合: 1em=16px。那么12px=0.75em,10
vb中在窗体模块声明的全局变量与在标准模中声明的作用域相同，但是就是引用的时候有点不一样。比如在form1的通用段中用public声明的全局变量，public a%,如果要在form1中的其他过程或函数中引用的时候,直接引用a,可是如果在其他窗体或标准模块的代码中引用a的时候要加上form1的限制。vb中全局变量必须在什么模块中定义？vb中全局变量必须在 标准 模块中定义。 添加方法：在工程中添加
pxPixel 像素，相对长度单位。像素是相对于显示器分辨率而言。rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。小程序规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px。即小程序的750rpx就等于屏幕的宽度，1rpx=（屏幕宽度/750）px。r
vue项目屏幕适配【帮我们自动将px单位转换成rem单位】
原创
2022-11-04 22:04:36
684阅读
本文的目标是通过下文介绍的适配方案，使用vue或react开发移动端及H5的时候，不需要再关心移动设备的大小，只需要按照固定设计稿的px值布局，提升开发效率。下文给出了本人分别使用create-react-app搭建的react（create-react-app）项目和使用vue-cli 2.x 搭建的vue项目中的 亲测可用 配置方案。px2rem或postcss-px2rem在移动端中，为了设
目录1. 安装下载nuxtjs2. 配置路由3. 配置路由重定向4. 配置一些全局的css5. 使用sass6. 编写公共头部布局模板7. 改写组件8. 改写请求接口9. 改写vuex10. 引入第三方插件11. 配置meta12. 开启gzip、brotli压缩13. 部署 这个项目之前也是想用nuxt做的，但是当时还不会，就用了预渲染，最近刚学了nuxt，顺便练习一下 原项目是基于 vu
转载
2024-10-21 09:32:42
54阅读
【需求】实现三个（数字+文字）的页面效果【场景】后端提供的数据格式为对象，其中有三个键名对应着所需数字，文字则不提供（需前端自行匹配）【思路】1. 最开始的做法是单独写出来<div class="test">
<div>
<p class="figure">{{ obj.numA }}</p>
<p>
（注：本文适用于有一定Vue基础或开发经验的读者，文章就知识点的讲解不一定全面，但却是开发过程中很实用的） 首先介绍一下混入mixin的概念：官方文档：混入提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。个人理解：混入就是用来对vue组件中的公共部分，包括
1.安装插件postcss-plugin-px2rem；npm i postcss-plugin-px2rem --save -dev2.在vue.config.js中配置 。这里需要说明一点，网上搜的一堆教程都强调应该增加remUnit来设置rem的计算标准。但是其实在新版后，这个值换成了rootValue这个。例如你设计稿为750的宽度标准，那么这里的值设置为75则可。module
Situation需求 项目中的一种题目 计算题需要配置特定运行指令，计算题的编辑和新增是同一个页面 基本信息提交、配置指令提交和配置文件上传各是一个接口，一共涉及3个接口 指令提交和文件上传均需要questionId，因此我们设计 第一页进行题目基本信息提交，请求成功后后端返回questionId，我们拿到questionId后 下一步 跳转至 第二页，进行指令的配置 问题 编辑计算题时，第一页
转载
2024-05-17 17:50:20
77阅读
免费PDF转换成Word转换器哪个好？面对网络上存在的众多PDF转换器软件，选择哪款对大量的PDF文件进行转换比较好是值得考虑到问题。根据业内人士介绍，选择错误的PDF转换成Word转换器，不但不能够有效地实现PDF文件的转换，很多时候其最终转换出来的Word文件还可能出现乱码、排版错误等问题。在众多免费PDF转换成Word转换器当中，绝大部分转换器依然沿用旧版的PDF解析技术。缺乏及时有效的技术
转载
精选
2014-03-17 14:07:24
609阅读
-- 引入 Turndown 库 -->
原创
2023-10-18 11:57:06
267阅读
