Ali_code的博客

原创 原型链和this指向

原型链什么是原型?function User(firstName, lastName){ this.firstName = firstName; this.lastName = lastName; this.fullName = firstName + ' ' + lastName;}User.prototype.sayHi = function(){ console.log('你好，我是' + this.fullName);}User.prototype.sayHiEN

原创 前端高频面试题笔记

0.1+0.2=0.300000000004 因为js对浮点数表示不精确,怎样解决?console.log((0.1 + 0.2).toFixed(2)); 输出为字符串console.log((0.1 * 1000 + 0.2 * 1000) / 1000); 输出为数字盒模型分为标准盒模型和怪异盒模型标准盒模型:width=width+padding+border怪异盒模型:width=widthbox-sizeing:border-box时,width的值大于padding+bord

原创 vs code快速生成css组织结构 CSS Tree

CSS Tree功能介绍：将Html 文档结构直接生成对应 css, sass, less 组织结构使用方法：安装 css tree 插件 选中对应的html文档结构 ctrl+shift+p Generate css tree

原创 vue-router中replace和push跳转的区别

1.this.$router.push()描述：跳转到不同的url，但这个方法会向history栈添加一个记录，点击后退会返回到上一个页面。2.this.$router.replace()描述：同样是跳转到指定的url，但是这个方法不会向history里面添加新的记录，点击返回，会跳转到上上一个页面。上一个记录是不存在的。3.this.$router.go(n)相对于当前页面向前或向后跳转多少个页面,类似window.history.go(n)。n可为正数可为负数。正数返回上一个页面.

原创 vue中for循环图片路径 动态生成图片

