随笔分类 - 前端框架（Angular React Vue Echarts Mint UI 等）
摘要：一、简单的逻辑验证使用方法： 方法步骤： 1、在html中给el-form增加 :rules="rules" 2、html中在el-form-item 中增加属性 prop="名称" 3、js中直接在data中定义rules:{} 在html中的写法： <el-form ref="formData"
阅读全文
摘要：Vue工作机制 vue工作机制 Vue响应式的原理 依赖收集与追踪 编译compile html: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> </head> <body> <div id="app"> <!-- 插值
阅读全文
摘要：vue动画实现方式 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <link rel="stylesheet" href="animate.css"> <style> * { margin: 0; padding:
阅读全文
摘要：vue组件定义方式，vue父子组件间的传值 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> </head> <body> <div id="app"> <my-nav></my-nav> <hr> <my-nav2>
阅读全文
摘要：Vue自定义指令的使用，具体内容如下 1.自定义指令的语法 Vue自定义指令语法如下： Vue.directive(id, definition) 传入的两个参数，id是指指令ID，definition是指定义对象。其中，定义对象可以提供一些钩子函数 钩子函数 一个指令定义对象可以提供如下几个钩子函
阅读全文
摘要：后端路由简介 路由这个概念最先是后端出现的。在以前用模板引擎开发页面时，经常会看到这样 大致流程可以看成这样： 浏览器发出请求 服务器监听到80端口（或443）有请求过来，并解析url路径 根据服务器的路由配置，返回相应信息（可以是 html 字串，也可以是 json 数据，图片等） 浏览器根据数据
阅读全文
摘要：递归组件 什么是递归组件？ 组件自身去调用组件自身。 代码示例 DetailList.vue(子组件-递归组件) Detail.vue（父组件） 注意：父组件中的数据结构是二维数组。子组件调用自身之后，对于css样式，我们只要仅仅关注一级列表即可，二级列表会自动使用相同的样式。如图：
阅读全文
摘要：好久都没有写点东西了， 前段时间工作搞得头大，真的就是一起加班到死了。废话不多说，写这篇文章是因为这次因为 event 对象闹了一个乌龙，以此总结一下。 一、event 对象 （一）事件的 event 对象 你说你是搞前端的，那么你肯定就知道事件，知道事件，你就肯定知道 event 对象吧？各种的库
阅读全文
摘要：去掉百度地图api图标信息 调用百度地图API时，如果想去掉百度的logo,只需要在css里设置： 点击如图中的点时会出现地址详情，会造成我们地图开发中的误操作，那么怎么关闭这个点击事件呢？ 只要在定义地图时加上{enableMapClick:false}就关闭了这个点击事件
阅读全文
摘要：在 mychart.setOption(option); 后面加上 mychart.resize(); 即可 即可
阅读全文
摘要：前端常用插件、工具类库汇总，不要重复造轮子啦！！！ 前言 在开发中，我们经常会将一些常用的代码块、功能块进行封装，为的是更好的复用。那么，被抽离出来独立完成功能，通过API或配置项和其他部分交互，便形成了插件。 下面这些是我在工作中积累的一些常用的前端开源插件，这里只是罗列出来，详细的用法各个插件官
阅读全文
摘要：通过Icon类可实现自定义标注的图标，下面示例通过参数MarkerOptions的icon属性进行设置， 也可以使用marker.setIcon()方法。 所使用图片： 演示地址：点击
阅读全文
摘要：由于公司业务需求，要求做到：百度地图实现 多点标记，自动调整缩放等级，自适应缩放， 效果图如下： 代码如下：（换上你自己的key） 在下面打个小广告： 本人在业余时间，可以帮有需要的朋友解决技术上的问题，和接一些 页面定制开发。个人接单，价格实惠，只当是多交些朋友了。 在下面打个小广告： 本人在业余
阅读全文
摘要：由于业务需求，现在要自定义tootips; 设计稿如下： 代码如下： 更多 ：http://gallery.echartsjs.com/editor.html?c=xB1DgDmtmb
阅读全文
摘要：最近公司业务上的 需求，要求做一些图表，我们技术框架上选择方便使用的Echarts. 下面是效果图： 下面是具体代码：
阅读全文
摘要：vue1.0与vue2.0对于v-for的使用的区别: 1,vue1.0中有$index,而vue2.0将$index移除. 2,vue1.0中(index,item) in list 而vue2.变成了(item,index) in list 的写法. 3,vue1.0中使用track-by来标记
阅读全文
摘要：三级联动，随着越来越多的审美，出现了很多种，好多公司都仿着淘宝的三级联动 ，好看时尚，so我们公司也一样……为了贴代码方便，我把写在data里面省市区的json独立了出来，下载贴进去即可用，链接如下 首先页面显示如下： 然后我们县级所在地区会出现三级联动，如下：（以下是片段，背景色未截取） 这个张什
阅读全文
摘要：textarea称文本域，又称文本区，即有滚动条的多行文本输入控件，在网页的提交表单中经常用到。与单行文本框text控件不同，它不能通过maxlength属性来限制字数，为此必须寻求其他方法来加以限制以达到预设的需求。 通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制，简单而
阅读全文
摘要：先看一下效果： html: css: vue.js:
阅读全文
摘要：UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过V
阅读全文
浙公网安备 33010602011771号