此配置文件是vue开发环境的wepack相关配置文件 关于注释 当涉及到较复杂的解释我将通过标识的方式(如（1）)将解释写到单独的注释模块，请自行查看 上代码 // 引入当前目录中的utils工具配置文件 // 请自行查看我博客中的utils.js的相关文章 var utils = require('./utils') // 引入web...

webpack webpack.dev.conf.js

vue项目打包发布发现图标不见了，F12一看 打包后字体引用路径报错 字体文件放在static/fonts目录下，但是浏览器中显示的引用路径是： static/css/static/fonts/... 在项目build/utils.js文件中，找到 ExtractTextPlugin.extract({ use: loaders, fa...

vue 打包 字体 路径

cookie存储 什么是cookie HTTP Cookie（也叫 Web Cookie或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的 HTTP ...

      从官网找的图例，直接从运行代码里加上百分号是会报错的 解决办法：修改format带百分比 { name: '直接访问', type: 'bar', stack: '总量', label: { normal: { show: true, position: 'insideRight', forma...

echarts

什么是render函数 简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js语言来构建DOM，因为vue是虚拟DOM，所以在拿到template模板时也要转译成VNode的函数，而用render函数构建DOM,vue就免去了转译的过程。 当使用render函数描述虚拟DOM时，vue提供一个函数，这...

第一部分 编写灵活、稳定、高质量的HTML代码的规范 一、唯一定律 无论有多少人共同参与同一项目，一定要确保每一行代码都像是唯一个人编写的。 二、HTML 2.1 语法 （1）用两个空格来代替制表符（tab） -- 这是唯一能保证在所有环境下获得一致展现的方法。 （2）嵌套元素应当缩进一次（即两个空格）。 （3）对于属性的定义，确保全部...

前端代码规范

因为vue涉及是单向数据流，数据流动方向只能是自上往下，所以vue中子组件是不能修改父组件的值的 但是我们可以通过.syncx修饰符来实现子组件修改父组件中的数据 1.父子间通过sync传值给子组件 <comp :foo.sync="bar"></comp> 2.当子组件需要更新foo值时，需...

(一)父组件向子组件传值==props 1.在父组件中使用子组件的地方绑定数据 <children :message="message"></children> 2.子组件使用props接收父组件传过来的数据 props:{ message:String } 3.示例： (二)子组件向父组件传...

出现这种情况的原因 父组件没有使用scoped标识，使用的子组件用了scoped标识，在父组件中设置子组件中的节点的样式 父组件使用了scoped标识，子组件没有使用，父组件中设置子组件样式 所以 如果我们添加了子组件，并且子组件使用scoped标识，那么在父组件中是不能设置子组件中的节点的样式 若父组件有scoped，子组件没有设置，...

px和视口 媒体查询 百分比 自适应场景下的rem解决方案 通过vw/vh来实现自适应 一、px和视口 在静态网页中，我们经常用像素（px）作为单位，来描述一个元素的宽高以及定位信息。在pc端，通常认为css中,1px所表示的真实长度是固定的。 那么，px真的是一个设备无关，跟长度单位米和分米一样是固定大小的吗？ 答案是否定的，下面图1...

自适应 rem vw/vh 百分比