08 2020 档案
摘要：提前声明：本文无需使用Node.js等工具 第一步，在插件处下载Easy LESS 第二步，在设置中进行配置设置（VScode左上角 文件 >首选项 >设置） 搜索栏中搜索LESS,在插件中找到Easy LESS,进行settings.json中编辑 我们看插件文档可知进如下配置 "less.com
阅读全文
摘要：方案一，淘宝百度方案， 核心过程： 1.根字体 = ( 设备横向独立像素值 * 100 （苹果6固定）) / 设计稿宽度2.编写样式时： 直接以rem为单位。 值为：设计值 / 根字体 设计稿宽度不变，苹果6的根字体固定100px,所以当rem不变， 物理像素变大，换设备，需要计算根字体。根字体变小
阅读全文
摘要：TypeScript 是 JavaScript 的一个超集，主要提供了类型系统和对 ES6+ 的支持，它由 Microsoft 开发，代码开源于 GitHub 上 ! TypeScript 的特点 TypeScript 主要有 3 大特点： 始于JavaScript，归于JavaScript Typ
阅读全文
摘要：一，添加品牌的表单验证 前台表单校验（内置规则和自定义规则） 如果不加校验，那么没有图片也会上传过去 使用element-ui的form 品牌名称： 1、必须有 输入过程中校验 2、长度 失去焦点校验 品牌logo 必须有 点击确认按钮去校验 校验时机：三种 参考官方文档 我们的代码点击确定要先去整
阅读全文
npm报错：A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\解决方案（清理缓）
摘要：.因vue项目中安装模块，多次不成功，所以导致报错。A complete log of this run can be fund in: C\Users\用户\AppData\Roaming\npm-cache_logs\2018-9-24T10_55_24_806Z-debug.log 报错截图：
阅读全文
摘要：一，项目准备工作 1.拿到已经是二次开发的代码， npm i , 安装依赖包 ES6模块暴露和导入复习 1. 导出方式一: 默认一次性导出 (只能有一个) export default xxx 本质: 整个模块是一个对象, 对象中有default属性, 即: {default: xxx} 2. 导出
阅读全文
摘要：一，组件间高级通信，准备代码 准备工作 1、把定义好的communication组件注册到我们的前台项目当中 2、修改路由配置，路由组件全是函数模式，路由懒加载 3、注册element-ui的button组件 路由配置 { path: "/communication", component: ()
阅读全文
摘要：使用npm install -g vue-cli命令安装vue-cli脚手架的时候,出现npm ERR ! code ENOENT错误,如下图, 此错误的意思为找不到该文件, 解决，是进错了项目目录，重新打开项目就行啦
阅读全文
摘要：一， 使用Vue脚手架 1.1. 使用脚手架创建模板项目 1) vue-cli是vue官方提供的脚手架工具 command line interface 2) 最新的版本是4, 3) 3.x版本与4.x版本变化不大, 但3.x相对于2.x的版本变化特别大 4) 在线文档: https://cli.v
阅读全文
摘要：vue-router 是什么 是vue官方的一个插件 专门用来实现一个SPA应用 基于vue的项目基本都会用到此库 vuex vue-router 这两个插件应用很广泛 单页Web应用（single page web application，SPA） 整个应用只有一个完整的页面（这个完整的页面，由多
阅读全文
摘要：跨域基础 跨域： 1、是什么 你的目标和你自己现在的位置一样还是不一样 浏览器上的同源策略 特点： 1、跨域只存在于浏览器 2、不在浏览器发请求是不会存在跨域问题的 3、http请求分为两大类： 普通http请求（如百度请求）和ajax请求（跨域是出现在ajax请求） 2、在什么地方 浏览器会跨域
阅读全文
摘要：// #region // methods:{ // addO(q){ // //发送请求前，在搜索中 // this.isFirst= false // this.isLoading= true // axios({ // url:"https://api.github.com/search/us
阅读全文
摘要：axios发请求的基本语法: axios({ url: '路径', // 这个路径中可以包含params或query参数 method: 'get/post/put/delete', params: {}, // 包含query参数的对象，问号后面的参数 data: {}, // 包含请求体参数的对
阅读全文
摘要：全局事件总线原理图 通信方式 props 父子之间传递 父向子传递属性，通过属性把数据交给子组件 子向父传递数据，子组件通过调用父组件的行为函数，把数据当参数交给父组件 通信方式 全局事件总线（自定义事件是全局事件总线的基础） vm对象和组件对象的关系 vm的原型对象 组件对象的原型对象的原型对象
阅读全文
摘要：对于totos的操作 入口main.js文件 // 引入vue import Vue from 'vue' // 引入App import App from './App' // 配置vue对象 new Vue({ el:"#root", // 注册组件，渲染组件 render : h=> h(Ap
阅读全文
摘要：最近在学vue的时候碰到的，在项目中的使用了 <style lang="less" scoped>，可以正常编译却不能启动成功，具体报错信息如下： 首先需要安装必要的插件 安装less依赖，npm install less less-loader --save 修改webpack.base.conf
阅读全文
摘要：todos案例 App组件为总组件， 顶部header组件, add组件是左边的内容，添加评论，list组件是右边的评论回复， item组件是list的子组件 App组件 <template> <div id="app"> <div> <header class="site-header jumbo
阅读全文
摘要：一，我的订单获取数据进行展示 在center订单中心组建中，创建两个子路由组件，myorder组件， 我的订单， grouporder组件， 团购组件 <dd> <router-link to="/center/myorder">我的订单</router-link> </dd> <dd> <rout
阅读全文
摘要：1.vue中添加定时器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <tit
阅读全文
摘要：-vuecomponents -src -components -Header.vue -Main.vue -Item.vue -Footer.vue -public -main.html -css -css.css -imgs -1.png -App.vue -main.js -.gitignor
阅读全文
摘要：1.css样式操作 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
摘要：1.vue基础概念 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title
阅读全文
摘要：基本用法： 当fullName值变化时，watch监听到并且执行 <div> <p>FullName: {{fullName}}</p> <p>FirstName: <input type="text" v-model="firstName"></p> </div> new Vue({ el: '#
阅读全文
摘要：一，订单交易页trade的数据展示 1.trade组件静态页面完成，创建trade.js的vuex,在总vuex中引入，注册 2.封装请求订单交易信息的函数接口 //请求订单交易信息 /api/order/auth/trade export const reqTradeInfo = () => Aj
阅读全文
摘要：问题描述 在工作中需要频繁的创建react组件，尤其是react的基本语法功能是固定的，因此不想每次都重复的去敲，为了提高开发效率，找了vscode的快捷生成模板的办法 插件安装 快捷键 rcc 快速穿件一个组件（使用extends方式） rconst 快速创建一个 constuctor rcep
阅读全文