![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
夕心o
你的坚持,终将美好!
展开
-
修改浏览器中的进度条
修改浏览器 滚动条的样式原创 2022-08-30 19:54:10 · 545 阅读 · 0 评论 -
electron 打包遇到问题总结
electron 打包总结原创 2022-08-30 16:24:01 · 917 阅读 · 1 评论 -
element-ui 同时上传图片和文件(手动上传)
element-ui 同时上传图片和文件(手动上传)原创 2022-07-04 16:24:06 · 474 阅读 · 0 评论 -
vue 下载文件
下载原创 2022-06-30 19:53:19 · 191 阅读 · 0 评论 -
vue中Router的使用方法
1.安装路由Router安装依赖。 npm install vue-router2.在index.js中引入Router文件 import Router from 'vue-router'3.全局注册路由 Vue.use(Router)4.在router文件夹 index.js 中使用Router路由 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Rou原创 2022-04-16 23:33:53 · 1419 阅读 · 0 评论 -
vue2.0 路由router
// 1. 安装 npm install --save vue-router// 2. 新建 router 文件, 并在 index.js 中导入 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new Router({ mode: 'history', // 访问路径不带#号 (有两种模式 hash模式 与 history模式) base: '/page/aa'原创 2022-04-09 20:42:54 · 1284 阅读 · 0 评论 -
日期选择器picker(uni-app)
<picker mode="date" :value="date" :start="startDate" :end="endDate" @change="getDateChange"> <view class="timerText">{{date}}</view></picker>data() { return { date: "" }},computed: { startDate () { return this.getDate("原创 2021-09-08 17:25:49 · 1640 阅读 · 0 评论 -
前端(解决图片底部空白间隙的问题)
// 方法一 // 为 img 标签添加行内的 style 样式, 从而解决图片底部空白间隙的问题 (把图片变为块级元素) <img style="display: block;"/>// 方法二 // 给父元素添加 font-size: 0, 子元素字体大小重新设置// 方法三 // 设置 img 的属性 vertical-align: top/middle/bottom <img style="vertical-align: top"/>// 方法四 //原创 2021-09-07 23:33:48 · 921 阅读 · 0 评论 -
上拉加载更多和下拉刷新(uni-app)
// 上拉加载更多数据// 1. 打开项目根目录中的 pages.json 配置文件, 为需要上拉加载更多页面配置上拉触底距离, 如下: "pages": [{ "path": "pages/index/index", "style": { "onReachBottomDistance": 150 //滚动页面到距离底部150px时,就会触发onReachBottom事件 } }]// 2. 在上面的页面中, 和 methods 节点平级, 声明 onReachBottom 事件原创 2021-09-07 23:22:22 · 513 阅读 · 0 评论 -
CSS样式
// 文字超出范围--省略号div { white-space: nowarp; // 文字不允许换行(单行文本) overflow: hidden; // 溢出部分隐藏 text-overflow: ellipsis; // 文本溢出后, 使用 ... 代替}原创 2021-09-06 23:14:34 · 42 阅读 · 0 评论 -
小程序分包(subPackages)
// 小程序分包:分包可以减少小程序首次启动时的加载时间// 在项目中,可以把 tabBar相关的 4 个页面放在主包中, 其他页面(如:商品详情、商品列表页) 放到分包中。// 在uni-app项目中, 配置分包的步骤如下:// 1. 在项目更目录下, 创建分包的根目录, 命名为 subpkg// 2. 在 pages.json 中, 和 pages 节点平级的位置声明 subPackages 节点, 用来定义分包相关的结构: { "pages":[{ "path": "pages/h原创 2021-09-06 23:03:02 · 3659 阅读 · 0 评论 -
git基本操作(创建分支、合并分支等)
// 小程序开发笔记// 1.创建 tabBar 分支 (基于 master 主分支在本地创建 tabBar 子分支, 用来开发和tabBar 相关的功能) git checkout -b tabbar// 2. 在本地编写代码// 3. 分支的提交与合并 // 3.1 将本地的 tabBar 分支进行本地的 commit 提交 git add . // (点前面有一个空格) git commit -m "注释" // 3.2 将本地的 tabBar 分支推送到远程仓库进行保存原创 2021-09-05 23:46:52 · 222 阅读 · 0 评论 -
请求拦截器和响应器(axios)
// axios 提供了拦截器, 用于我们在发送请求或者得到响应后, 进行对应的处理// 配置请求拦截 instance.interceptors.request.use(config => { // 请求拦截器的作用 // 1. 比如 config 中的一些信息不符合服务器的要求 // 2. 比如每次发送网络请求时, 都希望在界面中显示一个请求的图标 // 3. 某些网络请求(比如登录token), 必须携带一些特殊的信息 console.log(config) retu原创 2021-09-05 16:29:07 · 751 阅读 · 0 评论 -
请求函数(axios)
// 第一种方式// 1.安装 axios 依赖 # npm install axios// 2. 在项目根目录下,创建request文件夹,并创建 request.js 文件,内容如下: import axios from "axios" export function request (config, success, failure) { // 创建 axios 的实例 const instance = axios.create({ baseURL: "请求地址", ti原创 2021-09-05 11:16:27 · 408 阅读 · 0 评论 -
请求函数封装(JSONP)
// JSONP 封装let count = 1export default function originPJSONP (option) { // 1. 从传入的 option 中提取 URL const url = option.url // 2. 在 body 中添加 script const body = document.getElementsByTagName("body")[0] const script = document.create.createElement("sc原创 2021-09-05 10:36:36 · 110 阅读 · 0 评论 -
防抖与节流(vue)
对于 refresh 非常频繁的问题, 进行防抖操作 防抖函数: debounce (func, delay) { let timer = null return function (...args) { if (timer) clearTimeout(timer) timer = setTimeout(() => { func.apply(this, args) }, delay) } }// vue 中使用, 比如刷新获取数据me原创 2021-09-04 11:11:53 · 59 阅读 · 0 评论 -
vue项目优化策略
1. 通过 CDN 优化 ElementUI 的打包(托管) 具体操作: (1) 在mian.js中, 注释掉 element-ui 按需加载的代码 (2) 在 index.html 的头部区域中, 通过 CDN 加载 element-ui 的 js 和 css 样式 // element-ui 的样式表文件 <link rel="stylesheet" href="CDN的css地址"> // element-ui 的 js 文件 <script src原创 2021-09-04 10:52:02 · 46 阅读 · 0 评论 -
vue 中组件之间数据通信方式
1. bus 总线的方式 (把 bus 定义在 vue 的 prototype 上, 在全局都可以使用) (1) 在 main.js 中添加如下代码 const Bus = new Vue() Vue.prototype.$bus = Bus (2) 在组件中 child1.vue (发送数据端) <button @click="sendTochild2">发送数据到child2</button> data() { return { child1Da原创 2021-08-03 14:44:48 · 194 阅读 · 0 评论 -
vue 项目上线
1 项目上线相关配置 1.1 通过 node 创建 web 服务器 创建 node 项目, 并安装 express, 通过 express 快速创建 web 服务器, 将 vue 打包生成的 dist 文件夹, 托管为静态资源即可, 关键代码如下: const express = require("express") // 创建服务器 const app = express() // 托管静态资源 app.use(express.static("./dist")) // 启动 we原创 2021-07-28 22:35:32 · 122 阅读 · 0 评论 -
vue 项目优化/扩展
1. 缓存路由组件对象 <keep-alive> <router-view></router-view> </keep-alive>优点:复用路由组件对象, 复用路由组件获取的后台数据2. 路由组件懒加载 import Vue from 'vue' import Router from 'vue-router' Vue.use(Router) export default new vueRouter({ routes: [{原创 2021-07-26 22:36:41 · 89 阅读 · 0 评论 -
vue中,使用 moment组件实现日期过滤器
1. 安装 moment npm install moment --save-dev2. 在项目的根目录 src 下, 新建一个 filters 文件夹, 并在此文件夹下, 新建一个 filter.js 文件, 文件代码如下: import Vue from "vue" import moment from "moment" // 自定义过滤器 Vue.filter("dateFormat", (date) => { return moment(date).format("YY原创 2021-07-24 09:03:28 · 385 阅读 · 0 评论