2016 年 11月随笔档案 - Pеcu❤lian

jQuery超酷下拉插件6种效果演示

摘要：jQuery超酷下拉插件6种效果演示原始的下拉框很丑啦，给大家一款jQuery超酷下拉插件6种效果效果预览下载地址实例代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <div class="container"> <se 阅读全文

posted @ 2016-11-30 23:00 Pеcu❤lian 阅读(143) 评论(0) 推荐(0)

jQuery10种不同动画效果的响应式全屏遮罩层

摘要：遮罩层有很多今天介绍这个jQuery10种不同动画效果的响应式全屏遮罩层效果预览下载地址实例代码 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 阅读全文

posted @ 2016-11-30 22:56 Pеcu❤lian 阅读(291) 评论(0) 推荐(0)

CSS3与页面布局学习总结——Box Model、边距折叠、内联与块标签、CSSReset

摘要：目录一、盒子模型（Box Model） 1.1、宽度测试 1.2、溢出测试 1.3、box-sizing属性 1.4、利用CSS画图二、边距折叠 2.1、概要 2.2、垂直方向外边距合并计算三、内联与块级标签 3.1、行内标签与块标签区别 3.2、隐藏 3.3、行内块标签 3.4、菜单示例四阅读全文

posted @ 2016-11-29 23:16 Pеcu❤lian 阅读(478) 评论(0) 推荐(0)

用php实现一个简单的链式操作

摘要：最近在读《php核心技术与最佳实践》这本书，书中第一章提到用__call()方法可以实现一个简单的字符串链式操作，比如，下面这个过滤字符串然后再求长度的操作，一般要这么写：那么能否实现下面这种写法呢？下面就来试下。链式操作，说白了其实就是链式的调用对象的方法。既然要实现字符串的链式操作，那么就阅读全文

posted @ 2016-11-28 23:31 Pеcu❤lian 阅读(227) 评论(0) 推荐(0)

关于php语言的使用！

摘要：php语言与JavaScript的使用方法是相似 <script type="text/javascript"> </script>--js与PHP同是一种弱类型语言弱类型语言只是不显示表现定义变量时系统自动给默认了所以在定义PHP的变量时可以定义变量如图1： PHP中的常用语句： $a= 阅读全文

posted @ 2016-11-27 22:53 Pеcu❤lian 阅读(207) 评论(0) 推荐(0)

前端学PHP之文件操作

摘要：前面的话在程序运行时，程序本身和数据一般都存在内存中，当程序运行结束后，存放在内存中的数据被释放。如果需要长期保存程序运行所需的原始数据，或程序运行产生的结果，就需要把数据存储在文件或数据库。一般地，小型数据存储在文件中，海量数据存储在数据库中。本文主要介绍php中目录和文件的基本操作文件类型阅读全文

posted @ 2016-11-26 23:34 Pеcu❤lian 阅读(242) 评论(0) 推荐(0)

Javascript 封装方法

