YangL666-CSDN博客

原创 Vue总结知识

组件化跟模块化: 模块化:是从代码的角度分析问题,吧可复用的模块抽离为单独的模块commonJS就是模块化作用:提高了代码的复用率,提供模块作用域的概念,防止全局变量污染,方便了程序员之间互相调用组件化使用页面UI的角度进行分析问题; 吧页面中可复用的UI结构,抽离为单独的组件, 组件的好处,方便了UI结构的服用,随着项目的深入开发,手里的组件越来越多,开发更加方便 Vue中如何定义组件: 过...

2018-11-07 17:25:38 235

原创 Vue基础路由,链式编程

事件修饰符: 1 @click.stop 阻止事件冒泡(需要阻止那个标签的冒泡就将修饰符加到该标签的事件中) 2 @click.prevent 阻止事件默认行为 3 @click.capture 事件捕获模式 4 @click.shef 只有事件是通过自身被触发是调用事件处理函数(冒泡跟捕获都不会触发该事件) 5 @click.native 如果绑定事件的标签不是原生HTML是第三方组件,打多数...

2018-11-04 21:42:27 1530

原创行内块,跟算法优先级

块级元素行内元素跟行内元素的区别? 块级元素: 总是从新的一行开始, 宽高可以设置宽高默认是容器的100% 可以容纳内联元素和其他元素块级元素主要有:div ul li dl dt dd p h1-h6 行内元素: 跟其他行内元素在一行上, 设值宽高无效,但水平方向上的padding跟margin可以设置,垂直方向的无效默认宽度是它本身内容的宽度行内元素只容纳文本或者其他行内元素行...

2018-10-17 08:46:36 275

原创 git使用方法

环境配置 //[email protected] 配置密钥 ssh-keygen -t rsa -C “邮箱名字” 找SSH。然后绑定密钥绑定邮箱和用户名 git config --global user.email "[email protected]" git config --global user.name “你的用户名” 验证是否绑定成功 ———————————— 最常用的命令 git in...

2018-10-15 14:00:32 196

原创浏览器的内核分别是什么?

浏览器的内核分别是什么? IE: trident内核 Firefox：gecko内核 Safari：webkit内核 Opera：以前是presto内核，Opera现已改用Google Chrome的Blink内核 Chrome：Blink(基于webkit，Google与Opera Software共同开发) ...

2018-09-19 20:00:17 1891

原创行内元素有哪些？块级元素有哪些？空(void)元素有那些？

行内元素有哪些？块级元素有哪些？空(void)元素有那些？行内元素：a、b、span、img、input、strong、select、label、em、button、textarea 块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote 空元素：即系没有内容的HTML元素，例如：br、meta、hr、link、input、img ...

2018-09-19 19:55:37 478

原创 ajax发送请求

jquery中.get()提交和.get()提交和.get()提交和.post()提交有区别吗？相同点：都是异步请求的方式来获取服务端的数据；异同点： 1、请求方式不同：.get()方法使用GET方法来进行异步请求的。.get() 方法使用GET方法来进行异步请求的。.get()方法使用GET方法来进行异步请求的。.post() 方法使用POST方法来进行异步请求的。 2、参数传递方式不同：g...

2018-09-19 19:55:18 394

原创 Array 对象方法 JQuery有几种选择器?

Array 对象方法 concat() 连接两个或更多的数组，并返回结果。 join() 把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。 pop() 删除并返回数组的最后一个元素。 shift() 删除并返回数组的第一个元素 push() 向数组的末尾添加一个或更多元素，并返回新的长度。 unshift() 向数组的开头添加一个或更多元素，并返回新的长度。 reverse() 颠倒...

2018-09-19 19:52:29 301

原创谈谈垃圾回收机制方式及内存管理

