dican4652-CSDN博客

转载滚动视差？CSS 不在话下

何为滚动视差视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果，带来非常出色的视觉体验。作为网页设计的热点趋势，越来越多的网站应用了这项技术。通常而言，滚动视差在前端需要辅助 Javascript 才能实现。当然，其实 CSS 在实现滚动视差效果方面，也有着不俗的能力。下面就让我们来见识一二：认识backgroun...

2018-11-05 12:00:00 174

转载使用vue-awesome-swiper滑块插件

基于之前写的vue2.0 + vue-cli + webpack 搭建项目（ vue-awesome-swiper版本：3.1.3 ,swiper4，如果成功后没报错，但不显示分页样式，可能版本对不上）1.进入项目目录，安装swipernpm install vue-awesome-swiper --save2.引入资源（main.js文件)import Vu...

2018-03-12 15:27:00 187

转载 px2rem-loader（Vue:将px转化为rem，适配移动端）

转载：https://www.cnblogs.com/WQLong/p/7798822.html1.下载lib-flexible使用的是vue-cli+webpack，通过npm来安装的npm i lib-flexible --save2.引入lib-flexible在main.js中引入lib-flexibleimport 'lib-flexible...

2018-03-08 15:28:00 382

转载常用sql语句

插入：//sql插入语句$query = "INSERT INTO table(name,openid) VALUES ('$name','$openid')";查询：//sql条件查询语句 $query = "select * from table where ygh=$ygh and password=$pass";//sql条件查询语句（...

2018-03-02 15:09:00 147

转载 js获取base64格式图片预览上传并用php保存到本地服务器指定文件夹

html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <input id="l...

2018-03-02 14:22:00 422

转载 js微信禁止分享

2018-02-01 16:33:00 100

转载 form表单简易注册登陆

注册页面：html<form action="updata.php" method="post" id="text_form"> <div class="yuanGongH ipt">员工号：<input type="text" id="ygh" value="" name="ygh"></div&g...

2018-01-31 18:18:00 272

转载 vue axios全攻略

转载：https://www.cnblogs.com/libin-1/p/6607945.html功能特性在浏览器中发送XMLHttpRequests请求在 node.js 中发送http请求支持PromiseAPI拦截请求和响应转换请求和响应数据自动转换 JSON 数据客户端支持保护安全免受XSRF攻击引入方式：$ np...

2018-01-30 11:14:00 93

转载 vue生命周期简介和钩子函数

转载：http://blog.csdn.net/qq_15766181/article/details/73549933钩子就好像是把人的出生到死亡分成一个个阶段，你肯定是在出生阶段起名字，而不会在成年或者死亡的阶段去起名字。或者说你想在出生阶段去约炮，也是不行的。组件也是一样，每个阶段它的内部构造是不一样的。所以一般特定的钩子做特定的事，比如ajax获取数据就可以在mounted阶...

2018-01-30 10:45:00 154

转载 php连接数据库插入数据

<form action="updata.php" method="post"> 姓名：<input type="text" value="" name="uname"> 年龄：<input type="text" value="" name="uage"> 属性：<input type="text" value="" n...

2018-01-29 15:29:00 328

转载关于HTTP协议（转）

HTTP简介HTTP协议是Hyper Text Transfer Protocol（超文本传输协议）的缩写,是用于从万维网（WWW:World Wide Web ）服务器传输超文本到本地浏览器的传送协议。HTTP是一个基于TCP/IP通信协议来传递数据（HTML 文件, 图片文件, 查询结果等）。HTTP是一个属于应用层的面向对象的协议，由于其简捷、快速的方式，适用于分布...

2018-01-18 11:37:00 200

转载 js正则

