2017年10月_front_end_fan

12月 11月 10月 09月 08月 07月 06月

原创 window配置hosts

先找到这个文件，再添加 IP 和 url。例如：即可通过host来打开合作同事的本地部署的项目，例如http://oa.teacher.jyjyapptest.com:3080/cms-teacher/index/localloginpage

2017-10-31 14:53:52 2746

原创 js css+html实现简单的日历

web页面中很多地方都会用到日历显示，选择等，本文用html、css、javascript实现简单的日历。完成以后的效果与页面左侧的效果差不多，可以切换上个月、下个月。也可以根据实际情况进行扩展。 html html部分比较简单，声明一个div，具体的html用javascript生成。整体内容大概是这样的： <!doctype html> <html> <head> <meta charse

2017-10-31 14:19:06 33222 2

原创 vue学习笔记04——vue2.0的变化

vue2.0: bower info vue http://vuejs.org/ 到了2.0以后，有哪些变化?1. 在每个组件模板，不在支持片段代码组件中模板: 之前: <template> <h3>我是组件</h3><strong>我是加粗标签</strong> </templa

2017-10-26 10:02:18 345

起步 1. 扎实的 JavaScript / HTML / CSS 基本功。这是前置条件。 2. 通读官方教程 (guide) 的基础篇。不要用任何构建工具，就只用最简单的 <script>，把教程里的例子模仿一遍，理解用法。不推荐上来就直接用 vue-cli 构建项目，尤其是如果没有 Node/Webpack 基础。 3. 照着官网上的示例，自己想一些类似的例子，模仿着实现来练手，加深理解。 4.

2017-10-26 09:23:47 2649

原创 vue学习笔记03

git page：任何仓库 master分支，都可以发布(git page) ------------------------------------- 双向过滤器: Vue.filter(name,{ read: write: }); ------------------------------------- 1.0 2.0 -------

2017-10-25 10:51:39 308

原创 vue学习笔记02

vue制作weibo 交互vue-> 1.0 vue-resource ajax php 服务器环境(node) this.$http.get()/post()/jsonp() this.$http({ url:地址 data:给后台提交数据, method:'get'/post/jsonp

2017-10-23 17:06:38 263

原创 bootstrap 淡入淡出banner轮播

<!doctype html> <html lang="en"> <head> <title>Document</title> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" conte

2017-10-23 10:32:46 2008

原创 event.cancelBubble与event.stopPropagation()

在火狐Firefox、opera、IE下阻止冒泡事件是不同的代码的，火狐下使用的是event.stopPropagation()，而IE下使用的是cancelBubble，jQuery 可以使用e.stopPropagation()就可以兼容了，如果是纯粹的JavaScript需要下面的代码来统一： if (event.stopPropagation) { // Mozilla and Opera

2017-10-23 08:29:01 1073

原创 vue学习笔记01

vue: 读音: v-u-e view vue到底是什么? 一个mvvm框架(库)、和angular类似比较容易上手、小巧 mvc: mvp mvvm mv* mvx 官网:http://cn.vuejs.org/ 手册： http://cn.vuejs.

2017-10-21 16:05:11 539

原创 Windows下WebStorm配置使用SVN详细过程（客户端和服务端完整版）

最近刚使用WebStorm开发，WebStorm的确是一个不错的IDE，在编写JS的时候提供了很多包括自动完成等强大的功能。在实际项目开发中如何搭建SVN版本控制工具进行团队合作开发呢？ 1.服务端安装，首先下载安装SVN服务器VisualSVN，在VisualSVN创建项目svntest，创建用户（注：刚安装的SVN服务器没有index.html,这是我同步之后的）服务端2.配置webstorm

2017-10-20 12:47:58 451

原创 iCheck表单美化插件使用方法详解（含参数、事件等）

iCheck 特色： 1、在不同浏览器(包括ie6+)和设备上都有相同的表现 — 包括桌面和移动设备 2、支持触摸设备 — iOS、Android、BlackBerry、Windows Phone等系统 4、方便定制 — 用HTML 和 CSS 即可为其设置样式 (多套皮肤) 5、体积小巧 — gzip压缩后只有1 kb 6、25 种参数用来定制复选框（checkbox）和单选按钮（radi

2017-10-18 09:00:28 5931 1

原创 table表头斜线

一、代码<div id="article_content" class="article_content tracking-ad" data-mod="popu_307" data-dsm="post"><!DOCTYPE html><br> <html> <br> <head> <br> <meta http-equiv="Conten

2017-10-17 14:43:27 9543 1

原创 vue对比其他框架

React React 和 Vue 有许多相似之处，它们都有：使用 Virtual DOM 提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，伴随于此，有配套的路由和负责处理全局状态管理的库。性能简介 Vue 的性能是优于 React 的。如果你对此表示怀疑，请继续阅读。我们会解释为什么会这样（并且会提供一个与 React 团队共同约定的比较基准

2017-10-11 14:08:45 1186

原创 jquery和vue对比（二）

普遍认为jQuery是适合web初学者的起步工具。许多人甚至在学习jQuery之前，他们已经学习了一些轻量JavaScript知识。为什么？部分是因为jQuery的流行，但主要是源于经验开发人员的一个错误的理念：因为jQuery是简单的，所以对于初学者也很简单适合。jQuery提供了简洁，不简化jQuery确实克服了很多旧浏览器问题。但是，它在封装DOM API和JavaScript的复杂性上并没有

2017-10-11 14:05:05 676

原创 Bootstrap Tooltip显示换行和左对齐

今天在使用Bootstrap的Tooltip功能时遇到2个小问题：换行丢失，文字不是左对齐。然后经过百度和Bing找到了解决方案。先看一下Bootstrap中展示Tooltip的代码： <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <script src="res/jquery.min.

2017-10-11 08:23:47 2148

原创图片自适应和footer的定位方式

前言实际项目中，关于页面的方面经常会碰到几个让人头疼的问题。举个栗子：图片自适应问题；底部footer究竟该怎样定位才能保证不管主体部分内容多少，都要能够放在最下面的理想位置。图片大小自适应一般而言，网站为了布局优美，放置图片的方框都是固定大小的容器（防止数据库中的图片大小和容器大小相差太大，影响布局）。根据图片大小和容器大小的比较，分为4类：1、前两类图片高度 < 容器高度 && 图片宽度 <

2017-10-09 11:36:06 1289