
web
技术集锦
bloxed
学习,旅行,总要有一个在路上。技术交流加V:bloxed
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
水库大坝浸润线绘制
【代码】水库大坝浸润线绘制。原创 2024-12-25 22:32:30 · 667 阅读 · 1 评论 -
调用百度地图API,获取经纬度,搜索指定位置
不多说,直接上代码注册百度开发者帐号,拿到密钥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原创 2020-09-24 15:34:00 · 2602 阅读 · 1 评论 -
浅谈Vue(Vue项目搭建)
vue项目环境搭建,vue脚手架搭建。vue-cli原创 2017-07-26 17:27:58 · 816 阅读 · 0 评论 -
浅谈Vue项目实战(项目结构了解)
vue项目结构了解原创 2017-08-01 22:48:35 · 670 阅读 · 0 评论 -
浅谈Vue项目实战(页面渲染+事件绑定)
vue页面渲染,事件绑定,页面渲染vue是不会去操作dom节点,是有数据去操控节点原创 2017-08-08 16:52:53 · 6143 阅读 · 0 评论 -
浅谈Vue(使用vue+element ui搭建页面)
vue+element搭建页面 , element布局原创 2017-08-10 17:21:10 · 2048 阅读 · 0 评论 -
element ui里dialog关闭后清除验证条件
element 关闭dialog清除验证条件原创 2017-08-14 11:21:27 · 13878 阅读 · 0 评论 -
element ui 重写列
状态需要重写Table-column Attributes(列属性)</el-table-column> <el-table-column :formatter="renderStatus" label="状态" width="100">formatter方法;row, column, cellValue,三个参数/** * @author shangyc原创 2017-08-28 18:28:34 · 2024 阅读 · 0 评论 -
vue 图片渲染
使用v-for循环渲染图片图片徐然都是经过编译的,所以js里layTable:[{id:1,src:require("../../../assets/A12.png"),laytype:"A"}, {id:2,src:require("../../../assets/AA12.png"),laytype:"AA"},原创 2017-09-08 22:46:06 · 4099 阅读 · 2 评论 -
浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽(1)
前言:在当前主流的PC界面实现方案中,为了给客户更好的体验,我们需要实现多种布局方式一列布局(100%)两列布局(50%,50%)三列布局(33%,33%,33%)左右布局(3 7分布,7 3分布) 图片(1) 图片(2) 图片(3)图片1,2是其中的两种布局效果图,3版式布局样式使用element UI实现布局方案js布局数据 vu原创 2017-09-08 23:20:31 · 10899 阅读 · 28 评论 -
浅谈使用element ui + vuedraggable + sortablejs实现多种版式布局及托拽(2)
接下来是实现托拽排序,使用方法在项目根目录打开cmd命令安装vuedraggable 、sortablejs;命令 npm install vuedraggablenpm insall sortablejs在需要使用的界面引入import draggable from 'vuedraggable'import Sortable from 'sortablejs'注册组件 comp原创 2017-09-08 23:45:38 · 38355 阅读 · 30 评论 -
浅谈vue 项目router (路由)+ views(界面)配置方案
前言:在公司的项目里,一般的dome 的router配置方案无法满足项目的要求,需要一套属于项目的路由配置。个人理解:router配置界面就像遛宠物,router 就是宠物链,views就是宠物。 界面切换就是路由切换。 import 导入需要配置的界面组件,通过router输出,通过某一菜单列把router循环渲染,点击不同菜单router切换不同组件。原创 2017-09-09 00:09:06 · 6763 阅读 · 0 评论 -
vue 三元判断绑定class
v-bind:class="index==searchIndex ? 'typeselect' : ''"原创 2017-09-19 22:36:23 · 23601 阅读 · 0 评论 -
element UI下拉触发方式
导航下拉出发方式 <el-dropdown @command="handleDashBoard" trigger="click" class="navdash"> <span class="el-dropdown-link" > <span >面板</span> <i class="el-ico原创 2017-09-20 09:58:12 · 13554 阅读 · 2 评论 -
vue axios同步请求解决方案
在vue项目里面,需要循环发送ajax请求,出现的问题就是循环结束,第一次服务器还没返回,导致数据处理错误,需要使用同步请求解决方案目前没有发现axios可以同步请求,所以只能使用jQuery,配置同步请求;$.ajax({ url:'/comm/test1.php', type:'POST', //GET async:false, //或false,是否异步原创 2017-09-28 21:53:01 · 55881 阅读 · 0 评论 -
浅谈vue 动态加载、注册组件
在大型项目中,vue组件是灵活复用的,需要从后台获取组件,加载注册渲染到页面,在项目遇到这个问题很久,没有得到解决,收集各方资料,整合一下栗子:下面这个数组,我们是从后台获取到的数据,其中有component属性,这就是存在后台的组件名字,this.layout是一个随时变化的数组,开始并不知道 它有多少组件,没法实现提前注册,变需要使用动态加载注册;this.layout=[原创 2017-09-28 22:21:29 · 8495 阅读 · 1 评论 -
浅谈Vue个性化dashBoard 布局
dashBoard布局在管理系统使用比较多;使用自己喜欢的方式进行自定义布局使用npm 安装npm install vue-grid-layout全局使用import vueGridLayout from 'vue-grid-layout';Vue.use(vueGridLayout);局部使用var GridLayout = vueGridLayout.GridLayout;var GridI原创 2017-09-29 22:09:05 · 7866 阅读 · 7 评论 -
vue 父组件与子组件相互通信
父组件传值到子组件注册一个子组件,需要向子组件传值,给渲染的子组件自定义标签属性,绑定传输数据<privateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild"></privateScoreTop>msg是绑定的自定义属性,类似我们原生html 给标签自定义属性一样,Widget是传输变量, 子组件接收:e原创 2017-10-06 21:50:58 · 3883 阅读 · 0 评论 -
vue 中使用echart3.0自适应文本框大小
触发事件this.chartDom.resize()this.chartDom;放置echart节点原创 2017-10-24 22:45:25 · 1555 阅读 · 0 评论 -
vue data恢复初始化数据
Object.assign(this.$data, this.$options.data())原创 2017-11-08 10:53:44 · 13664 阅读 · 0 评论 -
vue 父组件调用子组件方法
父组件里vue<component ref="transEvent" :is="childMsg.filter" ></component>js this.$refs.transEvent.handleReset()绑定ref属性子组件handleSave() { console.log("成功调用")原创 2017-11-09 22:15:02 · 4896 阅读 · 0 评论 -
vue 代理连接配置
打开config文件夹写index.jsindex.js里面dev : { env : require('./dev.env'), port : 8080, autoOpenBrowser : true, assetsSubDirectory: 'static',原创 2017-12-05 22:33:48 · 1108 阅读 · 0 评论 -
vue-cli的webpack模板项目配置文件分析
2017-09-11更新:更新到webpack 2.6.1所对应的配置,完善部分代码注释。由于最近在vue-cli生成的webpack模板项目的基础上写一个小东西,开发过程中需要改动到build和config里面一些相关的配置,所以刚好趁此机会将所有配置文件看一遍,理一理思路,也便于以后修改配置的时候不会“太折腾”。一、文件结构本文主要分析开发(dev)和构建...转载 2018-02-28 10:36:33 · 226 阅读 · 0 评论 -
解决element UI tree控件无单选API,无法实现单选问题
.vue文件<el-tree :data="treeData" show-checkbox node-key="id" :props="defaultProps" check-strictly @check-change="handleClick" ref="treeForm"> </el-tree&a原创 2018-02-01 10:08:57 · 10358 阅读 · 13 评论 -
vue 子组件调用父组件方法
父组件vueprivateScoreTop :msg ="Widget" v-on:listenTochildEvent="showMessageFromChild">privateScoreTop>父组件jsexport default{ data(){ return { } }, computed:{ p原创 2018-02-01 10:19:47 · 5811 阅读 · 0 评论 -
vue路由切换时取消之前的所有请求
在main.js文件里import router from 'router/';import Vue from 'vue';Vue.Cancel = [];router.beforeEach((to, from, next) => { while (Vue.Cancel.length > 0) { Vue.Cancel.shift()('cancel...原创 2018-04-27 12:32:15 · 8101 阅读 · 6 评论 -
git创建本地仓库并上传到远程仓库
git 创建本地仓库2、在项目的根目录开始菜单->git->git bash;进入命令窗口。 切记,项目根目录3、初始化仓库git init 有图,显示Initialized empty ……,初始化一个空仓库,成功 根目录下生成了一个隐藏的.git文件, 执行 ls -ah 可以看到git仓库列表原创 2017-07-27 22:32:35 · 743 阅读 · 0 评论 -
精讲git常用命令大全
**从远程仓库拉取代码到本地(git clone)**(git clone https://github.com/Bloxedmain/react.git) //克隆一个仓库到本地**写完一个模块的代码,需要提交到远程仓库**git pull 指定的远程仓库拉取代码git status 查看文件状态(通常我们可以看到新添加的文件和修改过的文件)git add --all 添加代码到本地原创 2017-12-30 17:32:36 · 298 阅读 · 0 评论 -
git 管理 gitignore无效解决办法
//把需要忽略文件添加到.gitignore文件git rm -r --cached . //清空本地缓存git add . //添加git commit -m '修改忽略文件'git push原创 2017-12-30 17:40:41 · 265 阅读 · 1 评论 -
git配置信息
//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...原创 2018-04-21 19:38:41 · 371 阅读 · 0 评论 -
Git生成码云SSH公钥添加到Git服务器
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 ...原创 2018-05-13 17:12:19 · 2678 阅读 · 0 评论