摘要：基本封装方法请看下面的例子： var Person = function(name,age){ this.name = name; this.age = age || "未填写"; this.hobbys = []; } Person.prototype = { sayName:function( 阅读全文

posted @ 2016-11-26 16:29 Pеcu❤lian 阅读(262) 评论(0) 推荐(0)

纯CSS3写的10个不同的酷炫图片遮罩层效果

摘要：这个是纯CSS3实现的的10个不同的酷炫图片遮罩层效果，可以欣赏一下在线预览下载地址实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 3 阅读全文

posted @ 2016-11-24 22:04 Pеcu❤lian 阅读(162) 评论(0) 推荐(0)

【夯实Mysql基础】记一次mysql语句的优化过程

摘要：1. 【事件起因】今天在做项目的时候，发现提供给客户端的接口时间很慢，达到了2秒多，我第一时间，抓了接口，看了运行的sql，发现就是 2个sql慢，分别占了1秒多。一个sql是链接了5个表同时使用了 2个 order by和 1个limit的分页 sql。一个sql是上一个sql的count 阅读全文

posted @ 2016-11-24 21:59 Pеcu❤lian 阅读(174) 评论(0) 推荐(0)

mysql数据库学习目录

摘要：前面的话对于前端工程师来说，数据库并不是主要技能点，但是基本的增删改查操作还是需要了解的。小火柴将mysql数据库的学习记录整理如下目录前端学数据库之基础操作前端学数据库之数据类型前端学数据库之数据表操作前端学数据库之记录操作前端学数据库之中文乱码前端学数据库之子查询前端学数据库之阅读全文

posted @ 2016-11-23 22:47 Pеcu❤lian 阅读(116) 评论(0) 推荐(1)

MAC下GitHub命令操作

摘要：由于GitHub实在太有用了~~ ，各种源代码，开源工程，经常需要下载下来使用和学习，或者自己的代码需要上传之类的，尽管有“GitHub for Mac”工具，但是作为一名程序猿！！还是研究一下终端命令的用法！！这样显得高端大气上档次！哈哈！首先：创建GitHub账号： https://gi 阅读全文

posted @ 2016-11-23 22:36 Pеcu❤lian 阅读(340) 评论(0) 推荐(0)

CSS居中布局总结

摘要：居中布局 <div class=”parent”> <div class=”child”>demo</div> </div> 1.水平居中 1> 方案一 inlink-block+text-align .child {display:inlink-block;} .parent {text-alig 阅读全文

posted @ 2016-11-22 21:41 Pеcu❤lian 阅读(215) 评论(0) 推荐(0)

Jquery的普通事件和on的委托事件

摘要：以click的事件为例：普通的绑定事件：$('.btn').click(function(){})绑定 on绑定事件:$(documnet).on('click','btn2',function(){}) 那么两种方式的区别到底是什么呢？我们以一个例子来说下区别 ①click事件是在页面加载后，阅读全文

posted @ 2016-11-22 21:32 Pеcu❤lian 阅读(184) 评论(1) 推荐(0)

sass基础用法

摘要：SASS是什么传统的CSS是一种单纯的描述性样式文件，然而SASS可以对CSS进行预编译处理。在SASS源码中可以使用变量、函数、继承等动态语言的特性，并且可以编译成CSS文件。安装与使用安装由于sass是ruby写的，所以想要使用sass就需要安装ruby环境。然后再使用gem安装sas 阅读全文

posted @ 2016-11-21 23:30 Pеcu❤lian 阅读(453) 评论(0) 推荐(0)

JS中常遇到的浏览器兼容问题和解决方法

摘要：今天整理了一下浏览器对JS的兼容问题，希望能给你们带来帮助，我没想到的地方请留言给我，我再加上；常遇到的关于浏览器的宽高问题： event事件问题： DOM节点相关的问题，我直接封装了函数，以便随时可以拿来使用： document.getElementsByClassName问题：获取元素的非行阅读全文

posted @ 2016-11-20 22:28 Pеcu❤lian 阅读(1625) 评论(1) 推荐(1)

jquery.validation.js 表单验证

摘要：jquery.validation.js 表单验证官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation jQuery plugin: Validation 使用说明一导入js库 <script src="../js/ 阅读全文

posted @ 2016-11-19 20:44 Pеcu❤lian 阅读(910) 评论(0) 推荐(0)

JavaScript 精粹

摘要：数据类型 JavaScript 是弱类型语言，但并不是没有类型，JavaScript可以识别下面 7 种不同类型的值：基本数据类型 Boolean Number String null undefined Symbol Object Array RegExp Date Math ... 可以使阅读全文

posted @ 2016-11-18 23:37 Pеcu❤lian 阅读(369) 评论(1) 推荐(0)

jQuery学习笔记（四）：attr()与prop()的区别

摘要：这一节针对attr()与prop()之间的区别进行学习。先看看官方文档是如何解释两者之间功能差异的： attr() Get the value of an attribute for the first element in the set of matched elements or set on 阅读全文

posted @ 2016-11-17 20:59 Pеcu❤lian 阅读(381) 评论(0) 推荐(0)

jQuery学习笔记（三）：选择器总结

摘要：这一节详细的总结jQuery选择器。一、基础选择器二、基本过滤器基本选择器获取的元素集合，通过过滤器的筛选，使选择更加精确。三、内容过滤器 jQery准备了内容过滤器用于对选择的元素集合内容进行过滤。统一名称：空元素：不包含任何后代元素或文本内容的元素，如<div></div> 非空元素阅读全文

posted @ 2016-11-17 20:57 Pеcu❤lian 阅读(265) 评论(0) 推荐(0)

jQuery学习笔记（二）：this相关问题及选择器

摘要：上一节的遗留问题，关于this的相关问题，先来解决一下。 this的相关问题 this指代的是什么这个应该是比较好理解的，this就是指代当前操作的DOM对象。在jQuery中，this可以用于单个对象，也可以用于多个对象。 jQuery中的this和$(this)有什么区别 jQuery中的t 阅读全文

posted @ 2016-11-16 22:08 Pеcu❤lian 阅读(402) 评论(1) 推荐(0)

jQuery学习笔记（一）：入门

摘要：最近在学习jQuery，在网上看到有几篇关于jQuery的文章，写的不错转载过来跟大家分享一下；一、JQuery是什么 JQuery是什么？始终是萦绕在我心中的一个问题：借鉴网上同学们的总结，可以从以下几个方面观察。不使用JQuery时获取DOM文本的操作如下： 1 document.getE 阅读全文

posted @ 2016-11-16 22:04 Pеcu❤lian 阅读(378) 评论(0) 推荐(2)

JS_ECMA基本语法中的几种封装的小函数-2

摘要：大家好！今天继续给大家写一下ECMA中的剩下的小函数以及实用的实例：首先先给大家说一下字符串、数组、数学方法以及json的一点小知识点: 字符串方法: str.length str.charAt(i):取字符串中的某一个; str.indexOf('e');找第一个出现的位置;找不到返回-1; s 阅读全文

posted @ 2016-11-15 22:54 Pеcu❤lian 阅读(435) 评论(0) 推荐(2)

JS_ECMA基本语法中的几种封装的小函数-1

摘要：今天给大家介绍js ECMA中几个封装的小函数以及一些常用的函数小案例； 1，找重复的函数 2 随机数函数 3 补零的函数 4 求和 5 获取非行间样式的函数.html 下面再给大家介绍几个使用的案例 1 双色球 2 升级版全选（类似于购物车的效果） 3 升级版本的选项卡好了今天就给大家分享到这阅读全文

posted @ 2016-11-14 23:05 Pеcu❤lian 阅读(388) 评论(0) 推荐(1)

DOM_06之定时器、事件、cookie

摘要：1、定时器：①任务函数：函数结尾判断临界值；②启动定时器：a、周期性：timer=setInterval（任务函数，interval）；b、一次性：timer=setTimeout（任务函数，wait）；③停止定时器：a、周期性：clearInterval（timer）；timer=null；b、一阅读全文

posted @ 2016-11-13 20:15 Pеcu❤lian 阅读(163) 评论(0) 推荐(0)

DOM_05之DOM、BOM常用对象

摘要：1、HTML DOM常用对象之Table：①创建：createTHead（）；createTBody（）；createTFoot（）；②删除：deleteTHead（）；deleteTFoot（）；③tHead下：insertRow（i）；deleteRow（i）；*（i相对与当前行分组的位置；）；阅读全文

posted @ 2016-11-13 20:14 Pеcu❤lian 阅读(160) 评论(0) 推荐(0)

DOM_04之常用对象及BOM

摘要：1、添加：①var a=document.createElement（“a”）；②设置关键属性；③将元素添加到DOM树：a、parent.appendChild（a）；b、parent.insertBefore（a，old）；c、parent.replaceChlid（a，old）； 2、优化：尽量阅读全文

posted @ 2016-11-12 22:01 Pеcu❤lian 阅读(241) 评论(0) 推荐(0)

DOM_03之元素及常用对象

摘要：1、修改样式：访问内联样式：elem.style.css属性名；获得其他：var style=getComputerStyle（elem）；*（* 获得焦点onfocus；失去焦点onblur；）； 2、修改内外部样式属性：①获得样式表对象：var sheet=document.styleSheet 阅读全文

posted @ 2016-11-12 21:58 Pеcu❤lian 阅读(190) 评论(0) 推荐(0)

正则表达式的基本

摘要：5.输入框只能输入数字.html 6.过滤敏感词1.html 阅读全文

posted @ 2016-11-10 23:17 Pеcu❤lian 阅读(284) 评论(0) 推荐(0)

DOM_02之查找及元素操作

摘要：1、查找之按节点间关系查找周围元素； 2、查找之HTML属性：①按id查找：var elem=document.getElementById（“id”）；找到一个元素，必须document调用；②按标签名：var elems=parent.getElementsByTagName（“标签名”）；在指阅读全文

posted @ 2016-11-10 22:22 Pеcu❤lian 阅读(165) 评论(0) 推荐(0)

负边距在布局中的使用

摘要：负边距在布局中的使用负边距即margin属性的值设为负值，在CSS布局中时一个很有用的技巧。值为正的场景很常见，大家都很熟悉其表现当margin-top、margin-left为负值的时候，会把元素上移、左移，同时文档流中的位置也发生相应变化,这点与position:relative的元素设置t 阅读全文

posted @ 2016-11-09 21:39 Pеcu❤lian 阅读(176) 评论(0) 推荐(0)

cookie的设置、获取以及删除

摘要：首先介绍一下cookie的基本信息： cookie是以域为单位的，它必须放在服务器的的环境下，但是cookie的容量小，只有4kb，并且也不安全，还有入股cookie的名字相同，会修改或者覆盖原来的值，如果名字不同，会添加一条cookie；接下来再和大家说一声关于获取cookie：获取到cook 阅读全文

posted @ 2016-11-09 21:34 Pеcu❤lian 阅读(472) 评论(0) 推荐(1)

DOM_01之树及遍历

摘要：1、DOM：ECMAScript+DOM+BOM，Document Object Model，核心DOM+HTML DOM+XML DOM； 2、辨析：①HTML：专门编写网页内容的语言；②XHTML：更严格的HTML标准；③DHTML：一切实现动态网页效果的技术统称，DHTML=HTML+CSS+ 阅读全文

posted @ 2016-11-08 21:47 Pеcu❤lian 阅读(206) 评论(0) 推荐(0)

js基础知识点总结

摘要：如何在一个网站或者一个页面，去书写你的js代码:1.js的分层(功能):jquery(tool) 组件(ui) 应用(app),mvc(backboneJs)2.js的规划():避免全局变量和方法(命名空间,闭包,面向对象),模块化(seaJs,requireJs) 常用内部类:Data Array 阅读全文

posted @ 2016-11-07 21:57 Pеcu❤lian 阅读(260) 评论(1) 推荐(1)

精选30个优秀的CSS技术和实例

摘要：投递人墙头草发布于 2008-12-06 20:57 评论(97) 有17487人阅读原文链接 [收藏] « » 今天，我为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例，您将在这里发现很多与众不同的技术，比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CS 阅读全文

posted @ 2016-11-07 20:30 Pеcu❤lian 阅读(253) 评论(1) 推荐(2)

两列自适应布局

摘要：目的：想要在网页中实现自适应两列布局，即左边一列是固定宽度的，右边一列的宽度等于屏幕宽减去左边的宽度（或相反）。分析：需要满足三个要求： ①两个盒子在同一行 ②右边的盒子需要占满剩下的空间 ③两个盒子不能重叠这三个条件又分别有很多种实现方法（不考虑绝对定位）：组合起来，会有很多种实现方式。阅读全文

posted @ 2016-11-06 13:29 Pеcu❤lian 阅读(221) 评论(0) 推荐(1)

函数的四种调用模式

摘要：1 函数模式最普通的函数调用 1 // 声明式函数 2 function fn1 () { 3 console.log(this); 4 } 5 // 函数表达式函数 6 var fn2 = function() { 7 console.log(this); 8 }; 9 // 调用函数中thi 阅读全文

posted @ 2016-11-06 13:24 Pеcu❤lian 阅读(197) 评论(0) 推荐(1)

多功能旋转木马轮播实例

摘要：今天项目需要用到旋转木马轮播功能，需要显示个可以切换的选项，这几个选项也许是图片，也许是文字，也许是一个iframe页面，也有可能是图文混排，还可能需要支持调用接口数据，需要显示多条信息，最少3条，最多不限，可能有10条，可能有10000条，于是就有了下面这个实现方法，看上去已经很完美了（样式和具体阅读全文

posted @ 2016-11-05 21:25 Pеcu❤lian 阅读(315) 评论(0) 推荐(1)

你知道吗？Web的26项基本概念和技术

摘要：这是我在网上看到一篇不错的文章，拿出来与大家分享一下；希望有所帮助作者: 小鱼来源: 前端里发布时间: 2014-08-01 22:56 阅读: 10477 次推荐: 51 原文链接 [收藏] Web开发是比较费神的，需要掌握很多很多的东西，特别是从事前端开发的朋友，需要通十行才行。今天，本阅读全文

posted @ 2016-11-05 00:24 Pеcu❤lian 阅读(152) 评论(0) 推荐(1)