2018年7月27日
个人tools封装
摘要： /** * jQuery 扩展 */(function ($) { $.fn.extend({ /** * 目标为任意对象元素 * 同时绑定单击和双击事件 */ bindClick: function (click, dblClick, el) { el = el || $(this); var _ 阅读全文
posted @ 2018-07-27 16:43 本木木 阅读(265) 评论(0) 推荐(0)
echart改变legend样式及分页
摘要： legend: { type: 'scroll', orient: 'horizontal', bottom:0, left:'center', itemGap: 0, itemWidth: 10, itemHeight: 10, textStyle:{ color: '#11f7f7' }, pa 阅读全文
posted @ 2018-07-27 16:34 本木木 阅读(7099) 评论(0) 推荐(0)
系统界面（切换主题）
摘要： 1.新建两种样式 2.//HTML部分 <!-- 中间内容页 --> <div class="row home-content noprint"> <div class='themes-box'> <div class='themes'> <div class="well-item" onclick 阅读全文
posted @ 2018-07-27 16:27 本木木 阅读(1417) 评论(0) 推荐(0)
2018年7月9日
vue轮播（完整详细版）
摘要： vue轮播 阅读全文
posted @ 2018-07-09 18:12 本木木 阅读(25135) 评论(0) 推荐(0)
2018年5月11日
用 Vue 改造 Bootstrap，渐进提升项目框架
摘要： 前言 Vue 横空出世，以迅雷不及掩耳之势横扫前端界，俨然有当年 jQuery 之势。我认为 Vue 成功的关键在于三点： 学习曲线平缓，有点经验的前端基本上一天就能看完文档，然后就可以上手操作。 上升空间很大，组件化/路由/Vuex/Ajax，生态完整，架构强壮，用它构建中大型项目也很容易。 AP 阅读全文
posted @ 2018-05-11 16:24 本木木 阅读(5422) 评论(0) 推荐(2)
Mock.js开发中拦截Ajax
摘要： Mock.js 是一款前端开发中拦截Ajax请求再生成随机数据响应的工具.可以用来模拟服务器响应. 优点是非常简单方便, 无侵入性, 基本覆盖常用的接口数据类型. 在我们的生产实际中，后端的接口往往是较晚才会出来，并且还要写接口文档，于是我们的前端的许多开发都要等到接口给我们才能进行，这样对于我们前 阅读全文
posted @ 2018-05-11 16:19 本木木 阅读(7985) 评论(0) 推荐(0)
React基本实例
摘要： 学习React不是一蹴而就的事情，入门似乎也没那么简单。但一切都是值得的。 今天给大家带来一个详细的React的实例，实例并不难，但对于初学者而言，足够认清React的思考和编写过程。认真完成这个实例的每一个细节会让你受益匪浅。接下来我们开始吧！ 代码下载 预览 首先说明一下，本例究竟做了什么。本文 阅读全文
posted @ 2018-05-11 16:11 本木木 阅读(4380) 评论(1) 推荐(0)
AngularJS学习笔记（3）——通过Ajax获取JSON数据
摘要： 通过Ajax获取JSON数据 以我之前写的与用户交互的动态清单列表为例，使用JSON前todo.html代码如下： 效果图如下： 现在把模型model内的items中的值单独写成一个JSON文件，再通过发起Ajax请求的方式获取JSON数据。 1.把todo.html文件内的模型model去除直接定 阅读全文
posted @ 2018-05-11 16:01 本木木 阅读(203) 评论(0) 推荐(0)
AngularJS学习笔记（2）——与用户交互的动态清单列表
摘要： 与用户交互的动态清单列表 以我之前写的一个清单列表页面作为例子（MVC模式的清单列表效果），优化前代码如下： 效果如下： 优化过程 1.使复选框状态与布尔值同步（双向模型绑定） 想要为Done属性添加复选框，并与true/false的值同步，即达到以下效果： 点击复现框会使右侧true/false的 阅读全文
posted @ 2018-05-11 15:57 本木木 阅读(252) 评论(0) 推荐(0)
AngularJS学习笔记（1）——MVC模式的清单列表效果
摘要： MVC模式的清单列表效果 使用WebStorm新建todo.html并链入bootstrap.css、bootstrap-theme.css、angular.js。要链入的相关css和js文件预先准备好，文件目录如下： 使用MVC模式前的代码： 使用MVC模式后代码如下： 效果图如下： 使用Chro 阅读全文
posted @ 2018-05-11 15:55 本木木 阅读(185) 评论(0) 推荐(0)
angularjs中的$http详解
摘要： 语法: 要将区别先弄清$http服务，它是对原生XMLHttpRequest对象的简单封装，是只能接受一个参数的方法， 这个方法会返回一个promise对象，具有sccess和error两个方法。当然，我们也可以在响应返回时用then 方法来处理，会得到一个特殊的参数，代表了对象的成功或失败信息，或 阅读全文
posted @ 2018-05-11 15:53 本木木 阅读(979) 评论(0) 推荐(0)
angularjs之$ajax请求
摘要： AngularJS不仅仅只有双向绑定等等功能，还有发送Ajax请求的Api。 效果图： 请求的文件（data.php）： Jqurey方式 AngularJS方式 使用JQuery中的Ajax和使用AngularJS中的Ajax本质上没有区别，只是api的区别，但是获取数据之后，jquery方式必须 阅读全文
posted @ 2018-05-11 15:49 本木木 阅读(3043) 评论(0) 推荐(0)
vuex和vuejs
摘要： 前言：在最近学习 Vue.js 的时候，看到国外一篇讲述了如何使用 Vue.js 和 Vuex 来构建一个简单笔记的单页应用的文章。感觉收获挺多，自己在它的例子的基础上进行了一些优化和自定义功能，在这里和大家分享下学习心得。 在这篇教程中我们将通过构建一个笔记应用来学习如何在我们的 Vue 项目中使 阅读全文
posted @ 2018-05-11 15:43 本木木 阅读(643) 评论(0) 推荐(0)
vue简单介绍
摘要： 最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。 在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以 阅读全文
posted @ 2018-05-11 15:42 本木木 阅读(4786) 评论(0) 推荐(0)
vue组件化开发实践
摘要： 前言 公司目前制作一个H5活动，特别是有一定统一结构的活动，都要码一个重复的轮子。后来接到一个基于模板的活动设计系统的需求，便有了一下的内容。首先会对使用Vue进行开发的一些前期需要的技术储备进行简单介绍。 组件化 需求一到，接就是怎么实现，技术选型自然成为了第一个问题。鉴于目前web前端mvvm框 阅读全文
posted @ 2018-05-11 15:35 本木木 阅读(2085) 评论(0) 推荐(0)
2018年4月19日
easyui制作进度条案例demo
摘要： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>fe</title> <link rel="stylesheet" type="text/css" href="easyui/easyui.css"> <link rel="sty 阅读全文
posted @ 2018-04-19 15:54 本木木 阅读(469) 评论(0) 推荐(0)
2018年1月19日
jssip音视频及短信开发demo（中文注释完整版）
摘要： 完整案例demo下载地址：http://download.csdn.net/download/qq_39421580/10214712 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewpor 阅读全文
posted @ 2018-01-19 14:14 本木木 阅读(3019) 评论(0) 推荐(0)
jssip中文开发文档（完整版）
摘要： jsSip开发文档 （官网地址：http://www.jssip.net/） ( 新号掘金 ：https://juejin.cn/post/7020693762212888584 ） 完整案例demo下载地址: http://download.csdn.net/download/qq_3942158 阅读全文
posted @ 2018-01-19 14:12 本木木 阅读(34764) 评论(2) 推荐(3)
echarts属性的设置（完整大全）
摘要： echarts属性的设置（完整大全） 新号掘金 ：https://juejin.cn/post/7020693762212888584 （爱学习的免费关注一下！ 错过了永远也就错过了！！！） // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’, // 默认色板 color: ['#ff7f50', 阅读全文
posted @ 2018-01-19 14:09 本木木 阅读(208146) 评论(2) 推荐(17)
2017年12月21日
完整版openlayer的例子及中文注释（完整中文版）
摘要： //@sourceURL=PersonLocation.jsvar window_temp = { onbeforeunload: null, DEBUG_MODE: false, MAPLIST: null, MAPLIST_CACHE: {}, MAP: null, MAP_LAYERS: nu 阅读全文
posted @ 2017-12-21 16:15 本木木 阅读(5847) 评论(1) 推荐(1)