- 博客(25)
- 收藏
- 关注
RSS订阅原创 uniapp开发微信小程序的巨坑
这里我真的是摸索了好久。小程序版本：hbuilderx版本：其他版本不知道会不会出现以下情况。1、如果子组件通过slot，向外部传递对象或属性变量，且该对象或者属性变量没有被使用到，么插槽内的内容将不可以使用原本页面中的对象或者属性。如下图：首先是子组件 List组件：然后是父组件：可以看到子组件list的插槽中插入了内容，但是这时候后面显性定义了子组件list向外传出的，这时候我注释掉了的使用，那么这个所在的标签将无法显示！！！！。2、如果子组件循环渲染了slot，父组件的slot中
2023-10-26 18:59:20
1174
原创 在VMware Workstation虚拟机上安装centos服务，并使用xshell连接centos服务。
(1) 点击VM应用的编辑(2) 虚拟网络编辑器(3) 选择外部连接为“NAT模式”的网络选项(4) 勾选以下两个多选框(5) 设置子网ip跟自己当前物理电脑主机的ip网段一样，例如：你主机的ip是192.168.136.xxx，那么你的这边需要设置的子网ip就是前三位都要一样，最后一位为0，也就是192.168.136.0。(6) 最后点击确定上一步和这一步决定了虚拟机是通过NAT模式访问网络。这两步决定了，后面你物理主机和虚拟主机网络是否互通，是否能正常的互相访问。
2023-07-04 14:57:01
1396
原创 vue移动端项目迁移到uniapp，并兼容小程序
H5中，如果在main.js中使用Vue.prototype.定义一个属性，这时候如果把这个属性使用在视图上，当属性变化的时候，视图也会跟着变化。这样能避免分包不能引用分包的问题。，如果你停留在这个页面，又去改变了Vue.prototype.data，视图还是不会刷新。项目中ui组件在uniapp中大概率是不兼容的，比如：我们vue移动端常用的组件有。除了tabbar的icon图标，其他的图片全部迁移到服务器上，通过链接的形式访问。这时可以去uniapp官网的插件市场，找到兼容的ui组件，比如。
2023-06-09 15:47:19
6064
1
原创 vscode中vue项目点击链接，跳转对应引入模块
2、项目根目录中的jsconfig.json或者tsconfig.json（没有的话手动创建），第一个无法跳转到对应目录，第二个却可以。1、项目中配置@的alias别名。
2023-02-03 15:41:23
2933
原创 nginx vue2+webpack 和 vue3+vite 配置二级目录访问
nginx vue2+webpack 和 vue3+vite 配置二级目录访问
2022-09-25 10:58:29
2289
原创 nginx配置代理，解决前端请求后端服务跨域问题
这是vue项目常规的配置，然后第二个location就是nginx代理的配置，这时候除了后端语言去解决以外，还可以通过配置nginx代理来解决跨域。这时候前端项目最后打包的后端服务域名端口配置为。众所周知，当前端页面域名端口和后端服务域名端口。......
2022-07-26 18:04:41
4838
1
原创 npm install Error: not found: python2 解决方案
在ionic项目执行npmi命令时，出现Errornotfoundpython2的错误，错误如下图。2）系统变量—Path中添加环境变量C\Python27（python安装目录）1）电脑右击——属性——高级系统设置—高级—环境变量。
2022-07-22 11:08:10
7946
原创 window mysql8 忘记密码后，重置密码过程
输入mysql-uroot-p，要求输入密码时，直接回城就能够直接免密登录。从mysql8和mysql8之后，mysql无法在配置文件my.ini中设置。（5）然后进行修改密码参照我的这篇博客中的第二大步“修改mysql密码”，那么mysql-uroot-p登录的时候不仅不能免密登录，（4）关键一步以管理员的身份再打开另外一个cmd命令行。（2）如果已经启动了mysql服务，那么先进行关闭。，不以管理员的身份打开以下操作会出错。还会导致mysql服务还会自动关闭。显示这个即为启动成功。...
2022-07-17 13:42:45
1045
原创 图片链接、base64、blob流，file流之间的转换，最后进行下载
1、链接 转 base64const linkToBase64 = function(link) { const convertimg2base64 = (img) => { const canvasEl = document.createElement('canvas') canvasEl.width = img.width canvasEl.height = img.height const ctx = canvasEl.getContext('2d') ctx.
2022-05-23 17:09:34
868
原创 vue3 vite 打包部署后，访问报错Expected a JavaScript module script but the server responded with a MIME type of
其实这个很简单：在vite.config.js中：将base对应的属性从'./'改为'/'即可import { defineConfig, loadEnv, ConfigEnv } from 'vite';const viteConfig = defineConfig((mode: ConfigEnv) => { const env = loadEnv(mode.mode, process.cwd()); return { plugins: [vue()], root: proce
2022-05-19 23:21:12
5900
4
原创 linux系统下nginx配置静态文件访问
假设在linux系统上你想要访问的文件放在/usr/view/文件夹下：那么你在server下配置：location /view/ { root /usr/; autoindex on;} 或者location /view/ { alias /usr/view/; autoindex on;}然后访问的时候就是：服务器ip + server配置的端口号 + /view/ + 文件名总结：root响应的路径：配置的路径（root指向的路径）+完整访问路径(locati
2022-04-03 13:14:31
4739
原创 centos 7.6 安装 mysql 8以上的版本，开启mysql服务并开启mysql远程访问
一、安装mysql1、安装wget查看wget版本wget -V没有查找到wget的情况下再安装wgetyum -y install wget2、下载和安装mysql的 yum源wget https://dev.mysql.com/get/mysql80-community-release-el7-3.noarch.rpmrpm -ivh mysql80-community-release-el7-3.noarch.rpmhttps://dev.mysql.com/download
2022-03-28 17:42:04
2589
原创 在Centos上启动nodejs项目，并使用pm2管理nodejs应用
node+koa2+mysql入门可以查看这篇文章https://blog.csdn.net/qq_41231694/article/details/123788781一、在centos上安装nodejs1、安装文件下载1、下载地址：http://nodejs.cn/download/查看自己服务器是几位的，下载对应安装文件getconf LONG_BIT2、选择一个合适的版本下载3、安装1、将安装包上传到指定位置(我习惯放到：/usr/local/application/目录)，并解
2022-03-28 15:16:43
2528
原创 node+koa2+mysql入门
1 构建项目1.1 安装koa-generator在终端输入：npm install -g koa-generator1.2 使用koa-generator生成koa2项目在你的工作目录下，输入：koa2 myKoa2成功创建项目后，进入项目目录，并执行npm install命令cd myKoa2npm install1.3 启动项目在终端输入：npm start项目启动后，默认端口号是3000，在浏览器中运行可以得到下图的效果说明运行成功。2 链接mysql数据库2
2022-03-28 10:33:53
422
2
原创 vue3 + vite + linux + nginx 配置gzip模式
1、vue3 + vite配置gzip安装vite-plugin-compressionnpm install vite-plugin-compression -D配置vite.config.jsexport default defineConfig({ // compressPlugin开启gzip压缩 plugins: [vue(), compressPlugin({ ext: ".gz", deleteOriginFile: false // 是否删除原始文件 }
2022-03-27 18:15:30
5989
原创 在nginx上部署vue2/vue3项目(history模式)
1、vue项目路由history模式配置(vue2和vue3整个配置就这一步不一样)vue2配置const router = new Router({ mode: 'history', // 访问路径不带井号 需要使用 history模式 base: '/bank/page', // 基础路径 routes: [ { path: '/count', name: 'count', component: resolve => require(
2022-03-27 17:46:46
6275
原创 Linux安装nginx
Linux安装nginx在linux下安装nginx，首先需要安装 gcc-c++编译器。然后安装nginx依赖的pcre和zlib包。最后安装nginx即可。1.先安装gcc-c++编译器yum install gcc-c++yum install -y openssl openssl-devel2.再安装pcre包yum install -y pcre pcre-devel3.再安装zlib包yum install -y zlib zlib-devel下面进行nginx的安装1
2022-03-27 17:16:16
91
原创 vue-cli3.0开发组件发布到npm上
一、调整项目结构首先用 vue-cli 创建一个 default 项目当前的项目目录是这样的：首先需要创建一个 packages 目录，用来存放组件然后将 src 目录改为 examples 用作示例二、修改配置启动项目的时候，默认入口文件是 src/main.js将 src 目录改为 examples 之后，就需要重新配置入口文件在根目录下创建一个 vue.config.js 文件复制代码// vue.config.jsmodule.exports = { // 将 exa
2021-06-27 18:22:08
356
原创 uniapp canvas绘图流程，从绘制图案到绘制文字，然后完成。还有一些方法的具体细节。
好的我们开始，uniapp绘制海报进行保存是我们经常需要制作的功能。而绘制海报，我们一般会绘制图片，绘制文字，绘制截取图片。下面让我们来看下绘制一个海报的具体过程。1、首先我们需要绘制图片在canvas上绘制图片。我们需要用到一下代码ctx.drawImage( 图片路径 , 0, 0, 244 * 1.22, 429 * 1.22); //绘制图而该方法只支持绘制本地图片，包括本地...
2020-01-30 14:34:19
10050
1
原创 特殊样式集合
1、input placeholder字体样式input::-webkit-input-placeholder {color: #000;}2、单行超出换行.single-row-overflow{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; text-over...
2020-01-18 17:29:23
160
原创 uniapp获取手机状态栏和头部导航栏高度（可用于制作头部自定义导航栏）
statusBar ---------- 状态栏高度customBar -------- 状态栏高度 + 导航栏高度1、建议在公共位置使用该段代码，以达到可以全局复用的效果。这里我们存在store中，存在store中有个好处，就是能够实时变化。避免uni.getSystemInfo()执行未完成时就渲染高度，而在uni.getSystemInfo()完成后无法实时变换高度。2、这里又存在...
2020-01-08 17:33:45
36733
3
原创 uniapp 绘制canvas注意事项
1、移动端绘制时，绘制完不可直接使用api进行截图。会失败。需要进行延时一下，再截图。setTimeout(() => { // @ts-ignore // @ts-ignore 注释功能。这些注释是一种轻量级的方法来抑制下一行中出现的任何错误。 uni.canvasToTempFilePath({ x: 0, y: 0, w...
2019-12-28 15:19:06
2230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人