- 博客(45)
- 问答 (7)
- 收藏
- 关注
RSS订阅原创 centos7下安装nginx
#rpm -Uvh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm#yum install nginx#service nginx start
2017-11-06 21:41:54
319
原创 centos7下yum安装php,Apache，mysql
记录下来，否则又要每次安装Google了安装php7由于yum源的php版本较低，所以需要找到高版本的rpm源yum -y install epel-releaserpm -Uvh https://mirror.webtatic.com/yum/el7/webtatic-release.rpmyum install php70w安装Apache默认yum安装php7时，会自动安装Apache，
2017-08-23 18:30:23
4759
1
原创 重写webpack多页应用配置脚手架
之前写了一个webpack多页应用的配置，只有一个webpack.config.js文件，实现了多入口配置打包css,js,资源文件处理。因为入口entry配置需要自己添加，HtmlWebpackPlugin有多少个页面也要自己添加。这样看来虽然配置是成功的，但过于机械化，是不可取的为什么要进行多页应用配置？我们都知道开发vue,react这些应用时，一般都只有一个入口文件。而且官方都提供了自己的
2017-06-25 09:14:38
3873
1
原创 detached HEAD
一不小心让项目变成detached HEAD 状态，好尴尬！如何解决 。一个命令解决git checkout master好了，恢复了！
2017-06-15 16:39:04
1203
原创 map函数的使用技巧
js的Array数组对象中有很多有用的方法，js的map函数在某些方面非常的方便强大。 map() 方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。let numbers = [1, 5, 10, 15];let roots = numbers.map((x) => { return x * 2;});let roots = numbers.map(
2017-06-12 22:24:39
1285
原创 jquery的each()方法实现
jquery的实现方法 var each = function (obj, callback) { var length, i = 0; if (Array.isArray(obj)) { length = obj.length; for (; i < length; i++) { i
2017-06-04 10:50:37
459
原创 font-family
font-family: -apple-system,PingFang SC,Hiragino Sans GB,Arial,Microsoft YaHei,Helvetica Neue,sans-serif;
2017-05-25 14:22:37
417
原创 谈谈jquery的实现
最近写了些移动端的项目，在PC端操作dom，jQuery必不可少。但是在移动端引入jQuery就显得不合适，一是文件太大，二是不支持一些触摸。zepto.js是移动端的jQuery，体积很小，支持触摸。在用这些库的时候，经常会想该如何实现这样的写法呢？看了很多jquery源码的分析，又看了很多实例，终于算是明白了。$(selector)是如何实现的？原生JS查找dom元素一般会用到这些 va
2017-04-26 10:59:02
347
翻译 css3毛玻璃效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>aero</title></head><style> body { min-height: 100vh; box-sizing: border-box; margin: 0;
2017-04-20 10:05:40
568
原创 原生JS查找同辈元素
>jquery具有强大的选择器。其中siblings([expr])就是查找同辈元素。但有时没必要引入jquery库，那该如何做呢？ //取得一个包含匹配的元素集合中每一个元素的所有唯一同辈元素的元素集合。可以用可选的表达式进行筛选。 siblings([expr])原生如何查找dom同辈元素 //el,要查找的dom元素 function sibilings(el
2017-03-31 14:52:10
3740
原创 Apache虚拟目录配置及vue-cli反向代理
配置需求来自于前后端分离。后台由于使用php或者java，但是前端使用vue,react这些框架时怎么和后端有效的数据通信。反向代理是个很好的选择，虽然jsonp也可以，单并不还玩。Apache配置虚拟目录
2017-03-29 17:38:43
3854
原创 简单jquery组件开发
写这篇文章主要是对自己以前学习jquery插件的总结。现在组件化开发，以vuejs 、 reactjs 、angular 为代表的库或框架让web组件化开发逐渐推广起来。下面是我用jquery写的一款简易的提示框组件。虽然没有遵守mvc写法，但也是很实用。效果： 有时用户执行某个操作时，需要弹出提示框让用户确定执行某个回调函数，这样就有效的避免用户因操作失误执行不该执行的操作。代码/**
2017-02-17 09:42:34
2126
原创 js获取url参数
js如何获取url参数？ 例：http://write.blog.csdn.net？name=zhu&id=2 如何获取name和id的值呢？ 下面用了一个函数来获取要拿到参数的值语法：getQueryVar（string） function getQueryVar(){ /*接收的object对象*/ var objQuery={};
2017-02-08 15:23:04
350
原创 用vue写todolist单页应用
网上有很多关于vue的todolist小程序。大多是利用vue-cli脚手架工具开发的，这个官网的文档也不支持新手从单文件开始学习。所以用大家熟悉的开发方式写了这个todolist,希望和大家一起学习。vue是啥？ Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的 渐进式框架。简单说是一个模板引擎，做过后端的应该很清楚，以前靠服务器端渲染的dom，放在浏览器端端渲染，v
2016-12-14 22:03:31
1201
原创 Html5本地储存localStorage 之储存json数组
什么是html5本地储存localStorage ： HTML5 提供了两种在客户端存储数据的新方法： 1.localStorage - 没有时间限制的数据存储 2.sessionStorage - 针对一个 session 的数据存储 之前，这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储，因为它们由每个对服务器的请求来传递，这使得 cookie
2016-12-10 15:13:38
5405
原创 nodejs访问本地静态资源（进入index.html）
最近用nodejs搭建服务，需要直接访问本地的index.html文件。让别的电脑通过输入IP：/index.html访问 在网上也找到了代码，顺便做个笔记代码var url = require("url"), fs=require("fs"), http=require("http"), path = require("path");http.createSer
2016-12-09 19:03:35
13722
1
原创 win10系统下搭建mongodb服务
最近在学习nodejs,在安装mongodb数据库的时候出现了小问题，在win7上安装mongodb正常，并且成功的安装了mongodb服务，这样就不需要每次进入命令行来启动mongodb服务了。在win10上安装mongodb服务出现了问题，一直安装失败。最后才发现直接进入cmd命令界面是不行的，必须已管理员身份进入才行。 mongodb的安装 我是在E盘建立的一个mongodb文件夹，用来
2016-11-29 15:57:59
4661
4
原创 nodejs实时监听文件变动重启服务supervisor
在开发过程中，每次修改代码保存后，我们都需要手动重启程序，才能查看改动的效果。使用 supervisor 可以解决这个繁琐的问题，全局安装 supervisor：npm install -g supervisor运行 supervisor –harmony index 启动程序,这样就不需要因为更改了js文件而手动重启nodejs服务了
2016-11-27 14:58:24
5641
1
原创 CSS3自定义滚动条
chrome（webkit内核）浏览器支持自定义滚动条，幸运 的是移动端的浏览器大多基于webkit内核。给移动端页面添加漂亮的自定义滚动条。1.CSS样式<style> .table-responsive { height: 200px; width: 200px; background-color: #eeeeee; } .
2016-11-06 15:49:28
354
原创 css3 Transition属性（平滑过渡菜单栏案例）
css3的制作动画的三大属性（Transform,Transition,Animation）下面介绍一下 Transition属性。transition属性是一个速记属性有四个属性：transition-property, transition-duration, transition-timing-function, and transition-delay。语法transition: prop
2016-10-27 14:30:33
6311
原创 教你开发jQuery幻灯片插件
最近在学习jquery插件的开发，也看了很多Demo. 各种jquery的插件所用到的设计模式也是不同。插件功能（依赖jquery） （无缝图片滚动） 点击上一个，下一个 鼠标移入移出效果，以及清除定时器等说明： 事先约定好html结构，当然也可以自己制定html结构1.DOM结构（父容器为m-carousel）<div class="mytest"> <div class="m
2016-10-22 15:09:00
1242
原创 模态框省份三级联动插件制作
1.话不多说，直接上代码。这个简易的modal插件还没完善，依赖jquery插件，有需要的可以自行更改<script> !function($,window,undefined){ var jidi={ /*###省份三级联动*/ province:function(options){ var $
2016-09-28 14:42:35
980
原创 自己写jquery表单验证
jquery的表单验证插件数不胜数，有时想想其实有的项目不需要引入一些插件，要有自己动手的好习惯，下面是一个简单的表单验证。一、html代码 <form name="j-form" id="j-form" method="POST"> <h3>用户登录</h3> <div class="in
2016-09-10 19:50:27
625
原创 JS数组与Json
不得不说在创建Web应用时，经常与后端进行数据交互，了解json,如何读取json的内容，以及json数组（js数组）1.简单json格式的数据，下面js代码var data={ "city" :"shanghai", "categray" :1, "name" : "xiao"}console.log(data['city']);//shanghai2,进阶1 v
2016-09-01 15:20:37
677
原创 jquery加CSS3实现导航跟随鼠标移动
经常看到有的网页导航菜单下有个底部边框跟随鼠标移动到的位置而移动仔细想了下，如果只用jquery来实现发现会变得复杂，那么我们知道CSS3里有过度属性transition一.transition属性的使用方法： - 要实现这一点，必须规定两项内容： 1.规定您希望把效果添加到哪个 CSS 属性上 2.规定效果的时长例： div { width:100px; transition: w
2016-08-19 18:05:48
2137
原创 javascript中的||操作符与&&操作符
今天再写页面滚动侦听事件的时候在网上查了下资料，突然发现一些js中的||与&&操作符的妙用。一、提出问题 1.当分数scroe小于60为不及格 2.当分数scroe大于60为及格 3.当分数scroe大于等于80为优秀if语句判断代码script> function bn(scroe){ if(scroe >= 80){ a
2016-08-12 18:14:48
457
原创 Thinkphp分页以及thinkphp分页所遇到的坑
最近在使用thinkPHP，不得不说的确很方便，尤其是数据库操作来说，对于我这样不会后端的前端来说简直是一把锋利的剑。好吧，就是别人造好的轮子而已，我只是拿来用用而已。下面来开始写自己用TP分页的代码：
2016-08-03 12:04:37
3117
原创 jquery实现楼层嵌套（DIV嵌套）
经常看到评论区回复楼层嵌套，也就是盖楼，下面来用jquery来实现div布局代码： Title #maindiv{width:auto; height:auto; margin: 0 auto; position: relative;} .common{border:1px solid #1b6d85; paddin
2016-07-28 13:33:10
3421
原创 html实现全屏分页
做这个小功能的原因是因为之前做了个小的移动端项目，是一个全屏分页效果，自己在网上也找了些解决方案，下面是个小例子，供大家参考。1.HTML代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>test</title> <link rel="stylesheet" href="css/te
2016-07-07 20:02:40
1890
原创 jquery实现随着鼠标滚动固定导航栏
下面是简单的导航栏固定效果。。感觉代码很少，write less Do more.也算是jquery比较方便的原因。 下面代码仅供参考<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面滚动事件</title> <script src="js/jquery-2.2.3.js"></s
2016-07-07 14:09:05
5046
原创 图片跟随鼠标移动（jquery）
下面是图片跟随鼠标移动的小demo,有很多实用的技巧，可以在此基础上进行延伸，比如可以改变图片的旋转方向的等。 html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <style> *{margin: 0; padding: 0;} #mydiv{width: 15
2016-05-12 19:38:44
2146
原创 Jquery换肤
下面是通过jquery，点击更换背景按钮来触发事件，从而改变body背景图片，先看下面的源码啊：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>背景图片</title> <script src="http://cdn.bootcss.com/jquery/3.0.0-beta1/jqu
2016-05-10 21:30:55
2575
原创 jquery选项卡
下面是我写的简单的jquery选项卡，先讲讲主要用到的那些函数index()函数，获取索引值，因为一个选项卡对应相应的内容siblings()函数，当点击某个选项卡时，要使其它几个姊妹元素的display属性设置为none具体代码请看下面<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>D
2016-05-09 20:37:43
3317
原创 jquery获取ul中li的值
通过点击li标签，把值赋给一个文本框以下是HTML 您所选取的值为： 选项1 选项2 选项3 选项4 选项5 JS代码 $(document).
2016-05-09 15:42:39
35235
原创 DOM操作，javascript动态生成表格
javascript动态生成表格，主要是利用DOM创建节点。 所利用到的函数主要有以下三个：document.createElement()document.gerElementByTagName()document.appendChild()以下是简单的源代码：<!doctype html><html><head><meta charset="utf-8"><title>Dom操
2016-03-30 21:01:14
3164
原创 Javascript冒泡排序
下面是用javascript写的冒泡排序<script type="text/javascript"> function bubbling(objectarry, count){//objectarry所要排序的数组，count数组元素的个数 var i,j,temp; for(i
2016-03-14 20:08:39
554
原创 模仿百度搜索界面
下面是我模仿百度首页所写的Html和css代码，在写代码测试的时候，发现了个小问题，就是两个button之间有间距，和之间，刚开始先想到的是margin问题，设置margin为0也不行，最后才恍然大悟，原来要设置float属性，也就是float:left。<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="te
2016-03-12 20:44:38
2415
1
原创 JavaScript常见的数据类型
javascript中有五种基本数据类型: 1. string(字符类型)； 2. Number(数值)； 3. Null(空值,表示一个空对象指针)； 4. Boolen(布尔值) 5. Undefined（一个值，特殊类性值） 还有一种复杂的数据类型Object下面举个例子直观的理解下：<script> var a, b = null, c = "", d = 21,
2016-03-05 16:12:30
624
原创 JavaScript递归函数
递归算法，简单来说就是在函数内部调用函数自己。 递归算法简化了一些计算流程，但是在某些方面效率不行，下面介绍两个例子<script> function bacckFunction(n){ if (n<=1) return 1; return n*bacckFunction(n-1); } alert(bacckFunctio
2016-03-04 19:30:10
413
原创 详解Jquery .css()方法
.css（）方法 获取匹配元素集合中的第一个元素的样式属性的值 或 设置每个匹配元素的一个或多个CSS属性。 语法： .css(propertyName) .css(propertyNames,values) propertyName：css属性名， values：属性值示例：<!DOCTYPE html><html><head> <style>div { wid
2016-03-03 17:52:19
436
空空如也
控制台怎么去除ajax成功后的消息
2017-02-06
css 文件里 content: "\e016"; 什么意思
2017-01-24
登录地址后的字符串是干嘛的？
2017-01-13
怪异的执行顺序 ，大家看看什么问题
2017-01-12
jquery ajax 赋值问题 undefined
2017-01-05
thinphp分页问题（由于数据显示页有post请求导致，点击下一页出现BUG）
2016-08-01
TA创建的收藏夹 TA关注的收藏夹
TA关注的人