- 博客(19)
- 资源 (4)
- 收藏
- 关注
RSS订阅原创 阿里图标库全选添加进购物车
控制台执行以下代码Array.from(document.getElementById("inmain").querySelectorAll(".icon-cover")).forEach(v=>{ v.querySelector(".cover-item").click()})
2020-06-28 16:13:20
388
原创 vuex简单基础总结
项目大量数据共享时，使用vuex,vuex储存共享数据。1.安装vuex依赖包npm install vuex --save2.导入vuex包import Vuex from 'vuex'3.创建store对象const store=new Vuex.Store({// state 中存放的就是全局共享的数据。state:{ count:0}})4.将store对象挂载到vue实例中。new Vue({el:'#app'render:h=>h(app),router,
2020-06-27 20:56:34
146
原创 项目上线优化
1，根目录下新建vue.config.js，配置开发模式和发布模式的打包入口文件。src文件夹下新建main-prod.js和main-dev.js。复制main.js到这2个文件中。删除main.js。2.在vue.config.js中添加externals， 删除main-prod.js（发布阶段）中对应的css样式表，在index.html中添加相应的css连接和js连接（cnd资源），来减少打包时的体积。module.exports = { chainWebpack: config =&g
2020-06-26 21:21:12
391
原创 web前端vue项目完整步骤。pc端
这个步骤是源于一个后台的电商管理系统来写的，资源连接：https://download.csdn.net/download/qq_41792374/125508941创建手脚架，可视化安装vue-cli-plugin-element插件，改为按需引入，安装axios依赖2,数据导入mysql,在vue_api——server开终端安装依赖 npm install,然后node app.js 用postman测试接口3，用vscode通过脚手架打开项目，查看工作区是否干净git status 创建登陆
2020-06-25 11:05:48
2769
原创 vue完整项目，实现即可上岗web前端。
下面是一个完整的vue项目。是一个电商管理后台。后台接口已经帮各位写好，如果前后台都能自己写，大概可以做全栈了。大家的任务就是实现前端业务。我是在vue手脚架的基础上开始操作的,，用的element-ui组件。原代码已经上传。项目步骤我自己也总结了。大概的界面如下图给大家看看。1，登录页2.用户管理3.角色列表分配权限：4.权限列表：5.商品列表；点击添加商品：这里用的tab页签切换，商品属性商品图片：商品内容：点击添加完成添加功能。分类参数 ：有动态参数，和固定
2020-06-25 10:24:08
7244
6
原创 解决msg:token无效
msg:‘无效token’，status:400原因：用第三方组件element-ui或者其他组件的单个功能上传图片，没有用到axios发请求，而是组件内部自己封装了一个ajax去发请求，组件内部封装的ajax不携带Authorization字段.解决方案：1.首先在上传组件中手动添加 :headers:"headerObj"2.再设置上传组件的请求头，添加Authorization字段：就解决了。...
2020-06-25 09:08:51
11319
原创 px,em,rem区别简述
px:px 实际上就是像素，相对长度单位，相对于显示器屏幕分辨率而言的。(引自CSS2.0手册)em:相对长度单位，相对于父级单位的字体尺寸。如果父级单位字体未设置，就默认是1em=16px;这个值是所有未经调整的浏览器默认的。rem:相对长度单位，css3新增单位，相对的是html根元素。...
2020-06-23 21:26:21
1261
原创 tabs页签切换
Tabs标签页，v-model双向绑定被激活的名称。子项设置name值，在data里设置 // 被激活的页签的名称 activeName: 'many', <el-tabs v-model="activeName" @tab-click="handleTabClick"> <el-tab-pane label="wahaha" name="one"> <el-tab-pane label="xiyangyang
2020-06-23 19:43:44
443
原创 echarts可视化图表五步搞定
1.导入echarts:也可以改为导入js文件import echarts from 'echarts'2.为图表准备盒子，设置id <div id="main" style="width:600px;height:400px;"></div>3.初始化echart实例 var myChart = echarts.init(document.getElementById('main'))4.设置配置项 // eslint-disable-next-line no-
2020-06-23 11:20:32
1531
原创 级联选择器简单讲明
级联选择器，重要的是1,:options项是数据源，键名可通过 Props 属性配置。Cascader 的options属性指定选项数组即可渲染出一个级联选择器.label和value,children 属性最为重要
2020-06-21 21:21:23
3148
1
原创 vue自定义时间过滤器
**// 自定义事件过滤器**Vue.filter('dateFormat', function (originVal) { var dt = new Date(originVal) var y = dt.getFullYear() var m = (dt.getMonth() + 1 + '') var d = (dt.getDate() + '') var hh = (dt.getHours() + '') var mm = (dt.getMinutes() + '') v
2020-06-21 16:46:33
1167
1
原创 超简单解决token问题和登陆验证回弹问题
1.下图为登录页登陆时，通过window.sessionStorage.setItem携带token2.上图为请求拦截器通过config.headers.Authorization 验证token是否存在，如果不存在，页面内无法向服务器发送请求3.设置路由导航卫士router.beforeEach((to, from, next)。如其他页面不带token.强制弹回登陆页...
2020-06-19 09:18:10
4811
原创 Vue作用域插槽简单讲明
1.父组件对子组件加工处理2.组件分作用域插槽，匿名插槽，具名插槽，但是作用域插槽用的最多最广。3.父组件的template标签有一个固定特有的属性，是作用域插槽的灵魂： slot-scope 这个属性可以得到子组件的所有属性（数据）slot-scope=“xxx", xxx保存了子组件所有的属性，xxx可以理解为后台传来的data对象，可以用xxx.属性获取数据xxx名字可以随便取。...
2020-06-18 00:27:22
169
原创 vue脚手架安装报错，终极方法
淘宝镜像什么什么错误：request to http://registry.npm.taobao.org/@vue%2fcli failed, reason: getaddrinfo ENOTFOUND registry.npm.taobao.org，reason: getaddrinfo ENOTFOUND registry.npm.taobao.org!报错原因：应该是之前下载包的时候设置了淘宝镜像代理地址，清空一下代理地址就好了。清空代码如下。解决方案：npm config set proxy
2020-06-15 09:07:25
2886
原创 模块化相关规范-通过babel体验ES6模块化
大一统的模块化规范–ES6.模块化Node.js中通过babel体验es6模块化1.npm i --save-dev @babel/core @babel/cli @babel/preset-env @babel/node2.npm i --save @babel/polyfill3.项目跟目录创建文件babel.config.js,其中代码如4中一样4，const presets=[ ["@babel/env",{ targets:{ edge:"17", fi
2020-06-14 11:33:26
166
1
原创 一个简例实现闭包。
一个简例实现闭包。原代码献上：<script> // 什么是闭包： // 闭包指有权访问另一个函数作用域中变量的函数--javaScrip高级程序设计 function fn() { var num = 10; function fun() { console.log(num) } return fun } fn()() // 此时打印出来num=10，在函数外
2020-06-13 10:59:05
1403
2
原创 提交最新代码到码云，只需五个git指令，照着来轻松搞定
1.voscode打开终端或者在目录下打开Git Bash Here2.输入：git init3.输入 ：git add .4.输入：git commit -m ‘提交说明’5.输入：git branch fzm (注意这里的分支名字fzm是自己定义的，待会push提交的时候，分支名要和这个fzm一样)6.输入：git push https://gitee.com/andremao/fe25-vue-proj-pc.git fzm （这和个http连接是你们老大码云上克隆下来的。后面的fzm要和
2020-06-13 09:34:13
4288
2
vue3项目，带增删改，连带node_modules包，下载后运行npm run serve启动
2022-06-14
vue完整项目.zip
2020-06-25
Snipaste_2020-06-13_00-16-59.jpg
2020-06-13
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人