谈谈垃圾回收机制方式及内存管理回收机制方式 1、定义和用法：垃圾回收机制(GC:Garbage Collection),执行环境负责管理代码执行过程中使用的内存。 2、原理：垃圾收集器会定期（周期性）找出那些不在继续使用的变量，然后释放其内存。但是这个过程不是实时的，因为其开销比较大，所以垃圾回收器会按照固定的时间间隔周期性的执行。 3、实例如下： function fn1() { var ob...

2018-09-19 19:51:08 1782

原创关于闭包的理解跨域的理解?

关于闭包的理解: 1 定义和用法: 函数嵌套函数,子函数调用父函数的变量,如果返回的函数被外部执行,就产生了闭包. 2 函数外部调用函数内部的变量. 变量作用域: 全局作用域跟局部作用域全局作用域是那都可以使用,局部作用域只能在一个区域内使用,外部不能访问,函数内部使用变量的时候要使用var声明,不然会成为全局作用域使用闭包的注意点: 滥用闭包,会造成内存泄漏,内存消耗大,造成网页性能问题,...

2018-09-19 19:48:49 343

原创 typeof 和instanceof的区别?

比较typeof跟instanceof的区别? 相同点:JavaScript中判断一个变量是否为空,或者是什么类型不同点: typeof: 返回的是一个字符串,用来说明数据类型返回的结果:number,string,underfind,Boolean, function object function typeof对于array跟null返回object,这正是typeof的局限性 insta...

2018-09-19 19:47:44 240

原创去除空格的方法

//方法一 var str =" 11 22 a “; // var str1 =str.replace(/\s*/g,”");//取出全部的空格 var str1 = str.replace(/^\s*$/g,"")//去除两边空格 console.log(str1); // 去除所有空格: str = str.replace(/\s*/g,""); // 去除两头空格: str = str....

2018-09-19 19:18:44 257

原创文件上传

2018-09-13 11:03:45 158

原创如何实现浏览器内多个标签页之间的通信？

如何实现浏览器内多个标签页之间的通信？方法一： localstorge在一个标签页里被添加、修改或删除时，都会触发一个storage事件，通过在另一个标签页里监听storage事件，即可得到localstorge存储的值，实现不同标签页之间的通信。方法二：使用cookie+setInterval，将要传递的信息存储在cookie中，每隔一定时间读取cookie信息，即可随时获取要传...

2018-09-07 20:33:19 546

原创 iframe有哪些缺点？

iframe有哪些缺点？ 1.iframe会阻塞主页面的onload事件 2.iframe和主页面共享连接池，而浏览器对相同域的连接有限制，所以会影响页面的并行加载。 3.iframe框架结构很迷惑，如果嵌套多个iframe页面的货出现多个滚动条，用户体验差； 4.代码复杂，不容易被搜索引擎搜索到，所以iframe不利于搜索引擎优化，很多搜索引擎爬虫还不能很好的处理iframe的内容；...

2018-09-07 20:30:56 3689 1

原创为定义宽高盒子的垂直水平居中的方法

<html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="

2018-09-07 20:28:33 321

原创数组去重的几种方法

&lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport" content=&

2018-09-07 19:46:20 503

原创 session与cookie的关系

(四) session与cookie的关系 a) 区别 i. COOKIE存储在浏览器，SESSION存储在服务器端 b) 数据安全性 i. SESSION存储在服务器端，不易获取，更加安全（cookie存储安全要求不高的信息） c) 传输的数据量 i. 每次请求，COOKIE传输量较大，传递该网站的的全部COOKIE数据 d) 支持的数据类型 i. cookie支持字符串 ii....

2018-09-05 15:49:04 195

原创将字符串"welcome-xi-an"从第二个单词开始首字母大写,然后拼接字符串返回

