- 博客(21)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 transform与坐标系统
默认元素transform 的旋转、缩放、平移、斜切的坐标系统的原点为该元素的几何中心。transform-origin 属性transform-origin 属性允许更改转换元素的位置，即原点。语法transform-origin: x-axis y-axis z-axis;2d 中去掉 z-axi 即可。 <style type="text/css"> ...
2018-10-30 22:41:59
1089
原创 css3 transform简介 3D
css 3d 转换rotate3d() , translate3d() , scale3d() ， perspective()三个方向： 旋转 rotateXX轴上的旋转语法transform: rotateX(<angle>)真的是以元素中心为原点的绕x 轴旋转效果哇！ <style type="text/c...
2018-10-30 22:32:39
194
原创 tooltip 的formatter
tooltip 就是echarts 中的提示框组件下图中框起来的部分就是通过tooltip 显示的东东。使用起来，参考官方API，可以设置在全集，可以设置在坐标系中也可以设置在系列中，还可以设置在系列的每个数据项中。tooltip有很多属性，其中一个属性就是formatter ，它是提示框浮层内容格式器，也就是具体显示的数值信息哪个框里的内容。它支持字符串模板和回调函数两种形式...
2018-10-29 10:31:40
12899
原创 echarts 点击事件
echarts 点击事件，官网中既有例子也有文档。但基本是关于，点击图形（不包括空地）上的位置的点击事件。而点击图形的点击事件，参考echarts 文档，使用click 事件即可。如下。myChart.on('click', function (params) { console.log(params);});但是，当我们有tooltip 时，鼠标即使放在空地上，页面上看起...
2018-10-29 10:05:16
4462
原创 Vue 动画 过度效果（渐隐渐现）
首先一个toggle 效果： <div id="root"> <div v-if="show">hello world</div> <button @click="handleClick">切换</button> </div> <script&
2018-10-21 16:08:12
22443
2
原创 css3 transform简介 2D
css3 的变形属性 transform它使得元素在一个坐标系统中变形。这个属性包含一系列变形函数，可以移动、旋转和缩放元素。语法transform: none | <transform-function> [<transform-function>]*默认值transform：none兼容性IE10+、FireFox16、Chrome36、Sa...
2018-10-18 23:36:55
167
原创 Vue 中的动态组件与 v-once 指令
toggle 两个组件的功能，代码如下。 <div id="root"> <child-one v-if="type === 'child-one'"></child-one> <child-two v-if="type === 'child-two'"></child-two> &l
2018-10-16 23:17:35
231
原创 Vue 中的作用域插槽
作用域插槽。首先，定义一个组件： <div id="root"> <child></child> </div> <script> Vue.component("child",{ template: '<div>child</div>' })
2018-10-16 22:50:40
863
原创 Vue 中使用插槽
“插槽” 的概念还是挺重要的。在很多Vue 第三方插件 或 模块中，大量使用了插槽特性。他的使用，首先，定义一个组件：<body> <div id="root"> <child></child> </div> <script> Vue.component("child",{
2018-10-16 22:29:59
244
原创 去掉input 自动完善功能
chrome 浏览器，总是会给以前使用过的 input 记录下输入值，当以后再次输入时，就会提示。关掉这种提示的方法：给 form 或者input 加入属性 autocomplete ，并设值为 “off”.相反，将该值设为“on” 就是打开这一属性。 ...
2018-10-16 15:21:00
422
原创 Vue 非父子组件间传值
非父子组件（隔多代、兄弟等）之间传值，主要有两种方式： - vuex - 发布订阅模式(在 vue 中称为总线机制)下文将介绍通过总线机制（Bus/总线／发布订阅模式／观察者模式），解决非父子组件之间的传值。 <div id="root"> <child content="Hello"></child> <child co...
2018-10-14 22:35:13
527
1
原创 Vue 给组件绑定原生事件
给一个组件绑定原生事件，如下方法是错误的！ <div id="root"> <child @click="handleClick"></child> </div> <script> Vue.component("child",{ template: "<div&a
2018-10-14 21:55:26
704
原创 Vue 组件参数校验与非 props 特性
组件的参数校验：父组件通过属性传递给子组件数据，子组件有权对这些数据进行约束，这就是参数校验。如下，简单的参数校验。 <div id="root"> <child content="hello world"></child> <!-- 下面会报错，因为content传递的是一个数组，参数校验不通过 --> <child :
2018-10-14 18:39:06
289
原创 Vue 组件 父子组件间的数据传递
首先定义一个组件（局部组件） <div id="root"> <counter></counter> <counter></counter> </div> <script> // 局部组件 var counter = { template: "&
2018-10-14 17:59:01
224
1
原创 Vue 组件 一些细节点
细节点一、 组件定义的标签名与html规范的冲突vue 想给table 标签中的 tr 标签定义为一个组件，但下面这样写会不对： <div id="root"> <table> <tbody> <row></row> <row></row> &
2018-10-14 12:18:51
183
原创 vue 中的set 方法 解决列表渲染的问题
列表渲染中，可能值变了但是页面没有响应。Vue 提供了 set 方法，解决这个问题。 var app = new Vue({ el: '#app', data:{ onelist: [{ id: "010101020304", text: "hello" },{ id: "0202020304", text: "ok"...
2018-10-11 15:05:44
702
原创 vue 列表渲染
数组循环 渲染v-for 命名用于列表渲染，最简单的一个例子： <div id="app"> <div v-for="(item,index) of onelist"> {{item}} ------ {{index}} </div> </div> <script> var app = new Vu
2018-10-11 11:18:13
187
原创 layer jquery 插件
layer jquery 插件 主要是用来做弹出层的。官网：http://layer.layui.com/ 下载引用下载并解压后，将layer 文件夹放在自己工程目录下，引入layer.js（先引入jquery文件）即可使用。 弹出层的调用调用弹出层非常简单1） 最简单的弹出层layer.alert('内容');2） 第三方扩展皮肤 //第三方扩展...
2018-10-10 16:52:30
536
原创 bootstrap Table
参考官网学习：http://bootstrap-table.wenzhixin.net.cn/zh-cn/getting-started/以后再具体补充上
2018-10-10 14:38:16
551
转载 sessionStorage
sessionStorage 会话存储 sessionStorage 是HTML5新增的会话存储对象，用于临时保存同一窗口（标签页）的数据，在关闭窗口或标签页之后将会删除这些数据。 在JS中，可以通过window.sessionStorage 或者 sessionStorage 调用此对象。 sessionStorage 对象的特点 1）同源策略限制 ...
2018-10-10 11:01:14
409
空空如也
opencv（for android）怎样提取出JPEG图像的DCT系数？
2016-09-22
TA创建的收藏夹 TA关注的收藏夹
TA关注的人