data () { return { orderList: [ { icon: 'message', info: '我的消息' }, { icon: 'pointer', info: '积分商城' }, { icon: 'vip', info: '会员卡' } ], serviceList: [ { icon: 'cart', info: '我的购物车' }, { icon: 'ca.

原创 vue实现图片懒加载 vue-lazyload

1.安装vue-lazyload 图片懒加载运行时也需要使用,安装到运行依赖npm install vue-lazyload --save2.在main.js中使用import VueLazyLoad from 'vue-lazyload'Vue.use(VueLazyLoad,{loading:require('')})loading:require就是在图片没加载完成前，你可以添加一张图片，就是默认图片没加载出来是白色，你可以替换这个白色，加一张自己喜欢的图片(在requi

原创 vue-cli4热更新失效解决

解决以上报错导致热更新不生效,不要手动修改node_modules文件里的东西!!!!!!!!!!!vue-cli4热更新配置一，安装依赖webpack-dev-server根据自己的情况安装npm / cnpmnpm install --save-dev webpack-dev-server / cnpm install --save-dev webpack-dev-server二，配置vue.config.js文件由于vue-cli4文件夹和之前有很大的出入 所以要在vue.confi...

原创 将VSCode添加至右键菜单（Windows下）

问题:　　Windows上面安装Visual Studio Code编辑器后,常常会因为安装的时候忘记勾选等原因,没有将"Open with Code(右键快捷方式)"添加到鼠标右键菜单里,使用起来多有不便,所以需要我们手动将VSCode添加至鼠标右键菜单之中.解决:1.新建reg文件.在桌面上新建一个文本文件,然后将文件后缀改为:*.reg,文件名任意,例如:add_shortcut.reg.2.编写文本文件内容.将下面的内容Copy到刚才新建的*.reg文件中,文本内容如下:Win

原创 vue项目电商后台管理系统(二)

###今日目标 1.实现后台首页的基本布局 2.实现左侧菜单栏 3.实现用户列表展示 4.实现添加用户###1.后台首页基本布局 打开Home.vue组件，进行布局：<el-container class="home-container"> <!-- 头部区域 --> <el-header>Header<el-button type="info" @click="logout"> 退出 </el-button></el-

原创 vue项目电商后台管理系统(一)

###今日目标1.初始化项目2.基于Vue技术栈进行项目开发3.使用Vue的第三方组件进行项目开发4.理解前后端分离开发模式###1.电商业务概述客户使用的业务服务：PC端，小程序，移动web，移动app管理员使用的业务服务：PC后台管理端。PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-.

原创 项目部署-黑马vue电商后台管理系统-购买服务器部署上线-搭建网站

项目服务器部署上线,使项目能通过互联网访问前提拥有: 一个完整的vue电商后台管理系统,下面是B站的视频链接https://www.bilibili.com/video/BV1bE411p7As?share_source=copy_web 下载上面两个软件,可自行百度安装.在阿里云申请服务器https://www.aliyun.com/ 新用户可以试用一个月https://www.bilibili.com/video/BV1aV411n7SH?share_source...

原创 vue项目电商后台管理系统/物流接口失效解决

效果展示接口失效,那我们就创建本地数据,在目录建立js文件 复制此此代码export default [ { time: '2018-05-10 09:39:00', ftime: '2018-05-10 09:39:00', context: '已签收,感谢使用顺丰,期待再次为您服务', location: '' }, { time: '2018-05-10 08:23:00', ftime: '2018-05-10 08:23:.

原创 el-table设置表格头部/内容居中

<el-table :data="orderList" border stripe :header-cell-style="{'text-align':'center'}" :cell-style="{'text-align':'center'}">header-cell-style设置头部居中；cell-style设置单元格内容居中

原创 本地创建新分支同步到git

原创 vue定义时间格式过滤器Vue.filter

Vue.component('tree-table', TreeTable)// 时间过滤器Vue.filter('dataFormat', function (originVal) { const dt = new Date(originVal) const y = dt.getFullYear() const m = (dt.getMonth() + 1 + '').padStart(2, '0') const d = (dt.getDate() + '').padStart(2,.

原创 本地运行项目

使用phpStudy 运行MySQL后台API数据库打开PowerShell 切换到api_server路径下 命令Set-location -Path 路径 执行node .\app.js 使用postman测试api接口 测试后台接口正常后 打开cmd 运行vue ui 打开vue-cli可视化面板-项目仪表盘 启动app 本地运行项目...

原创 git终端命令

本地新建分支 同步码云 分支 并上传代码get branch // 1.查看所在分支git checkout -b user // 2.创建一个新的分支user并且切换到userget branch // 3.查看所在分支 在user 代码的修改也会同时切换git status // 4.查看文件状态 有些文件修改 有些文件添加git add . // 5. 这个命令会把当前路径下的所有文件，添加到暂存区。git commit -m "注释语句" // 6. 将add的文件co.

原创 码云提交代码的使用方法

原创 error Newline required at end of file but not found eol-last vue最坑的报错

总结：哪个文件报的这个error就在哪个文件最后一行加一行空行。!!!!!!!!!!!!!

原创 终端git命令

git status 查看状态,工作区是否干净开发新功能 尽量新支 开发完成后再合并创建分支 git checkout -b login查看分支 git branch

原创 Api服务器运行

在文件内打开powershell 先运行npm install 安装依赖包运行node .\app.js

原创 使用postman测试api接口

原创 PowerShell切换路径

打开PowerShell输入以下代码 加将要转换的路径 回车Set-location -Path

原创 vue_shop后台项目的环境安装配置phpstudy+还原数据库

A.安装phpStudy并导入mysql数据库数据使用不到apache 停止它代表还原数据库成功

原创 vue_shop将本地项目托管到码云

码云新建仓库 自定义名称 不能重复得到以下页面打开cmd 执行 以下代码如果手里有一个vue项目 直接执行以下代码复制第二行 在项目目录里打开powershell 终端在开始菜单 附件里可以找到打开也可以在项目根目录 shift+右键打开cmd 输入powershell输入git status 检查状态git add . git commit -m "add files"只是保存在本地缓存区现在...

原创 vue_shop注册码云账号+添加公钥+测试

申请码云账号注册地址https://gitee.com/第一次创建 需要进行配置后 再使用 进入设置页面生成添加公钥复制以下代码 打开cmd 粘贴 把自己注册码云的邮箱输入上去ssh-keygen -t rsa -C "xxxxx@xxxxx.com"如果报错解决方法：1. 首先先装个Git，记录下git的安装目录，如果装过 Git 后忽略此步骤；2. 找到Git(安装目录)/usr/bin目录下的ssh-keygen.exe (如果找不到，...

原创 vue_shop配置Element-UI组件库+axios库

安装完成后选择按需安装 避免代码臃肿选中依赖axios 运行依赖

原创 vue_shop通过Vue脚手架创建项目+配置Vue路由

本文是通过可视化面板创建1.windows+R 打开cmd 输入 vue ui2.选择目录 点击创建项目输入项目名称 必须英文如果之前创建过项目,可以使用保存过的预设配置,没有这里点击手动选择Babel(转化ES语法) Router(路由) Linter/Foormatter(格式校验) 使用配置文件 四个选项第一项关闭 使用hash 模式 兼容更强选择标准配置文件 保存自动校验保存一个新的预设 自定义名字创建...

原创 vue_shop项目初始化+vue脚手架安装及nrm工具安装使用

安装vue脚手架 确定已安装node.js 下载地址:http://nodejs.cn/download/ 新版本不在对win7进行支持https://nodejs.org/download/release/v13.14.0/win7系统安装 选择x64.msi 测试是否安装成功 查看版本号 node 和 npm两者之前具有匹配关系,版本不匹配,使用会报错,如图: 在卸载node之后，原来的npm环境并未被删除。删除C:\Users\ASUS\AppData\Roaming目录下的...

转载 支持win7的node.js版本+node和npm版本不匹配问题解决

https://nodejs.org/zh-cn/download/releases/node.js下载地址 支持win7的为https://nodejs.org/download/release/v13.14.0/ 下载地址完美解决 亲测问题：在运行npm命令时总会出现如下报错：发现是node版本和npm版本不匹配造成的，于是想使用npm uninstall -g npm删除之后重新安装对应版本的npm。但是让人头疼的是：并且在执行其他npm命令时...