2017年6月26日
vue属性
摘要： vue属性的绑定： 我们绑定属性数据的时候有些人会这样 <img src='{{url}}'> 虽然这让也可一出来，但你打开控制台时会发现有一条404的错误。 所以我们在使用vue的时候要按vue的要求来写 这样<img v-bind:src='url'> 都不需要 {{}} 来写入。 当然也会有简 阅读全文
posted @ 2017-06-26 20:05 当年华褪去生涩 阅读(318) 评论(0) 推荐(0)
2017年6月25日
vue的事件
摘要： vue的事件： vue事件简写： vue中事件是 v-on:click=' show()' 但是我嫌弃它写太长每次都要 v-on: 事件 vue中就有事件简写 @click='show()' 这会不会就好点了呢！<!DOCTYPE html> vue的事件对象： vue中当然也有事件对象了 ， 这样 阅读全文
posted @ 2017-06-25 20:33 当年华褪去生涩 阅读(1249) 评论(0) 推荐(1)
2017年6月22日
require'模块化jquery和angular问题
摘要： require 模块化开发问题，正常自己写的模块 是exports 导出一个模块 //模块化引入jquery 不同和问题 require 引入jquery swiper .... 插件和库的时候需要 require.config({ baseUrl:"js/libs", //文件夹目录相对与html 阅读全文
posted @ 2017-06-22 22:06 当年华褪去生涩 阅读(405) 评论(0) 推荐(1)
css3在页面中插入内容
摘要： A． 使用选择器来插入内容 h2:before{ content:"前缀"; } h2:after{ content:"后缀"; } B． 指定个别的元素不进行插入 h2.sample:before{ content:none; } 2. 插入图像 A． 在标题前插入图像文件 h2:before{ 阅读全文
posted @ 2017-06-22 07:44 当年华褪去生涩 阅读(1770) 评论(0) 推荐(0)
2017年6月20日
css3+javascript实现翻页幻灯片
摘要： 先上效果图 阅读全文
posted @ 2017-06-20 20:42 当年华褪去生涩 阅读(669) 评论(0) 推荐(1)
2017年6月18日
vue基本使用
摘要： 现在vue非常火爆所以今天来小小介绍一下 vue到底是什么呢？ 它是以mvvm的框架和angular类似，比较小巧容易上手。 vue官网：http://cn.vuejs.org/ vue手册网址：http://cnvuejs.org/api/ 如果你会angular那就很好学习vue了。因为说了他们 阅读全文
posted @ 2017-06-18 16:31 当年华褪去生涩 阅读(474) 评论(0) 推荐(0)
canvas的Chart图表插件
摘要： 今天写页面页面需求到柱状图标，今天介绍一下我所用的Chart.js图表插件 官网：http://www.bootcss.com/p/chart.js/ 里面会有下载js文件和中文文档 一、接下来简单说一下用法 效果 其中分类为6种，他们都是new Chart(获取的画布).Line(数据)： 1、 阅读全文
posted @ 2017-06-18 01:06 当年华褪去生涩 阅读(1068) 评论(0) 推荐(0)
2017年6月16日
localstorage本地存储的简单使用
摘要： 我们在做页面时会用到本地存储的时候，今天说说localStorage本地存储。 1、localStorage.name="老王"; //第一种设置存储本地数据的方法localStorage 2、localStorage.setItem("color","red"); //第二种设置存储本地数据的方法 阅读全文
posted @ 2017-06-16 08:33 当年华褪去生涩 阅读(448) 评论(0) 推荐(0)
2017年6月14日
css3+javascript旋转的3d盒子
摘要： 今天写点css3，3d属性写的3d盒子，结合javascript让盒子随鼠标旋转起来 效果 阅读全文
posted @ 2017-06-14 21:18 当年华褪去生涩 阅读(3174) 评论(0) 推荐(0)
2017年6月13日
canvas-菜鸟版画布时钟
摘要： 这是以前自己练习写的一个画布时钟 <!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> canvas{ margin: 20px 400px 0; } </style> </head 阅读全文
posted @ 2017-06-13 19:29 当年华褪去生涩 阅读(726) 评论(0) 推荐(1)