- 博客(6)
- 收藏
- 关注
原创 vue中的事件修饰符
vue中的事件修饰符1.prevent:阻止默认事件(常用)<a href="http://www.baidu.com" @click.prevent="showinfo"></a>2.stop:阻止事件冒泡(常用)*{ margin-top: 20px;}.demo1{ height: 50px; background-color: skyblue;}<div class="demo1" @click="showInfo"> <butto
2021-07-27 14:41:13 1015
原创 项目上线步骤
项目上线1.通过node 创建web 服务器npm init -y(初始化一个包管理配置文件)npm i express -S (第三方包)把dist 放到上线项目中去新建一个app.js入口文件const express = require('express')//创建web服务器const app = express()//托管静态资源app.use(express.static('./dist'))//启动web服务器app.listen(8081, () => {
2021-06-03 10:43:52 268
原创 实现鼠标移入盒子上移
实现鼠标移入盒子上移.moreBox { width: 100%; min-height: 400px; padding: 50px; font-size: 12px; color: #666; overflow: hidden; display: flex; flex-wrap: wrap; ul { margin: 0; padding: 0; width: 30%; li {
2021-06-03 09:04:53 674
原创 路由懒加载
路由懒加载方法步骤A.安装路由懒加载插件@babel/plugin-syntax-dynamic-importB.在babel.config.js文件中声明该插件C.打开router.js,将路由组件从按需加载更改为懒加载import Login from ‘./components/Login.vue’ 更改为const Login = () => import(/* webpackChunkName:“login_home_welcome” */ ‘./components/Lo
2021-06-01 14:41:46 134
原创 项目优化操作
项目优化操作1.为开发模式和发布模式指定不同的打包入口开发模式的入口文件为 src/main-dev.js发布模式的入口文件为 src/main-prod.js1.1.修改打包入口可以通过 configureWebpack 和 chainWebpack 节点来定义webpack的打包配置configureWebpack 通过操作对象的形式修改配置chainWebpack 通过链式编程的形式修改配置2. 通过externals 加载外部CDN资源同时,需要在public/inde
2021-06-01 13:44:21 112
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人