2019 年 3月随笔档案 - Web引领者

dos命令及github介绍

摘要：dos命令：（不区分大小写）（尽量不要用汉字） 1.打开终端的快捷方式： window+r 输入cmd 或点击开始栏输入cmd 2.终端的目录：c盘默认 user/administator；想在某个文件夹下打开终端：按shift+右击有个在此处打开命令窗口；点击：在此处打开powersh 阅读全文

posted @ 2019-03-29 15:43 Web引领者阅读(351) 评论(0) 推荐(0)

无缝轮播的案例及css3无缝轮播案例

摘要：无缝轮播的案例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>无缝轮播</title> <style> *{ margin:0; padding:0; } div{ width:1000px; height:200px; p 阅读全文

posted @ 2019-03-28 15:10 Web引领者阅读(430) 评论(0) 推荐(0)

es6 class函数的用法，及兼容程度

摘要：//es6中 class的新特性：面向对象的方式 class name{ fram(){ var div=document.getElementById("div"); div.style.background="blue"; } } var nam=new name; //nam 实例对象 nam 阅读全文

posted @ 2019-03-27 19:24 Web引领者阅读(880) 评论(0) 推荐(0)

get和post的解析

摘要：get 直接获取数据 post 将数据发送到服务端缓存下来，当无法缓存数据或用户输入未知字符时用post， get：常用于数据 post：不想缓存数据，不再浏览器中缓存数据，在服务端可以，因为取数据及时更新；利用：Ajax缓存，想get Ajax缓存总结： get：浏览器会将数据缓存的功能，方便阅读全文

posted @ 2019-03-27 18:21 Web引领者阅读(336) 评论(0) 推荐(0)

优化性能之图片的懒加载（封成插件，可直接使用）

摘要：//懒加载插件 function imgload(){ var img=document.getElementsByTagName("img"); //所有图片加载； function loas(){ for(var i=0;i<img.length;i++){ if(img[i].lasd==tr 阅读全文

posted @ 2019-03-26 20:05 Web引领者阅读(372) 评论(0) 推荐(0)

js多次触发事件，在一定延迟内只执行一次（事件累加）

摘要：js多次触发事件，在一定延迟内只执行一次的案例： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .div{ width:200px; height:200px; background:red; 阅读全文

posted @ 2019-03-26 15:30 Web引领者阅读(5638) 评论(0) 推荐(0)

window的三大功能，行内样式获取的讲解 getcomputerStyle

摘要：window的三大功能： js引擎 dom渲染获取行内中css的属性： chrome和Firefox加上 ie9+（所谓的高级浏览器）用的方法： window.getComeputerStyle(div) ie9以下的低版本浏览器： div.currentStyle() 阅读全文

posted @ 2019-03-25 20:47 Web引领者阅读(527) 评论(0) 推荐(0)

延迟加载讲解

摘要：延迟加载（懒加载）优化网页性能的一种方式，针对图片；什么时候图片可以加载？整张图片出现在可视区内就加载，滚轮卷走的高度（scrollTop），加上窗口的高度（clientHeight）大于等于图片的（相对定位加图片的高）offsetTop和offsetHeight 说明整个图片在可视区而且阅读全文

posted @ 2019-03-22 15:24 Web引领者阅读(209) 评论(0) 推荐(0)

懒加载（延迟加载的案例）（单张案例）（多张案例）

摘要：//单张图片的案例 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style> .a{ width:200px; height:200px; margin:1000px auto; background:# 阅读全文

posted @ 2019-03-22 14:45 Web引领者阅读(506) 评论(0) 推荐(0)

得到body相对定位的插件

摘要：相对body定位的插件 function offset(ele){ //该元素到父级水平定位的距离 var le=ele.offsetLeft; //该元素到父级垂直定位的距离 var to=ele.offsetTop; //该元素到相对父级 var parent=ele.offsetParent; 阅读全文

posted @ 2019-03-22 14:31 Web引领者阅读(196) 评论(0) 推荐(0)

改变端口的方法phpstudy

摘要：document.ready 一个页面可以用无数次； window.onload 一个页面只能用一次，并且在最顶层；用户交互：用户在网页上的一些行为；服务交互：Ajax；组件：（白话：按照我的规则来，实现我的效果）组件注意的事项：id，class尽量不要随便变换，只能添加；改变端口的方法：阅读全文

posted @ 2019-03-20 18:40 Web引领者阅读(703) 评论(0) 推荐(0)

弹性势能，position，min用法，获取元素的宽

摘要：弹性势能：网页div移动的mousemove的次数，跟div移动的距离没有关系，跟鼠标移动的快慢有关，浏览器自身有个计数事件，几毫秒 _this.seed*=0.95 //摩擦系数的写法 position：相对于父级的偏移量 offset：相对于文档的偏移量 var height=[]; Math 阅读全文

posted @ 2019-03-19 18:30 Web引领者阅读(162) 评论(0) 推荐(0)

3d图像坐标轴及css3属性的讲解

摘要：3d立体坐标轴如有不知道各种插件的怎么办？网上查，百度 1.css选择器： 1.id 2.class 3.标签 4.子代 5.后代 6.交集 7.并级 8.通配符 9.结构 10.伪类 11.属性 12.相邻 13.兄弟 2.浏览器的内核谷歌的内核：webkit Firefox（火狐）的内核：阅读全文

posted @ 2019-03-18 17:43 Web引领者阅读(2018) 评论(0) 推荐(0)

Ajax的兼容及Ajax的缓存问题

摘要：Ajax的兼容：在ie 6 7 8 不支持XMLHttpRequest的对象；他的Ajax内置对象为ActiveXObject("Microsoft XMLHTTP") 除了内置对象不一样外，剩下的都一样兼容性的处理方法： var http; if(window.XMLHttpRequest) 阅读全文

posted @ 2019-03-15 11:09 Web引领者阅读(210) 评论(0) 推荐(0)

Ajax中最有名axios插件（只应用于Ajax）（post方法，官网写错了，应是字符串格式）

posted @ 2019-03-15 09:37 Web引领者阅读(269) 评论(0) 推荐(0)

文档碎片及xml讲解

摘要：1.将数据渲染到页面的几种方式 1.字符串拼接 2.dom循环 3.模板 4.文档碎片字符串拼接：优势：只进行一次dom回流缺点：原有的dom事件会消失案例分析：原有list中有3个li，并且每个li身上都有一个onmouseover的事件，但是为什么用字符串拼接，事件会消失？解析：原因在阅读全文

posted @ 2019-03-14 11:32 Web引领者阅读(327) 评论(0) 推荐(0)

Ajax的课外了解

摘要：Ajax传入的数据的话，只能是字符串或数字，字段，其他形式的传参都不可以； Ajax只是跟后台交互也有同源策略的限制；不是当前服务器叫跨域； Ajax也有同源策略的限制想做跨域处理，只能通过script标签中的src属性才可以； access同源策略的报错；别人的接口，通过cb或callback 阅读全文

posted @ 2019-03-13 15:12 Web引领者阅读(109) 评论(0) 推荐(0)

php的基本内容

摘要：php是一门后台语言，不能直接用浏览器打开，浏览器是他的载体， php的环境时apache，我们现在用的时phpstudy的继承环境，文件目录应放在apache中的www的根目录下； js的环境为node php的语法：每一个结束语句后面都要加； php不能用浏览器打开，因为浏览器不是他的环境，他的阅读全文

posted @ 2019-03-13 10:36 Web引领者阅读(199) 评论(0) 推荐(0)

jQuery中的跨域问题

摘要：jQuery中的Ajax的跨域问题 jsonp跨域问题：回调函数中的字符串； cb或callback jsonpcallback：跟的是cb后面的函数，主要自己写；数据中的函数fn(数据) 目前是这样的接口；js文件 Ajax获取只能获取当前服务器下的数据；前台给后台提交的数据； 1.get 看阅读全文

posted @ 2019-03-12 18:40 Web引领者阅读(757) 评论(0) 推荐(0)

跨域的案例以百度接口/手写接口为例，还有jQuery写法

摘要：仅在js部分输入即可百度接口的案例 <script> function fn(data){ console.log(data) } </script> <script src="https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd=b&js 阅读全文

posted @ 2019-03-11 19:29 Web引领者阅读(460) 评论(0) 推荐(0)

跨域问题及jQuery中Ajax传参的讲解

摘要：1.跨域：不再同一服务器下，就是协议，域名，端口，有一个不一样；浏览器对于javascript的同源策略的限制；案例：以 http://172.164.23:8088/ 为例相同域名：172.164.13 （也称为ip地址）相同端口：:8088 (端口)；相同协议：http 互联网的协议阅读全文

posted @ 2019-03-11 17:40 Web引领者阅读(690) 评论(0) 推荐(0)

Ajax的总结

摘要：1.运行Ajax的环境，在服务器上才可以实现他的功能，客户端等别的地方，虽然也可以运行，但是功能一定是不全的，有可能很多东西都不会发生反应； 2.传参 (只写关键步骤) (必须在服务器上运行) get （看得见，传输数据小） xml.open("get","01.php?name=zhang",tr 阅读全文

posted @ 2019-03-08 07:57 Web引领者阅读(142) 评论(0) 推荐(0)

Ajax传参讲解

摘要：客户端和服务器 1.请求：request 2.响应：response 服务器响应事件：onreadystatechange() send() 用于向后台传递参数； Ajax的请求方式 get: 看得见，传送数据小，通过网络地址 post: 看不见，传送数据大一些，通过http中的某个对象的一个bod 阅读全文

posted @ 2019-03-07 18:54 Web引领者阅读(1415) 评论(0) 推荐(0)

Ajax讲解

摘要：Apache 服务器 Mysql 数据库 window+R 打开终端的快捷键 window+R==>cmd==>ipconfig 电脑上所有的网络信息以太网，IP下，互联网下的IP地址 phpstudy 有一个www的文件，意为根目录，index.html 要放他的下面改完终端的东西，要点击重启阅读全文

posted @ 2019-03-06 17:12 Web引领者阅读(185) 评论(0) 推荐(0)

checked和stop()的讲解

摘要：input:cheacked (属性选择器)； checked 选中复选框 $("p").stop(ture); 代码的翻译：（参数）布尔值 p身上所有的动画都停止了加不加true的区别：加true：将被选元素的动画都终止了不加true：将该元素当前的动画终止，但是，该元素接下来的动画就开始执行阅读全文

posted @ 2019-03-06 16:28 Web引领者阅读(163) 评论(0) 推荐(0)

Ajax.js

摘要：原生js Ajax的插件将其封装起来 function ajax(method,url,boo,fn){ //创建Ajax的实例对象 var xmlhttp=new XMLHttpRequest(); //像后台发送请求 xmlhttp.open(method,url,boo); //发送 xml 阅读全文

posted @ 2019-03-06 15:18 Web引领者阅读(233) 评论(0) 推荐(0)

鼠标滚动的案例

摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } html,body{ width: 100%; heigh 阅读全文

posted @ 2019-03-05 16:26 Web引领者阅读(220) 评论(0) 推荐(0)

jQuery版本问题，及事件源

摘要：jQuery版本的分界线是2.0 2.0之前很多方法支持ie低版本，2.0之后就不支持了工具：index() 指定元素的索引（有参数）不传参的情况下，父级元素下同级元素的排名，传参：指定元素的索引；事件机制：event对象 screen：屏幕；事件event target：事件源； eve 阅读全文

posted @ 2019-03-04 18:38 Web引领者阅读(177) 评论(0) 推荐(0)

jQuery轮播

摘要：我找的是京东的轮播图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>轮播</title> <script src="jQuery.js"></script> <style> div,ul,li,button,img{ marg 阅读全文

posted @ 2019-03-01 15:59 Web引领者阅读(102) 评论(0) 推荐(0)

jQuery的杂项

摘要：<script src="引入插件"></script> 位置应写在head中，在http协议中，当你浏览网页时，会先加载head里面的东西刷新页面时，也不会刷新head里面的东西；所以也不会造成刷新页面一直要刷新插件的情况注意：如果后面写的东西依赖前面的文件，那么前面的文件一定要在写的东西的（阅读全文

posted @ 2019-03-01 11:25 Web引领者阅读(99) 评论(0) 推荐(0)

jQuery的遍历

摘要：jQuery有众多的方法，但是有些方法过于累赘，所以就精简了一些重要的方法，记住这些方法的（名字，功能，参数） jQuery的遍历 1.add() 将元素添加到集合中 2.children() 返回被选元素的所有直接子元素，有个参数（选填）可以得到具体的哪一种标签元素 3.find() 返回被选元阅读全文

posted @ 2019-03-01 11:08 Web引领者阅读(132) 评论(0) 推荐(0)