终生耕田-CSDN博客

原创 Vue3+Uniapp小程序自动化打包上传

使用 vue-cli 搭建的小程序, 当项目开发完成后，需要打包上传小程序代码：在命令行执行打包小程序，然后在对应平台的【开发者工具】导入 dist/build/mp-xxx 文件夹，打开项目，上传小程序。流程较多, 比较繁琐。所以采用小程序自动化打包上传并且集成到发布平台实现真正的一键上传。

2024-05-15 14:21:13 1043

在 src 目录下创建一个 router 文件夹放路由配置文件，在文件夹里创建 index.ts 文件在 src 目录下创建 views 文件夹，在里面放组件页面配置资源访问路径第一步: 打开 tsconfig.json 配置文件，在/* Linting */下添加// tsconfig.json 文件"paths": {第二步: 在 vite.config.ts 添加配置resolve: {// 设置文件./src路径为 @alias: {

2024-05-15 14:20:16 402

原创 element-ui表格自定义动态列

拖拽表头改变宽度限制最小宽度, 实时保存设置。隐藏列选中列隐藏, 不显示在表格中。“勾选” 列和"操作" 列不可隐藏, 并且不包含在列控制组件中。隐藏后, 无论是否冻结均不显示。有特殊标识则要另外做判断。列冻结开启时, 表示选中列靠左冻结。只有"操作" 列允许靠右冻结且禁止更改。列按照冻结>不冻结的顺序动态排序。列拖动排序拖动结束按照冻结>不冻结的顺序自动排序。恢复默认配置恢复表格的默认配置, 清除用户的自定义设置。保存。

2023-02-17 15:28:28 6114

原创自定义键盘组件封装

### 自定义键盘组件封装父组件wxml<view class="total-amount"> <view class="total-tit">消费总额</view>  <view class="f-j-s total-input-block"> <text class

2022-01-24 23:46:31 1687

原创利用js结合canvas给图片打马赛克

效果演示什么是canvas?<canvas> 元素用于图形的绘制,只是图形容器。元素本身并没有绘制能力,您必须使用js脚本来绘制图形。getContext() 方法可返回一个对象，该对象提供了用于在画布上绘图的方法和属性知识点简介创建DOM元素 // 创建DOM元素 let img = new Image() img.src = './cat.webp' //添加到HTML中 document.body.appendChild(img)

2022-01-19 14:19:52 827

原创原生微信小程序自定义键盘(仿原生键盘)

wxml<view class="page_box" catchtap="hindKeyboard"> <view class="input_view" catchtap="hindKeyboard"> <text class="title">消费金额：</text> <view class="input_box" catchtap="showKeyboard"> <text class="i

2022-01-17 00:00:46 2566 1

原创 es6新特性

es6新特性let、const和var的区别⭐1. 块级作用域{}Es5中作用域有:全局作用域、函数作用域,没有块级作用域的概念Es6中新增块级作用域。块级作用域用{}包括,if和for语句里面的{}也属于块作用域2. var没有块的概念,可以跨块访问,不能跨函数访问3. let只能在块作用域访问,不能跨块或跨函数访问4. const用来定义常量,使用时必须初始化(即必须赋值,只能在块作用域访问,且不能更改)const定义的对象属性是否可以改变?因为对象是引用类型,对象中保存的仅是对象的指

2022-01-13 23:48:16 310

原创 v-if 和自定义指令同时使用导致指令无效的问题

v-if 和自定义指令同时使用导致指令无效的问题。 <el-button v-if="row.status=='0'">编辑</el-button> <el-button v-has="'marketing:cluster:details'">查看</el-button> <el-button v-has="'marketing:cluster:data'")" >数据</el-button>复制代码问题:

2022-01-13 09:49:22 878

原创 vue黑马项目最后优化

1. 项目优化策略1.1 生成打包报告通过可视化的UI面板直接查看报告（推荐）任务 => build在可视化的UI面板中，通过控制台和分析面板，可以方便地看到项目中所存在的问题。1.2 通过vue.config.js修改webpack的默认配置// vue.config.js // 这个文件中，应该导出一个包含了自定义配置选项的对象 module.exports = { // 选项... }1.3 为开发模式与发布模式指定不同的打包入口默认情况下，Vue项目的开发

2021-08-07 09:04:17 183

原创 CSS响应式布局

前提知识特殊样式/*Css3盒子模型*/box-sizing: border-box;-webkit-box-sizing: border-box;/★点击高亮我们需要清除清除设置为transparent完成透明*/-webkit-tap-highlight-color: transparent;/★在移动端浏览器默认的外观在ios.上加上这个属性才能给按钮和输入框自定义样式*/-webkit-appearance: none ;/*禁用长按页面时的弹出菜单*/img,a { -webk

2021-08-07 09:03:39 849

原创 HTML/CSS代码规范

代码规范1. 概述欢迎使用品优购代码规范，这个是我借鉴京东前端代码规范，组织的品优购内部规范。旨在增强团队开发协作、提高代码质量和打造开发基石的编码规范，以下规范是团队基本约定的内容，必须严格遵循。HTML规范基于 W3C、苹果开发者等官方文档，并结合团队业务和开发过程中总结的规范约定，让页面HTML代码更具语义性。图片规范了解各种图片格式特性，根据特性制定图片规范，包括但不限于图片的质量约定、图片引入方式、图片合并处理等，旨在从图片层面优化页面性能。CSS规范统一规范团队 CSS 代

2021-08-07 09:03:13 261

原创创建express目录

API学习文档初始化项目安装好mysql,express,npm,express-generator命令行express 文件名创建项目目录进入目录 npm i下载所需包(根据package.json)命令行运行npm statr把入口文件改写到app.js中注销掉www文件中的// app.set(‘port’, port);app.js中添加app.listen('端口号',()=>{ console.log('服务器启动成功');})6

2021-08-07 09:02:02 208