Bloxed_shangyc的博客

【代码】水库大坝浸润线绘制。

不多说，直接上代码注册百度开发者帐号，拿到密钥ak，教程很多，直接搜索"百度地图AK申请流程"就知道怎么做 封装loadBMao.js /** * 动态加载百度地图api函数 * @param {String} ak 百度地图AK，必传 */export default function loadBMap(ak) { return new Promise(function(resolve, reject) { if (typeof window.BMap !== 'u

vue项目环境搭建，vue脚手架搭建。vue-cli

vue项目结构了解

vue页面渲染,事件绑定，页面渲染vue是不会去操作dom节点，是有数据去操控节点

vue+element搭建页面 ， element布局

element 关闭dialog清除验证条件

状态需要重写Table-column Attributes(列属性)</el-table-column> <el-table-column :formatter="renderStatus" label="状态" width="100">formatter方法；row, column, cellValue，三个参数/** * @author shangyc

使用v-for循环渲染图片图片徐然都是经过编译的，所以js里layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"}, {id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},

前言：在当前主流的PC界面实现方案中，为了给客户更好的体验，我们需要实现多种布局方式一列布局（100%）两列布局（50%，50%）三列布局（33%，33%，33%）左右布局（3 7分布，7 3分布） 图片（1） 图片（2） 图片（3）图片1，2是其中的两种布局效果图，3版式布局样式使用element UI实现布局方案js布局数据 vu

接下来是实现托拽排序，使用方法在项目根目录打开cmd命令安装vuedraggable 、sortablejs；命令 npm install vuedraggablenpm insall sortablejs在需要使用的界面引入import draggable from 'vuedraggable'import Sortable from 'sortablejs'注册组件 comp

前言：在公司的项目里，一般的dome 的router配置方案无法满足项目的要求，需要一套属于项目的路由配置。个人理解：router配置界面就像遛宠物，router 就是宠物链，views就是宠物。 界面切换就是路由切换。 import 导入需要配置的界面组件，通过router输出，通过某一菜单列把router循环渲染，点击不同菜单router切换不同组件。

v-bind:class="index==searchIndex ? 'typeselect' : ''"

导航下拉出发方式 <el-dropdown @command="handleDashBoard" trigger="click" class="navdash"> <span class="el-dropdown-link" > <span >面板</span>  <i class="el-ico

在vue项目里面，需要循环发送ajax请求，出现的问题就是循环结束，第一次服务器还没返回，导致数据处理错误，需要使用同步请求解决方案目前没有发现axios可以同步请求，所以只能使用jQuery，配置同步请求；$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:false, //或false,是否异步

在大型项目中，vue组件是灵活复用的，需要从后台获取组件，加载注册渲染到页面，在项目遇到这个问题很久，没有得到解决，收集各方资料，整合一下栗子：下面这个数组，我们是从后台获取到的数据，其中有component属性，这就是存在后台的组件名字，this.layout是一个随时变化的数组，开始并不知道 它有多少组件，没法实现提前注册，变需要使用动态加载注册；this.layout=[

dashBoard布局在管理系统使用比较多；使用自己喜欢的方式进行自定义布局使用npm 安装npm install vue-grid-layout全局使用import vueGridLayout from 'vue-grid-layout';Vue.use(vueGridLayout);局部使用var GridLayout = vueGridLayout.GridLayout;var GridI

父组件传值到子组件注册一个子组件，需要向子组件传值，给渲染的子组件自定义标签属性，绑定传输数据<privateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild"></privateScoreTop>msg是绑定的自定义属性，类似我们原生html 给标签自定义属性一样，Widget是传输变量， 子组件接收：e

触发事件this.chartDom.resize()this.chartDom；放置echart节点

Object.assign(this.$data, this.$options.data())

父组件里vue<component ref="transEvent" :is="childMsg.filter" ></component>js this.$refs.transEvent.handleReset()绑定ref属性子组件handleSave() { console.log("成功调用")

打开config文件夹写index.jsindex.js里面dev : { env : require('./dev.env'), port : 8080, autoOpenBrowser : true, assetsSubDirectory: 'static',

2017-09-11更新：更新到webpack 2.6.1所对应的配置，完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西，开发过程中需要改动到build和config里面一些相关的配置，所以刚好趁此机会将所有配置文件看一遍，理一理思路，也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发（dev）和构建...

.vue文件&lt;el-tree :data="treeData" show-checkbox node-key="id" :props="defaultProps" check-strictly @check-change="handleClick" ref="treeForm"&gt; &lt;/el-tree&a

父组件vueprivateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild">privateScoreTop>父组件jsexport default{ data(){ return { } }, computed:{ p

在main.js文件里import router from 'router/';import Vue from 'vue';Vue.Cancel = [];router.beforeEach((to, from, next) =&gt; { while (Vue.Cancel.length &gt; 0) { Vue.Cancel.shift()('cancel...

git 创建本地仓库2、在项目的根目录开始菜单-&gt;git-&gt;git bash；进入命令窗口。 切记，项目根目录3、初始化仓库git init 有图，显示Initialized empty ……,初始化一个空仓库，成功 根目录下生成了一个隐藏的.git文件， 执行 ls -ah 可以看到git仓库列表

**从远程仓库拉取代码到本地（git clone）**(git clone https://github.com/Bloxedmain/react.git) //克隆一个仓库到本地**写完一个模块的代码,需要提交到远程仓库**git pull 指定的远程仓库拉取代码git status 查看文件状态（通常我们可以看到新添加的文件和修改过的文件）git add --all 添加代码到本地

//把需要忽略文件添加到.gitignore文件git rm -r --cached . //清空本地缓存git add . //添加git commit -m '修改忽略文件'git push

//git配置列表git config --global --list //查看某一个配置；例如姓名git config --global user.name//查看SSL证书版本git config --global --unset http.sslVersion//设置SSL证书版本git config --global --add http.sslVersion tlsv...

git配置ssh公钥，打开git命令终端【git bash 窗口】 ssh-keygen -t rsa -C"xxxxxxxx@163.com"2.之后连续三次enter//显示（表示保存文件【需要生成多个公钥可以自定义命名】）Generating public/private rsa key pair.Enter file in which to save the ...