随笔分类 - 前端框架
摘要：Vue.js 组件 组件（Component）是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素，封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用，几乎任意类型的应用的界面都可以抽象为一个组件树： 注册一个全局组件语法格式如下： Vue.component(t
阅读全文
摘要：Vue.js 样式绑定 Vue.js class class 与 style 是 HTML 元素的属性，用于设置元素的样式，我们可以用 v-bind 来设置样式属性。 Vue.js v-bind 在处理 class 和 style 时， 专门增强了它。表达式的结果类型除了字符串之外，还可以是对象或数
阅读全文
摘要：Vue.js 事件处理器 事件监听可以使用 v-on 指令： <div id="app"> <button v-on:click="counter += 1">增加 1</button> <p>这个按钮被点击了 {{ counter }} 次。</p> </div> <script> new Vue
阅读全文
摘要：Vue.js 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子： <div id="app"> {{ message.split('').reverse().join('') }} </div> <script> new Vue(
阅读全文
摘要：循环语句 循环使用 v-for 指令。 v-for 指令需要以 site in sites 形式的特殊语法， sites 是源数据数组并且 site 是数组元素迭代的别名。 v-for 可以绑定数据到数组来渲染一个列表： <div id="app"> <ol> <li v-for="site in
阅读全文
摘要：Vue.js 模板语法 Vue.js 使用了基于 HTML 的模版语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。 Vue.js 的核心是一个允许你采用简洁的模板语法来声明式的将数据渲染进 DOM 的系统。 结合响应系统，在应用状态改变时， Vue 能够智能地计算出重新渲染组件的
阅读全文
摘要：Vue.js 条件语句 条件判断 v-if <div id="app"> <p v-if="seen">seen为true时显示，false隐藏</p> <template v-if="ok"> ok为true时显示，false隐藏 </template> </div> <script> new V
阅读全文
摘要：Vue.js 目录结构 目录解析 build:最终发布的代码存放位置。 config:配置目录，包括端口号等。我们初学可以使用默认的。 node_modules:npm 加载的项目依赖模块 src:这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： assets 文件
阅读全文
摘要：Vue.js 安装 1、独立版本 我们可以在 Vue.js 的官网上直接下载 vue.min.js 并用 <script> 标签引入。 http://vuejs.org/js/vue.min.js 2、使用 CDN 方法 以下推荐国外比较稳定的两个 CDN，国内还没发现哪一家比较好，目前还是建议下载
阅读全文
摘要：一、实现Ajax应用 1. 使用load()方法异步请求数据 使用load()方法通过Ajax请求加载服务器中的数据，并把返回的数据放置到指定的元素中，它的调用格式为： load(url,[data],[callback]) 参数url为加载服务器地址，可选项data参数为请求时发送的数据，call
阅读全文
摘要：一、动画显示与隐藏 1. jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效
阅读全文
摘要：一、鼠标事件 1. jQuery鼠标事件之click与dbclick事件 用交互操作中，最简单直接的操作就是点击操作。jQuery提供了两个方法一个是click方法用于监听用户单击操作，另一个方法是dbclick方法用于监听用户双击操作。这两个方法的用法是类似的，下面以click()事件为例 使用上
阅读全文
摘要：一、DOM节点的创建 1. DOM创建节点及节点属性 通过JavaScript可以很方便的获取DOM节点，从而进行一系列的DOM操作。但实际上一般开发者都习惯性的先定义好HTML结构，但这样就非常不灵活了。 试想下这样的情况：如果我们通过AJAX获取到数据之后然后才能确定结构的话，这种情况就需要动态
阅读全文
摘要：一、初识jQuery 1.环境搭建 进入官方网站获取最新的版本 http://jquery.com/download/ ，这里需要注意 jQuery 分 2 个系列版本1.x 与 2.x，主要的区别在于 2.x 不再兼容 IE6、7、8浏览器，这样做的目的是为了兼容移动端开发。由于减少了一些代码，使
阅读全文
摘要：参数配置(属性+事件) chart.events.addSeries：添加数列到图表中。 chart.events.click：整个图表的绘图区上所发生的点击事件。 chart.events.load：图表加载事件。 chart.events.redraw：图表重画事件，当点击图注显示和隐藏绘图时可
阅读全文
摘要：复习： LESS是一门动态样式语言，.less文件最终要转换成.css文件LESS语言为CSS扩展了变量、混合、函数、判断等方面的特性，简化CSS样式文件的编写。 LESS语言的应用方法有两种： (1)在客户端直接使用.less文件 不推荐使用 <link rel="stylesheet/less"
阅读全文
摘要：####一、引入css js <link rel="stylesheet" href="js/ztree/css/ztree.css" type="text/css"> <link rel="stylesheet" href="js/ztree/css/zTreeStyle/zTreeStyle.c
阅读全文
摘要：Thymeleaf作为spring官方推荐的模板引擎，在spring体系中使用异常方便。这里以gradle构建的项目为例来说明。 首先，你要先修改build.gradle引入Springboot对Thymeleaf提供的依赖包。在dependencies中增加如下配置。 compile('org.s
阅读全文
摘要：最进在做网站的后台管理功能，需要能够对数据库的文章进行“增，删，改，查”，但是遇到了图片保存的问题，如果采用前端上传图片至后端，然后后端保存，数据库存储图片的相对路径，这种方式感觉有点麻烦，于是就在寻求更简单的解决方案，那么有没有一种前端上传图片存储，直接返回图片外链的解决方案呢？ 最终，我选择
阅读全文
摘要：Vue2.0+ElementUI+PageHelper实现的表格分页 前言 最近做了一些前端的项目，要对表格进行一些分页显示。表格分页的方法有很多，从宏观上来说分为物理分页和逻辑分页，由于逻辑分页（即前端分页）的做法是将数据全部缓存，然后分页显示，这样在数据量较大的时候会对浏览器的速度产生影响，所以
阅读全文
浙公网安备 33010602011771号