- 博客(10)
- 收藏
- 关注
RSS订阅原创 vue中组件之间的传值
1.父子组件之间的传值###1.1父组件向子组件传值父组件，可以在引用子组件时，通过属性绑定形式，把需要传递给子组件的数据以属性绑定的形式，传递到子组件内部，供子组件使用，但是子组件需要在props数组中定义一下，这样才能 使用这个数据<body> <div id="app"> <!-- 父组件，可以在引用子组件的时候， 通过 属性绑定（v-bind:） 的形式, 把 需要传递给 子组件的数据，以属性绑定的形式，传递到子组件内部，供子组件使用 -->
2020-06-10 15:17:46
129
原创 Ajax
关于Ajax什么是？Ajax主要是用来实现客户端服务器异步通信效果，实现页面局部刷新的技术原理通过创建异步对象XMLHttpRequest想服务器发送异步请求，从服务器获取数据，再利用js操作Dom如何创建var xhr=new XMLHttpRequest(); //创建对象xhr.open('请求方式','请求路径') //设置请求行xhr.setRequestHeader('nihao','good')//设置请求头，键名 值xhr.send(null)//请求主体发送xhr.on
2020-05-21 21:04:50
80
原创 关于前端网络安全方面
前端常见的网络安全包括：xss（跨站脚本攻击）、csrf（跨站请求伪造）、sql注入攻击、DNS挟持、http挟持等在地址栏输入严格url，到页面呈现，会发生什么？1.输入url，浏览器先查看缓存，若缓存中有，直接显示页面，若没有，则进行域名解析，获取相应IP地址2.浏览器想服务器发送TCP连接，建立三次握手3.握手成功后，建立http请求5.服务器收到请求后，将数据返回至服务器6.浏览器收到响应。读内容，渲染页面1.关于DNS挟持页面输入url之后，获取原域名的DNS解析权，修改掉原先的i
2020-05-21 20:10:36
778
原创 函数的相关问题
1.函数：在js中，使用Function可以实例化函数对象，也就是说在js中，函数与普通对象一样，也是一个对象类型函数的特点：1.函数是对象，可以使用对象的动态特征2.函数是对象，就有构造函数创建对象3.函数是函数，可以创建其他对象4.函数是唯一可以跟定变量作用域的结果2.函数的构造函数（Function）使用Function创建函数（函数是Function的实例）语法：new Function(arg1,arg2,arg3…) --Function中的参数是全是字符串作用：将参数
2020-05-21 10:15:16
167
1
原创 原型和原型链
问题：在构造方法中，如果重复执行，会造成多个对象有多个方法副本，影响性能，造成内存浪费。若将方法放到外面，在开发中自定义成员越多，出现命名重复的几率很大，而且会有安全隐患。如：function Person(){ this.sayHello()=function(){}; }由于对象调用Person()创建出来，因此一个对象在创建时，函数sayHello都会被创建，那么每个对象都有一个独立的，不同的但是功能和逻辑相同的函数，这样就会消耗性能，浪费内存，则需要把函数放到构造函数外，那么在构造函数中只
2020-05-20 23:28:10
68
原创 作用域链和闭包
1.作用域：什么是？域表示范围，即是作用范围（包括局部作用域和全局作用域）作用域规则？1.函数内允访问函数外的数据，反之不行2.整个代码结构中只有函数可以限定作用域3.作用规则首先使用提升规则分析4.如果当前作用规则中可以找到，就不会到外面找2.关于变量提升即解析器会把函数声明和变量声明提升到前面。这里注意一下函数声明和表达式的区别，若是函数表达式，则提升的不是函数体，而是声明的函数名。foo();//foo is not a function，会把var foo提升到前面，但是函数体没
2020-05-20 21:33:11
135
原创 js的继承方式
什么是继承？继承即引用其他已有对象的属性和方法继承的方式：1.原型继承(只能当以继承)function Person(){ this.name=''; this.setname=function(name){ this.name=name; } this.run=function(){ console.log('会跑'); }}Person.prototype.eat=function(){ console.log(
2020-05-17 21:13:17
81
原创 函数的节流和防抖
函数节流：每隔一段时间，只执行一次函数function throttleBack(callback,duration) { var lasttime = new Date().getTime(); return function(){ var nowtime = new Date().getTime(); if (nowtime - lasttime < duration) {
2020-05-16 22:48:48
75
原创 实现深拷贝的方法
浅拷贝和深拷贝：深拷贝：将数据的所有引用结构都拷贝一份，那么所有数据在内存中独立就是深拷贝浅拷贝：只针对当前对象的属性进行拷贝 ，对于引用型数据，只是拷贝它的地址，则为浅拷贝深拷贝的实现方法：1.使用递归实现深拷贝：function deepclone(obj){ var newDate=Array.isArray(obj)?[]:{}; if(obj&&typeof obj==='object'){ for(var k in obj){
2020-05-16 21:28:06
431
原创 webpack学习笔记
关于webpack是什么？webpack是一个模块化打包工具，可以将项目中有依赖关系的文件进行打包处理，最后打包成以js,css,png等结尾的文件1.entry（入口起点）三种传值方式（字符串、数组、对象）：###字符串：const config={entry:'buddle.js'}module.exports = config;###数组:创建多个主入口，并将它们的依赖导向一个‘chunk’，但是数组中的文件一般是没有相互依赖关系的，只是把它们打包到一起。（'chunk’即为代码块
2020-05-16 10:31:00
62
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人