js 正则表达式一、正则表达式的作用：匹配一个字符串中的一些内容。二、声明和使用： /* 1.构造函数 var reg = new RegExp(/表达式/) 2.字面量 var reg = /表达式/ 推荐使用 eg: var reg = /abc/ 表示匹配含有abc 的字符串常用方法：reg.test("要检测的...

2018-01-17 10:53:00 621

转载 js阻止冒泡和默认事件

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>阻止冒泡和默认事件</title></head><body><button>阻止冒泡和默认事件&l...

2017-12-26 11:11:00 81

转载微信audio自动播放（ios播放问题）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://res.wx.qq.com/open/js/jweixin-1.0...

2017-12-12 16:41:00 113

转载 js节点

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .main{width: 400px;height: 400px;...

2017-12-11 11:14:00 107

转载 CSS 滤镜效果

本文所描述的滤镜，指的是 CSS3 出来后的滤镜，不是 IE 系列时代的滤镜，语法如下，还未接触过这个属性的可以先简单到MDN -- filter了解下：{ filter: blur(5px); filter: brightness(0.4); filter: contrast(200%); filter: drop-shadow(16...

2017-12-06 16:24:00 188

转载自定义单选框，复选框样式

<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style type="text/css"> input{width: 0;height: 0;positio...

2017-12-06 14:56:00 129

转载 iType.js仿输入文字效果

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><span id="ityped"></sp...

2017-11-27 13:51:00 106

转载 css上下左右居中

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html,body{ width: 10...

2017-11-13 16:54:00 280

转载 js的几种继承方式

1、原型链方式function Super(){ this.val = 1; this.arr = [1];}function Sub(){ // ...}Sub.prototype = new Super(); // 核心 var sub1 = new Sub();var sub2 = new Sub();su...

2017-11-08 16:23:00 60

转载 jquery ajax跨越

JSONP是一个非官方的协议，它允许在服务器端集成Script tags返回至客户端，通过javascript callback的形式实现跨域访问1、jsonp之$.ajaxjs$.ajax({ type: 'GET', url: 'http://localhost/ajax/jsonp.php', dataType:...

2017-11-08 15:44:00 107

转载 js构造函数+原型

注：普通对象与函数对象var o1 = {}; var o2 =new Object();var o3 = new f1();function f1(){}; var f2 = function(){};var f3 = new Function('str','console.log(str)');console.log(typeof Object...

2017-11-08 10:16:00 84

转载 less基础引用

1.介绍：Less 是一门 CSS 预处理语言，它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。Less 可以运行在 Node 或浏览器端。2.引用：（1）首先我们在项目下面新建一个less文件，命名为less.less，里面写入最简单的语法@base: #000000;p{ back...

2017-10-17 11:24:00 125

转载 vw单位相关

1.相对于视口的宽度。视口被均分为100单位的vwh1 { font-size: 8vw; }如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/1002.相对于视口的高度。视口被均分为100单位的vhh1 { font-size: 8vh; }如果视口的高度是200mm，那么上述代码中h1元素的字号将为16mm，即(8x200)/...

2017-10-12 18:10:00 221

转载移动端适配（rem单位定义方法）

注：移动端必须写：<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">1.首先设置html{font-size: 25px;}//页面宽度为html字体大小...

2017-09-22 11:31:00 189

转载 Vue.js系列之项目搭建（vue2.0 + vue-cli + webpack ）

1、安装node node.js环境（npm包管理器） cnpm npm的淘宝镜像从node.js官网下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入 node -v，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会显示出npm的版本信息。2、安装cn...

2017-09-20 11:09:00 163

转载 vue基础

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

2017-09-19 18:13:00 106

转载 webpack打包js，css和图片

1、webpack打包默认配置文件webpack.config.js2、打包js文件：有这个文件并配置可以直接在cmd上webpack打包，没有这个文件要在cmd上输入 webpack main.js build.js3、打包css文件：要在cmd上输入npm install style-loader css-loader 安装module.exports={ ...

2017-09-15 11:42:00 243

转载 js图片碎片效果（移动端也适用）

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="width=device-width, use...

2017-09-11 11:22:00 224

转载 pc端拖拽

var move=document.getElementsByClassName("page1_2")[0]; var startX=0; var startY=0; var x=0; var y=0; var off = 0; move.onmousedown=function (e) { var e...

2017-09-06 18:48:00 76

转载移动端拖拽

var move=document.getElementsByClassName("page1_2")[0]; var startX=0; var startY=0; var x=0; var y=0; var off = 0; move.addEventListener("touchstart", function (...

2017-09-06 18:28:00 80

转载原生js增加，移除类名

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .box{width: 200px;height: 200px;b...

2017-09-04 15:13:00 190

转载 js自执行函数

方式1、最前最后加括号(function(){ alert(1); }()); 方式2、function外面加括号(function(){ alert(1); })(); 方式3、function前面加运算符!function(){ alert(1); }(); 注：1、可以给立即执行函数传递参数2、立即函数内部是可以访问外部变量3、...

2017-08-23 09:13:00 97

转载页面加载初始化方法

第一种：　　$(document).ready(function(){ }); 第二种：　　$(function(){ }); 第三种：　　jQuery(function($) { }); 第四种：　　window.onload=function(){ } 转载于:https...

2017-08-22 15:47:00 135

转载 writing-mode，文字竖直书写，字符之间距离，单词之间距离

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> p{ background: yellowgreen;　　　　　　　...

2017-08-17 13:56:00 1263

转载 sessionStorage 和 localStorage

1、sessionStorage主要含几种方法（只有在同一个窗口才有效，随着浏览器关闭值清除）：（1） sessionStorage.obj = '123';　　var str = sessionStorage.obj; （2） sessionStorage.setItem(key,value);　　sessionStorage.gettIt...

2017-08-08 11:48:00 58

转载图片懒加载插件lazyload.js详解

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title></title><SCRIPT src="jquery.js" type=text...

2017-08-04 11:07:00 172

转载 git(转)

转载：http://www.cnblogs.com/my-freedom/p/5701427.html一、如何安装git下载地址：https://git-scm.com/download/win根据自己的电脑选择是32位的还是64位的。下载完后直接运行，之后一直next就好了。安装成功后，会有这样一个标志。二、如何使用git（1）首先你要点进去https:/...

2017-08-03 11:53:00 148

转载 php获取数据转换成json格式

<?phpheader("content-type:text/html;charset=utf-8");$con=mysql_connect("localhost","root","123456");mysql_select_db("style");mysql_query("set names utf8");$sql="select * from test"...

2017-07-25 18:33:00 96

转载 json字符串和对象的相互转换

JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。var obj= $.parseJSON(data);//jq中json字符串转换成json对象var ...

2017-07-25 18:30:00 66

空空如也

空空如也