蜗牛的博客

一只努力写代码的小蜗牛

排序:
默认
按更新时间
按访问量

微信浏览器,区分移动端登录,还是其它浏览器(pc)

//判断移动PC端浏览器和微信端浏览器         var ua = navigator.userAgent;         var ipad = ua.match(/(iPad)。* OS \ s([\ d _] +)/);         var isAndroid = ua.index...

2018-11-09 17:51:47

阅读数:12

评论数:0

VUE插件总结

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-materia...

2018-11-09 16:58:48

阅读数:14

评论数:0

前端技术之Iframe

现在有个项目是webapp,通过iframe加载第三方资源,除了主入口index.jsp(java编译之后)和3个活动的html页面,剩下都是通过主页面里的iframe进行src的跳转。 1.ifarme加载页面后的高度问题: 主入口iframe加载本地页面比如main.html的是可以撑开的...

2018-09-28 18:15:39

阅读数:31

评论数:0

amcharts示例

1.竖向双Y轴柱状图 核心代码: var amOptions = { "type": "serial", "theme": "light&qu...

2018-09-28 18:13:03

阅读数:24

评论数:0

Vue2 详解生命周期

最近使用Vue2做了一个项目, 生命周期钩子分别是: beforeCreate:实例刚创建,属性绑定之前 created:实例创建完成,属性绑定,但是还未将实例挂载到'el'上,也就是挂载元素上。 beforeMount:模板编译/挂载前 mounted:模板编译/挂载之后 在mo...

2018-09-12 11:18:46

阅读数:22

评论数:0

剖析Vue原理&实现双向绑定MVVM

vue是通过数据劫持的方式来做数据绑定的,其中最核心的方法便是通过Object.defineProperty()来实现对属性的劫持,达到监听数据变动的目的 数据劫持: vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过Object.defineProperty()来劫持各个属性的s...

2018-09-12 10:47:36

阅读数:19

评论数:0

学习react.js之sass语言入门

1.sass被叫做"CSS预处理器"(css preprocessor);它的基本思想是,用一种专门的编程语言,进行网页样式设计,然后再编译成正常的CSS文件。 2. window下面安装ruby https://www.ruby-lang.org/en/...

2018-08-31 10:23:57

阅读数:12

评论数:0

vue学习路线1——搭建本地项目

一. 安装nodejs 链接:https://nodejs.org/zh-cn/ 二. 安装webpack 安装命令:cnpm install webpack -g 安装完成,通过webpack -v来查看当前webpack版本 三. 接着安装全局的vue-c...

2018-03-26 15:18:41

阅读数:170

评论数:2

vue学习路线1——文件配置介绍

├── README.md 项目介绍 ├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js ...

2018-03-23 10:30:53

阅读数:46

评论数:0

腾讯云CentOS7 下MySQL无法用Navicat远程访问的问题

1.安装完mysql后, #mysql -uroot -p Enterpassword可以正常访问,但是用Navicat访问时出现错误,感觉是云服务器的3306端口没有开放; 2.在服务器地址/etc/sysconfig/iptables目录下找到iptables文件,增加如下代码; ...

2018-03-12 17:48:34

阅读数:417

评论数:0

腾讯云CentOS7 下java环境安装(tomcat,jdk8,mysq安装)

事前准备:用Xshell3.0链接到你的云服务器;用flashfxp选择xftp链接到你的云硬盘; 一,本人下载的是tar包,Linux x64 jdk-8u131-linux-x64.tar.gz;和apache-tomcat-8.5.11.tar.gz;分别将下载好的jdk和Tomcat包上传...

2018-03-12 17:01:31

阅读数:57

评论数:0

java学习路线

很久没写了,一方面是学习,一方面是过年,今天是2018年上班的第一天,我写一篇我正在学习java路上的经历,我是在公司学习java的,前端是h5方向。 1.学习教材:java从入门到精通(中国水利水电出版社)+java web整合开发实战(清华大学出版社),我个人觉得这俩本书适合新手,通俗易通,对...

2018-02-26 16:16:18

阅读数:42

评论数:0

echarts折线图实例一

1.先看看我们要的一个效果:在点击显示30天和显示2天,数据可以切换,并且另外还要加一个时间区域查询出来;接下来我贴一下具体的操作: 2.以上边的为例,根据回来的数据结构进行解析: //拿2天的数据 var data2yespv=[]; var data2todpv=[]; var data2...

2017-09-26 12:19:22

阅读数:4129

评论数:0

echarts图表大小自适应

1.还是我上一篇echarts简单使用的例子: 如果是随windows的width和height自适应的话,如下: var echartsWarp= document.getElementById('echartsWarp'); var resizeWorldMapContainer = fu...

2017-09-22 10:08:36

阅读数:8687

评论数:1

echarts的简单用法

1.js部分,将echarts.js引入,通过setoption的方法传入数据, $(document).ready(function () { var myChart = echarts.init(document.getElementById('echartsWarp')); ...

2017-09-22 10:04:53

阅读数:218

评论数:0

学习react的实例2--全选

1.效果图: 2.下面是整篇代码: var Row = React.createClass({ getInitialState: function() { return { checked: false }; }, checkIt: functi...

2017-09-21 11:19:34

阅读数:304

评论数:0

react项目中的组件编写,和数据循环

1.还是之前项目的同一个页面,同一个模拟数据 2.在页面当中我们写一个ui组件,通过 datas={this.props.data}这种方式往下传递数据; 3.具体来看一下ui组件:里面用map方法循环数据,循环的是一个lists组件 4.再来看一下lists组件:每个li...

2017-09-20 16:47:48

阅读数:518

评论数:0

react数据之dispatch,reducer

1.之前写了一篇fetch的简单用法,实际项目中数据比那个要复杂,下面看一下通过dispatch和reducer来控制数据的更新; 2.还是以上一个添加分组的组件为例: 首先我们写一个MoveGroupReducer.js文件,里面我们模拟一个数据,并且写一个方法点击选中的方法; 2.最...

2017-09-20 16:14:52

阅读数:6594

评论数:1

react中fetch的简单使用与跳转

1.登陆是我们要用fetch进行登陆验证后,跳转,下面讲一下具体操作: 首先,引入需要的库 2.在login页面我们需要拿到用户输入的name和password,如下: 在1部分是记住密码,保存在本地存储localStorage中; 在2部分是调用fetch函数进行数据传输; 在3部...

2017-09-20 15:46:24

阅读数:5251

评论数:0

react项目的组件库antd-mobile

1.antd-mobile是由蚂蚁金融团队推出的一个开源的react组件库,这个组件库拥有很多使用的组件,下面我来介绍一下他的用法: 2.按照官网http://beta.mobile.ant.design/docs/react/introduce-cn上的操作步骤: npm install a...

2017-09-20 15:11:20

阅读数:1255

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