var str = 'miao-wei-ke-tang'; function toDa(str) { var arr = str.split('-'); for(var i = 1;i<arr.length;i++) { arr[i]=arr[i].substr(0,1).toUpperCase()+arr[i].substr(1); } r...

2018-09-05 08:47:53 1626

原创求一个数组的最大值

var arr = [-1,-3,1,10,5,3,8]; var max = Math.max.apply(this,arr); console.log(max); // 第二种方法 // var max = -infinity; var max = arr[0]; for(var i = 1; i < arr.length;i++) { ...

2018-09-05 08:42:45 573

原创用farmdata上传文件,视频,音频等显示进度

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-04 19:44:05 437

原创文件上传步奏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-04 15:51:01 406

原创 ajax请求代码

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="./css

2018-09-03 20:04:32 1419

原创 ajax相关知识点

一个对象如果没有对应的属性 n那么值是undefined location 这是当前页面的url‘地址栏上面的所有东西’ location.href 完整的url地址 location.search 前端js用来获取页面 ?name=zs这样的参数 ‘abc’.substr(0,2) 从0开始截2个 xhr.getResponseHeader(“content-type”) 获取...

2018-09-03 18:03:20 152

原创 ajax请求

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-01 19:55:30 162

原创 PHP基础知识总结，数组知识点等

1、写出下列几个预定义全局变量的作用 $_SERVER[‘DOCUMENT_ROOT’] //当前运行脚本所在的文档根目录 $_SERVER[‘HTTP_HOST’] //当前请求的HOST头部的内容 $_SERVER[‘REMOTE_ADDR’] //正在浏览当前页面的用户IP地址 $_SERVER[‘HTTP_REFERER’] //链接到当前页面的前一页面的URL地址 $_SERVER[‘...

2018-08-31 21:28:44 407

原创增删改查 PHP

1.创建连接--建立连接 $conn = mysqli_connect(主机或IP地址，用户名，密码，数据库名称); 如果连接成功，就返回一个连接对象(资源)，如果连接失败，返回false 2.设置编码：主要是解决浏览器出现乱码的问题 1.服务器端的编码和php的编码不一致：mysqli_set_charset($conn,"utf8") | mysqli_query($...

2018-08-31 20:20:55 270

原创 php 增加，更新，删除操作

<?php //设置当前PHP的返回值的编码 header('content-type:text/html;charset=utf8'); // 建立与服务器的链接 mysqli_connect 这个函数会自动打开连接 // 如果连接失败，会返回false ，失败的情况主要分下列几种情况 // Unknown database 'mybase1'：数据库找不到，请注意名称是否正确 // ...

2018-08-31 19:46:39 2620

原创 HTTP协议

HTTP协议 B/S网络结构 B/S，Brower/Server(浏览器/服务器)，是当前最流行的网络模式，将所有的功能放在服务器上，客户端只需要一个浏览器软件即可。 C/S，Client/Server(客户端/服务器)，在这种模式下，客户端电脑必须要安装相应的客户端软件。如：QQ聊天、MySQL客户端/MySQL服务器。静态网页和动态网页：文件代码中，是否含有服务器端的脚本语言。如：PH...

2018-08-29 21:43:20 380

原创 PHP静态网页跟动态网页的特点

静态网页的特点： 1 网页内容发布当网络是哪个，静态网页内容都是保存在服务器上，每个网页都是一个独立的文件 2 静态网页的内容相对稳定，容易被搜索引擎检索 3 静态网页没有浏览器的支持，在网站制作跟维护方面工作量大，信息量大时完全依靠静态网页制作比较困难 4 静态网页交互性比较差，在功能方面有较大的限制动态网页的特点 1 交互性比较好，网页会根据用户的要求和选择而动态地改变跟...

2018-08-29 20:45:08 1021

转载状态码

100——客户必须继续发出请求 101——客户要求服务器根据请求转换HTTP协议版本 200——交易成功 201——提示知道新文件的URL 202——接受和处理、但处理未完成 203——返回信息不确定或不完整 204——请求收到，但返回信息为空 205——服务器完成了请求，用户代理必须复位当前已经浏览过的文件 206——服务器已经完成了部分用户的GET请求 300——请求的资源可...

2018-08-29 20:29:33 239

原创 PHP知识点3 关于数组

数组的方式： 1 索引数组：通过索引操作的数组创建方式：array（添加数组的成员，成员类型不作要求） arr=[1,2,true,”abc”];2关联数组：以键值对的方式描述数据集，类似于js中的对象关联数组通过foreach来遍历foreach(arr=[1,2,true,”abc”];2关联数组：以键值对的方式描述数据集，类似于js中的对象关联...

2018-08-26 20:44:04 187

原创 php基础知识

header(‘content-type:text/html;charset=utf8’); //获取当前时间 // echo date(‘Y-m-d’); // 语法特点说明会报错 // php的语法特点？ // 写在PHP外面的代码会原样输出 // echo “hello world”,””; // echo ‘hello world’; // print_r([1,2,3...

2018-08-26 19:54:34 214

原创 get 跟post的区别

get从字面意思上理解为获取，通常用于获取服务器资源常见的发起get请求的方式？地址栏访问 src/href 表单网页中有许多效果使用的就是get请求 get请求各种搜索框各种详情页面大部分的超链接 get方式提交数据的格式、、 1. 格式:index.php?userName=jack&password=123 ...

2018-08-26 12:49:16 243

原创 PHP 02

get 可以用来接收客户端以get的方式传递的参数，注意只能接受以get方式传递的数据 post 只能接受以post方式发送的数据 form里面的 action 设置提交数据的处理方式，就是用来设置提交的目标地址，一般来说他3是一个进行后台业务处理的页面 *.png method 如果没有设置默认请求方式为get post 一般用来发送数据到服务器如果想要提交表单元素的数据，则...

2018-08-26 12:35:58 185

原创 PHP知识点01

PHP的三种输出方式？ 1 echo 打印出数字，字符串 2 print_r 打印出数组 3 var_dump 任意类型都可以打印 PHP中的数据类型 1 string 2 int 3 float 4 bool 5 null 6 array 7 object 定义变量的方式以$开头，其他的跟js一样以字符，数字下划线组成区分大小写 i...

2018-08-25 19:07:21 168

原创原型链

原型链

2018-08-24 11:23:25 139

原创执行页面当前的内容会不会被清空

<div> 我是div，哈哈哈 </div> <script> // 问题任何时候使用document.write，页面会不会被清空？ // document.write(111); // document.write(222); // // 1 这种情况是可以打印出来，页面当前的内容不会被清空 // window.onloa...

2018-08-24 09:14:32 270

原创数组常用的方法 sort slice splice reverse

// push()从元素后面添加一个元素 pop()从元素前面删除一个元素 // unshift() 从元素前面添加一个元素 shift() 从元素后面删除一个元素 // reverse()翻转数组 // sort() 排序 // // concat() 吧参数拼接到当前数组 // slice() 从当前数组中截取一个新的数组，不...

2018-08-23 19:32:30 292

原创深拷贝与浅拷贝

深拷贝与浅拷贝 -> 什么是拷贝: 就是创建一个与目标数据一模一样的数据 -> 案例: var p = { name: ‘张三’ }; var p1 = p; // 是否存在拷贝 // 一般描述拷贝是指拷贝对象 p1 = {}; p1.name ...

2018-08-19 20:52:43 266

空空如也

空空如也