如初的博客🥝

如初的博客🥝

Vue组件

发表于 2019-04-26 | 更新于 2024-10-22 | Vue | Vue

子组件的定义和注册我们在本文的第一段中，通过Vue.component形式定义的是全局组件。这一段中，我们来讲一下子组件。在父组件中定义子组件比如说，一个账号模块是父组件，里面分为登陆模块和注册模块，这两个晓得模块就可以定义为子组件。需要注意的是作用域的问题：我们在父组件中定义的子组件，只能在当前父组件的模板中使用；在其他的组件，甚至根组件中，都无法使用。 1234567891011121314151617181920212223242526272829303132333435363738<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatibl ...

iconMoon

发表于 2019-04-26 | 更新于 2024-10-22 | 前端工具 | 前端

iconMoon.md https://www.cnblogs.com/chinabin1993/p/8185398.html https://blog.csdn.net/web_harry/article/details/70310597 https://blog.csdn.net/qq_37261367/article/details/80012320

iTerm2 + OhMyZsh + agnoster 搭建

iTerm2 + OhMyZsh + agnoster 搭建

发表于 2019-04-26 | 更新于 2024-10-22 | 前端工具 | 前端

推荐链接： https://www.jianshu.com/p/246b844f4449

whistle网络抓包

whistle网络抓包

发表于 2019-04-26 | 更新于 2024-10-22 | 前端工具 | 前端

手机设置代理连接好指定的wifi后，点击那个wifi里的设置，将「代理」那一项，设置为手动，然后输入ip（电脑上的ip）、端口号（8899）。然后就可以通过电脑上的whistle工具，查看手机的网页请求。注意，要保证手机和电脑在同一个网络下。捕获和拦截https请求whistle安装证书后，可以拦截 https 请求。但是，我现在又不想拦截https请求了，该怎么卸载证书呢？我发现，证书无法卸载，正确的操作是：上图中，把红框部分，去掉勾选，就不捕获https了。谢谢azh童鞋。参考链接： Android 手机如何设置http代理？使用 Whistle 对 iOS HTTPS 进行抓包移动端调试神器:eruda 手机连接代理时，如何看console.log的日志信息? 现在，代码里有console.log，如果是在电脑浏览器上看，可以直接在控制台查看console.log的内容。但是，如果手机连接代理，在手机上打开网页的话，要怎么查看console.log的内容呢？具体做法如下：（1）在 whistle中，新建一个名叫Eruda H5的代理，代理中的内容是： ...

this

发表于 2019-04-26 | 更新于 2024-10-22 | 前端 | JavaScript

thisthis的作用 this可以帮我们简化很多代码。比如xiaoming.name、xiaoming.age可以直接写成this.name、this.age。特别是当我们不知道一个对象是什么，或者这个对象没有名字但又很想调用它的时候，就会使用到this对象。举例：遍历DOM对象，绑定click事件，调用当前点击的对象的id，而不是所有对象的id。代码： 123456789101112131415161718192021222324252627282930313233343536373839404142<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" <title>Document</title> <style> div { width ...

创建对象和继承

创建对象和继承

发表于 2019-04-26 | 更新于 2024-10-22 | 前端 | JavaScript

创建对象的几种方式通过Object12345678910111213141516171819202122232425262728293031323334353637<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>01_Object构造函数模式</title></head><body><script type="text/javascript"> /* 一个人: name:"Tom", age: 12 */ // 先创建空Object对象 var p = new Object() ...

浅拷贝和深拷贝

浅拷贝和深拷贝

发表于 2019-04-26 | 更新于 2024-10-22 | 前端 | JavaScript

浅拷贝对于对象或数组类型，当我们将a赋值给b，然后更改b中的属性，a也会随着变化。也就是说，a和b指向了同一块堆内存，所以修改其中任意的值，另一个值都会随之变化，这就是浅拷贝。深拷贝那么相应的，如果给b放到新的内存中，将a的各个属性都复制到新内存里，就是深拷贝。也就是说，当b中的属性有变化的时候，a内的属性不会发生变化。参考链接：深拷贝与浅拷贝的实现（一） javaScript中浅拷贝和深拷贝的实现

作用域和闭包

作用域和闭包

发表于 2019-04-26 | 更新于 2024-10-22 | 前端 | JavaScript

前言面试问题：说一下对变量提升的理解说明this的几种不同的使用场景创建10个<a>标签，点击的时候弹出来对应的序号如何理解作用域实际开发中闭包的应用涉及到的知识点：执行上下文 this 作用域作用域链闭包执行上下文执行上下文主要有两种情况：全局代码：一段<script>标签里，有一个全局的执行上下文。所做的事情是：变量定义、函数声明函数代码：每个函数里有一个上下文。所做的事情是：变量定义、函数声明、this、arguments PS：注意“函数声明”和“函数表达式”的区别。全局执行上下文在执行全局代码前将window确定为全局执行上下文。（1）对全局数据进行预处理：（并没有赋值） var定义的全局变量==>undefined, 添加为window的属性 function声明的全局函数==>赋值(fun), 添加为window的方法 this==>赋值(window) （2）开始执行全局代码函数执行上下文在调用函数, 准备执行函数体之前, 创建对应的函数执行上下文对 ...

数据库加载中