- 博客(46)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vuejs router路由的使用
最近写项目的时候，每天都在接触路由，特来整理一下，理清思路。 路由文件 router.js,然后在main.js中引入。export default { routes: [ path: '', name: '', components: '' ], ......}路由的懒加载： component:
2017-09-17 17:08:20
1320
转载 nodejs/webpack项目提示Invalid Host header
NETApp 内网穿透nodejs项目在本地访问正常，然而部署到服务器上就提示Invalid Host header。原因：新版的webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的，将中断访问。 解决方法： disableHostCheck: true 例如：…… devServer: { contentBase: path.re
2017-08-29 19:52:48
1806
原创 vue获取dom元素的内容
通过ref来获取dom元素 在vue官网上对ref的解释 ref 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素; 如果用在子组件上，引用就指向组件实例 当 v-for 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组比如我现在要实现的效果是点击用v-for生成的li ，获取到
2017-08-25 11:52:04
25841
1
原创 加载动画效果的实现
动画效果图： <!DOCTYPE html><html><head> <title></title> <style type="text/css"> .loading { text-align: center; height: 40px; line-height: 40px;
2017-07-20 09:30:03
776
原创 Vue.js入门基础知识
什么是Vue.jsVue.js 是一套构建用户界面的 渐进式框架。与其他重量级框架不同的是Vue 的核心库只关注视图层。 Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。 Vue.js是一种MVVM框架(Model-View-ViewModel),其中html是view层，js是model层，通过vue.js（使用v-model这个指令）完成中间的底层逻辑，实现绑定
2017-06-16 21:36:32
2189
原创 px和em的区别
px和em都是长度单位，区别是，px的值是固定的，指定是多少就是多少，计算比较容易。em得值不是固定的，并且em会继承父级元素的字体大小。任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合: 1em=16px。那么12px=0.75em, 10px=0.625em。为了简化计算，在css中的body选择器中声明Font-size=62.5%，这就使em值变为16px*62.5%=10px
2017-06-11 23:06:44
4944
原创 jquery-validate验证插件的使用
表单验证的插件，很好的插件。这两篇文章写的很不错。 1、 jQuery-Validate验证插件的使用步骤详解 2、validate+jquery+ajax表单验证
2017-06-09 22:59:37
481
原创 解决git push错误：failed to push some refs to git
一、问题截图 二、问题分析先到github上看看远程repository下到底有啥东西，发现目标库是空的。但是有一个README.md文件（本地代码中没有），而出现错误的原因是github中的README.md文件不在本地代码目录中。也就是说我们需要先将远程代码库中的任何文件先pull到本地代码库中，才能push新的代码到github代码库中。三、解决问题将远程代码库中的代码pull到本地代码库
2017-06-02 13:22:48
2595
转载 了解jQuery插件编写
在实际开发工作中，总会碰到像滚动，分页，日历等展示效果的业务需求，对于接触过jQuery以及熟悉jQuery使用的人来说，首先想到的肯定是寻找现有的jQuery插件来满足相应的展示需求。目前页面中常用的一些组件，都有多种jQuery插件可供选择，网络上也有很多专门收集jQuery插件的网站。利用jQuery插件确实可以给我们的开发工作带来便捷，但是如果只是会简单使用，而对其中的原理不甚了解，那么在使
2017-05-30 01:03:41
567
转载 说说JSON和JSONP，也许你会豁然开朗，含jQuery用例
前言说到AJAX就会不可避免的面临两个问题，第一个是AJAX以何种格式来交换数据？第二个是跨域的需求如何解决？这两个问题目前都有不同的解决方案，比如数据可以用自定义字符串或者用XML来描述，跨域可以通过服务器端代理来解决。但到目前为止最被推崇或者说首选的方案还是用JSON来传数据，靠JSONP来跨域。而这就是本文将要讲述的内容。JSON和JSONP虽然只有一个字母的差别，但其实他们根本不是一回事儿：
2017-05-22 22:58:45
531
原创 js+json实现ajax实例
前期准备1、安装wampserver或者其他相似软件来搭建本地集成安装环境，我安装的是phpstudy 2、html、js、css等文件需要放置在PHPstudy中的WWW目录中，默认运行index页面 3、bootstrap.css界面截图： phpstudy用起来很方便，如果你的电脑没有安装过php，那要先配置系统环境变量，将php.exe(在PHPstudy的安装目录里找)的路径添加进去
2017-05-22 12:29:37
879
转载 npm用法介绍
1、安装nodejs 1.1、说明：gulp是基于nodejs，理所当然需要安装nodejs； 1.2、安装：打开nodejs官网，点击硕大的绿色Download按钮，它会根据系统信息选择对应版本（.msi文件）。然后像安装QQ一样安装它就可以了（安装路径随意）。 2、使用命令行（如果你熟悉命令行，可以直接跳到第3步） 2.1、说明：什么是命令行？命令行在OSX是终端（Terminal），在
2017-05-07 20:39:37
1079
原创 vue.js环境配置
1.首先安装node.js及git，git不是必须，不过强烈建议。 2. npm访问国外服务器，速度较慢，可通过淘宝npm镜像 淘宝镜像http://npm.taobao.org/ 命令：安装cnpm（-g 全局安装） npm install -g cnpm –registry=https://registry.npm.taobao.org 3、查看版本 cnpm -v
2017-05-07 20:31:32
1332
转载 Vue.js新手入门指南
最近在逛各大网站，论坛，以及像SegmentFault等编程问答社区，发现Vue.js异常火爆，重复性的提问和内容也很多，楼主自己也趁着这个大前端的热潮，着手学习了一段时间的Vue.js，目前用它正在做自己的结业项目。在做的过程中也对Vue.js的官方文档以及其各种特性有了许多认识。作为一个之前以PHP+模版引擎为主的开发，从一个从未接触过除HTML+CSS+JavaScript+JQue
2017-04-24 22:55:12
10361
原创 记录几个非常实用的js函数
//1、为元素添加样式，如addStyle(btn,"active") function addStyle(obj, className){ var clName = obj.getAttribute('class'); if(clName == null || clName == ''){
2017-04-10 21:35:20
673
原创 响应式设计-Bootstrap栅格布局
响应式布局：就是一个网站为了兼容多个终端，而不是为每个终端制定特定的版本。这个概念是为解决移动互联网浏览而诞生的。全面了解Bootstrap可以看：http://v3.bootcss.com/css/#grid 实现最基本的Bootstrap响应式布局实例：http://www.cnblogs.com/haogj/p/4980353.html
2017-03-18 21:56:57
993
原创 JavaScript网页特效（三）选项卡切换的效果和轮播图效果
选项卡的切换，主要是li列表的一个一个的选项卡，以及每个选项卡下的内容，点击的时候能够一一对应，实现起来也不难。
2017-02-14 15:17:02
4108
原创 JavaScript网页特效（二）动态评论功能实现
JavaScript是在静态页面下在网页上添加一些功能使其成为动态网页。 类似qq空间，可以对每条动态进行评论，点赞，回复等功能。 这里主要记录一下几个功能的实现。1、删除一条动态在每条动态的右上方有个叉叉，点击之后这条动态就会被删除。 实现起来很简单。就是把这个节点删除掉。而删除节点就是找到它的父节点然后调用removeChild方法，把自己传入即可。function removenod
2017-01-20 14:42:00
14976
5
原创 JavaScript网页特效（一）图片放大镜
浏览带有图片的购物网站时，有时鼠标放在图片上，可以放大局部看清楚图片。今天要实现的就是这个效果。用到的事件（1）onmouseover:鼠标指针悬浮在指定的对象时发生 （2）onmouseout:鼠标指针离开指定对象时发生 （3）onmousemove:鼠标指针移动时发生用到的属性 offsetWidth,offsetHeight返回的是div的宽高度 offsetLeft,offsetTo
2017-01-15 15:07:57
1884
原创 使用font-awesome小图标
引言 网页小图标到处可见，如果一个网页都是干巴巴的文字和图片，而没有小图标，会显得非常简陋。下面的小图标，你是不是会经常用到？
2016-12-14 11:03:08
2930
原创 js实现注册验证
常用的正则表达式大全:http://blog.csdn.net/onebigday/article/details/5429868 正则表达式在信息的匹配，验证上起很大的作用。 深入理解正则表达式http://www.cnblogs.com/China3S/archive/2013/11/30/3451971.html
2016-12-12 17:04:41
2334
原创 经典加密算法凯撒密码、维吉尼亚密码,RSA算法加密的简单学习
凯撒密码—-已知的最早的代换密码 —-对字母表中的每个字母，用它之后的第3（或者第n）个字母来代换明文：a b c d e f g h i j k l m n o p q r s t u v w x y z 密文：D E F G H I J K L M N O P Q R S T U V W X Y Z A B C
2016-12-09 20:49:11
21835
2
原创 jsp+sql server+html/css实现图书馆管理系统
期末，数据库老师让做一个用数据库结合任何一门语言做个小作品。刚好最近在学一点html/css，又会看了一点点jsp的视频，做出了个小东西，在此记录，共同进步。用到的软件：sql server，myEclipse
2016-12-02 23:13:45
19209
9
转载 MyEclipse通过JDBC链接SQLServer2012 数据库
本文在http://blog.csdn.NET/stewen_001/article/details/19553173的博文上改进了一下首先，在连接数据库之前必须保证SQL Server 2012是采用SQL Server身份验证方式而不是windows身份验证方式。如果在安装时选用了后者，则重新设置如下:http://blog.163.com/jackie_howe/blog
2016-11-12 20:35:35
3602
1
转载 CSS3选择器:nth-child和:nth-of-type之间的差异
一、深呼吸，直接内容:nth-child和:nth-of-type都是CSS3中的伪类选择器，其作用近似却又不完全一样，对于不熟悉的人对其可能不是很区分，本文就将介绍两者的不同，以便于大家正确灵活使用这两类选择器。先看一个简单的实例，首先是HTML部分： 我是第1个p标签 我是第2个p标签 然后两个选择器相对应的CSS代码如下：p:n
2016-11-04 16:13:35
540
转载 Flex 布局教程：语法篇
网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直居中就不容易实现。2009年，W3C提出了一种新的方案----Flex布局，可以简便、完整、响应式地实现各种页面布局。目前，它已经得到了所有浏览器的支持，这意味着，现在就
2016-11-04 16:10:43
475
转载 div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程
div css sprites精灵-CSS图像拼合 CSS贴图定位网页背景素材图片拼合定位布局技术教程篇与css sprites实例篇css sprites拼合背景图片素材实现布局效果截图一、什么是css sprites - TOPcss sprites直译过来就是CSS精灵。通常被解释为“CSS图像拼合”或“CSS贴图定位”。其实就是通过将多个图片融合到一张图
2016-10-21 14:27:52
1331
转载 Android ToolBar+Translucent System Bar的用法
Google在Android 5.0 开始推出的一个 Material Design 风格的导航控件Toolbar，取代之前使用的Actionbar,Toolbar比actionbar要灵活很多。 Google 为了将这一设计向下兼容，我们需要在工程中引入 appcompat-v7 的兼容包，使用 android.support.v7.widget.Toolbar 进行开发
2016-09-23 16:44:11
454
原创 MyEclipse作为服务器连接数据库输出json格式的数据
在之前的一篇文章中，讲过用MyEclipse作为服务器连接数据库输出xml格式的数据，这里记录一下如何输出json格式的数据，还是有有一点不同的。环境：MyEclipse 所需要到的jar包： json-lib-2.2.3-jdk15.jar ezmorph-1.0.6.jar commons-lang 2.4 commons-beanutils 1.7.0 commons-col
2016-09-19 16:48:14
2721
原创 Android卫星菜单的实现
卫星菜单可能网上已经有很多博文了，but,这里仅记录下自己的学习路程~刚看到自定义卫星菜单的时候真的是一脸懵逼，看完所有的源码觉得还可以接受，自己写难度较大，功力太薄呜呜。这个还是学习蛮不错的实例，涉及到动画，自定义的ViewGroup，接口，如何全面的考虑问题等等，最重要的是 思想！
2016-08-12 17:25:19
2397
原创 Android 自定义viewGroup学习之FlowLayout的实现
Android 自定义viewGroup学习之FlowLayout的实现最近在学习自定义的viewGroup,刚接触，是真的难，看了洪洋大神的博客，收益多多，现在记录一下我对洪洋大神这篇文章Android 自定义ViewGroup 实战篇 -> 实现FlowLayout的理解。首先，viewGroup存在的目的是对其子view的管理，为其子view添加显示、响应的规则。因此，自定义的viewGrou
2016-08-02 12:21:02
757
原创 使用okhttp时没有返回json数据
今天踩过的大坑........这是一段使用okhttp进行post请求的代码 OkHttpClient client = new OkHttpClient(); RequestBody body = new FormEncodingBuilder() .add("key", value) .build();
2016-07-13 15:05:39
12801
6
原创 Unable to create Debug Bridge:Unable to start adb server
打开Android studio 时,报错.Unable to create Debug Bridge: Unable to start adb server: error: could not install *smartsocket* listener: cannot bind to 127.0.0.1:5037: 通常每个套接字地址(协议/网络地址/端口)只允许使用一次。 (
2016-07-07 10:05:14
9079
转载 Android 如何在XML文件中定义动画
1.在res目录中新建anim文件夹 2.在anim目录中新建一个myanim.xml(注意文件名小写) 3.加入XML的动画代码http://schemas.android.com/apk/res/android"> Android动画解析--XML
2016-06-26 20:59:10
842
转载 AndroidStudio导入项目一直卡在Building gradle project info最快速解决方案
AndroidStudio导入项目一直卡在Building gradle project info，实际上是因为你导入的这个项目使用的gradle与你已经拥有的gradle版本不一致，导致需要下载该项目需要的gradle版本，不知是被墙了还是什么原因，反正就是会一直卡住，直至下载完成(如果能下载完成的话，233)网上也提供了方法，就是去官网下载gradle的版本，然后放到本地，我就不在这里
2016-06-23 16:39:41
464
原创 Android开发用MyEclipse作为服务器端访问MySQL数据库，并把某张表解析成xml格式输出到浏览器，客户端解析获取xml数据
这阵子一直在了解服这里务器端与客户端的交互，对这方面真的不熟悉，在这里记录一下。
2016-06-12 13:19:25
8119
4
转载 导入viewPagerIndicator时报错提示FloatMath.ceil()不存在解决方法
更新了support library 23.1.1后，原来的项目一编译就提示报错：提示FloatMath.ceil()方法不存在。viewpagerindicator已经很久没更新了，所以，这bug只能自己修了，修也容易。原因分析：因为support library 23.1.1之后，FloatMath这个类的一些方法被去掉了，比如ceil()，所以，我们只要把使用到Flo
2016-05-03 20:12:49
3228
1
转载 第一次使用Android Studio时你应该知道的一切配置（二）：新建一个属于自己的工程并安装Genymotion模拟器
一、新建工程：1、新建一个Project:打开Android Studio，新建一个Project，界面如下：上图中，设置好工程名和路径之后，接下来可以一路next：二、Android Studio使用方法；1、修改项目结构视图：Project新建完了以后，默认的结构如下：上图可以看到，AS的目
2016-05-03 09:41:13
1207
数据库实例 下载
2016-12-03
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人