再-接-再-厉-优快云博客

原创 vue-cli环境升级

第一种，升级element-ui先卸载npm uninstall element-ui再安装npm install element-ui第二种，安装升级插件npm-check-updates安装npm install npm-check-updates查看版本ncu升级所有版本ncu -anpm install ...

2018-03-19 17:31:27 4967

原创 vue单个组件实现无限层级多选菜单

wTree.vue原理：每一个多选框都是一个节点，每个节点就是一个wtree组件，有父级（顶级level为0）,有子级（底层list[]是空的），组件之间状态传递是通过组件通信传递，对于外部数据checkList数组的修改是通过store实现的。初始化从底层状态传递到上层，一层一层传递。改变状态，不同状态改变，修改checklist数组。大概就这个思路，下面是代码：<template>...

2018-02-24 13:46:35 6379 1

原创 h5的canvas小游戏实例

最近看了一些canvas的小游戏例子，参照写了个实例。原理大致讲一下：主要是通过requestAnimationFrame无间断刷新canvas实现动画，监听一些事件，实现操作。流程大致是，准备容器，准备相关角色，事件绑定，更新数据，初始化画布，主流程函数（这里循环调用requestAnimationFrame）。简单的说就是设置数据，更新画布，再更新数据，更新画布。在线实例：h

2018-02-01 18:04:50 3951 2

原创 css3的三D效果transform实例

要用CSS3实现3D效果，先看个图perspective设置景深，也就是Z轴的距离。perspective-origin:设置视角，不同视角看到同一个立体是不同的表现。设置好这些，就可以构建你想要的，立体图形，在构建前，构建前生成容器，要让容器内元素也保持3D效果，就要在样式添加transform-style: preserve-3d;定义容器内元素位置，用到transfo

2018-01-29 17:46:55 1568

原创 vue中简单的无限树形结构tree.vue

主要解决两个问题：第一个：递归循环，这里是用：is 动态指定组件来解决的。第二个：同级如何区分，传入的数组中要提供相应的open数据，以供区分使用：is = 'open'tree.vue代码 {{o.name}} export default {

2017-10-13 13:52:05 10731 1

原创 svg动画的学习

svg的 path学习，A指令详解

2017-08-14 17:52:00 236

原创 echarts.js学习

分阶段渐变的效果，个人觉得不是很实用无标题文档 // 基于准备好的dom，初始化echarts实例 var myChart = echarts.init(document.getElementById('main')); // 引入 ECharts 主模块 option = {

2017-07-27 08:28:58 262

原创 JS实现websocket+mqtt+ssl通信客户端实现

订阅推送就不写了，主要是ssl加密下建立链接，我上网找了好多都没有，最后一个国外网站找到的，忘了网址了。bmqtt.js用的这个js var KEY = "xxxxx.key"; //加密文件，保证能被访问 var CERT = "xxxx.crt"; var TRUSTED_CA_LIST = "xxxx.crt"; var options

2017-07-23 21:13:53 3127 3

原创 vue2.0安装和实例

node环境下vue2.0项目搭建http://www.cnblogs.com/zhihou/p/6422704.html参考此网址搭建完成！特此感谢。注意的是，在vue init webpack 要安装npm npm install ，开始忽略了，安装上好了，希望大家不要向我绕弯路。

2017-07-22 13:02:04 561

原创 js设计模式的学习

JS的设计模式(包括观察者模式) //函数式的写法--------------------------------------------------// $(function(){// var $content = $("#content");// function getnum(){// return $content.va

2017-07-19 11:09:09 229

原创初学es6写了个观察者模式，请多指教！！！！

/** * Created by richard on 2017/7/19. */console.log("------------observer观察者模式-------------");class Observer{ constructor(){ this.handle = [];//相关订阅fn } addSubscribe(t

2017-07-19 10:48:38 914

原创 asp+access图片上传数据库

图片以ole对象保存到数据库中，并从数据库中读取显示实例。1.asp选取图片文件，提交文件和文件类型hellofunction abc(){var a=document.getElementById("file");var b=document.getElementById("p1");var c;if (a.value.match(".png")!= null

2016-11-14 16:55:16 1288

原创 asp中input标签date属性默认值设定

。。。。。xtime=rs("xtime").valuevtime=formattime(xtime)function formattime(adate) m=month(adate) if len(m) m="0"&m response.Write m end if

2016-10-26 09:21:08 2011

瓶起子的博客