常鸣鸣-CSDN博客

转载 HTTP和HTTPS区别

Http：超文本传输协议（Http，HyperText Transfer Protocol)是互联网上应用最为广泛的一种网络协议。设计Http最初的目的是为了提供一种发布和接收HTML页面的方法。它可以使浏览器更加高效。Http协议是以明文方式发送信息的，如果黑客截取了Web浏览器和服务器之间的传输报文，就可以直接获得其中的信息。Https：是以安全为目标的Http通道，是Http的安全版。Https的安全基础是SSL。SSL协议位于TCP/IP协议与各种应用层协议之间，为数据通讯提供安全支持。

2021-03-11 14:14:16 128

原创常见的http状态码

http状态码分类：100-199 提示信息 – 表示请求正在处理200-299 成功 – 表示请求正常处理完毕300-399 重定向 – 要完成请求必须进行更进一步的处理400-499 客户端错误 – 请求有语法错误或请求无法实现(前端逻辑代码错误)500-599 服务器端错误 – 服务器处理请求出错（后端代码错误）常见的状态码有哪些？200：请求成功，浏览器会把响应体内容（通常是html）显示在浏览器中404：(客户端问题)请求的资源没有找到400: 语义有误，当前请求无法被服务

2021-03-11 11:26:08 100

原创微信小程序父子传参

小程序中的父子传参跟vue差不多，话不多说直接进入正题1、在我们的项目文件夹中，创建一个 component 文件夹，专门用来放置我们的组件2、这里我在component创建了一个header文件夹选中header文件夹，然后点击鼠标右键，选择创建 index 组件index.wxml ：<view> 我是子组件 </view>3、在pages 文件夹下index 页面（记住是页面）中引入这个组件，引入的时候路径就不需要在写 index.js 因为文件的默认查

2021-03-10 20:04:43 652

原创微信小程序双向数据绑定

微信小程序双向数据绑定单向绑定语法在微信小程序的规则中，input标签中的数据为单向绑定，无法像Vue框架中的v-model直接进行input的双向绑定。例子：<input value="{{value}}" />解析：如果使用 this.setData({ value: 'leaf' }) 来更新 value ，this.data.value 和输入框的中显示的值都会被更新为leaf；但如果用户修改了输入框里的值，却不会改变 this.data.value。双向绑定解决

2021-03-10 19:28:24 6728 1

原创 BFC理解及应用

JS中的BFC1、什么是BFC？BFC就是“块级格式化上下文”的意思，BFC是一块独立的布局环境，保护其中内部元素不收外部影响，也不影响外部。本身BFC是一种css的布局方式，只是我们可以利用它来解决外边距折叠的问题2、BFC的布局规则？内部的Box会在垂直方向，一个接一个地放置。Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠。每个盒子（块盒与行盒）的margin box的左边，与包含块border box的左边相接触(对于从左往右的格式化

2021-03-10 09:33:22 355

原创函数防抖和节流

函数防抖和节流1.作用使用函数节流与函数防抖的目的，就是为了节约计算机资源，提高性能，提升用户体验2.场景节流一般是用在必须执行这个动作，但是不能够执行太频繁的情况下，例如滚动条滚动时函数的处理，可以通过节流适当减少响应次数；防抖一般是用来，用户输入有操作时，暂时不执行动作，等待没有新操作时，进行相应响应，例如用户名输入校验的情况，可以等待用户输入完成后再发送请求去校验。3.原理防抖（debounce）所谓防抖，就是指触发事件后在 n 秒内函数只能执行一次，如果在 n 秒内又触发了

2021-03-09 11:49:34 257 1

原创盒模型

盒模型：主要分为css盒模型和js盒模型俩种1.什么是CSS盒模型？CSS盒子模型（Box model）就是在网页设计中经常用到的CSS技术所使用的一种思维模型。网页中所有元素都具备以下四个属性：内容(content)，也就是元素的 width、height内边距(padding)边框(border)外边距(margin)2.盒子模型有哪两种标准模式下: 一个块的总宽度(页面中占的宽度)= width + margin(左右) + padding(左右) + border(左右)怪

2021-03-09 10:29:46 125

原创 vue双向数据绑定原理

vue数据双向绑定的原理vue.js则是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者数据劫持Object.defineProperty() 当我们访问或设置对象的属性的时候，都会触发相对应的函数，然后在这个函数里返回或设置属性的值。既然如此，我们当然可以在触发函数的时候动一些手脚做点我们自己想做的事情，这也就是“劫持”操作。在Vue中其实就是通过Object.define

2021-01-09 07:50:02 118

原创 vue-router(路由原理、路由守卫、传参)

路由守卫1、全局守卫无论访问哪一个路径，都会触发全局的钩子函数，位置是调用router的方法 router/index.jsrouter.beforeEach((to,from,next)=>{}) 进入之前触发router.afterEach((to,from,next)=>{}) 进入之后触发回调函数中的参数：to：即将要进入的目标路由对象from：当前导航正要离开的路由next：函数，决定是否展示你要看到的路由页面。//路由配置{ path:

2021-01-07 15:51:29 1139 2

原创 js中typeof判断、==与===的使用场景、值类型和引用数据类型的区别、手写深拷贝、类型转换，truly、falsely变量

1、typeof判断1.1 typeof操作符可以准确判断一个变量是否为下面几个原始类型（基本类型、值类型）typeof 'ConardLi' // stringtypeof 123 // numbertypeof true // booleantypeof Symbol() // symboltypeof undefined // undefined：1.2 还可以用它来判断函数类型：typeof function(){} // function1.3 typeof判断

2020-12-27 21:52:50 465

原创 Vue的生命周期

Vue的生命周期Vue 实例从创建到销毁的过程，就是生命周期。也就是从开始创建、初始化数据、编译模板、挂载Dom→渲染、更新→渲染、卸载等一系列过程，我们称这是 Vue 的生命周期。下面是官网中的生命周期照片生命周期函数Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。1、beforeCreate（创建前）表示实例完全被创建出来之前，vue 实例的挂载元素$el和数据对象 data 都为 undefined，还未初始化。2、created（创建后）数据对象

2020-12-24 07:38:35 149

原创 promise 是什么？有哪些状态和参数？如何使用？

promise1、概述：Promise是异步编程的一种解决方案，从语法上讲，Promise是一个对象，可以获取异步操作的消息2、目的：（1）解决地狱回调（2）Promise对象提供了简洁的API，使得控制异步操作更加容易（3）可以链式调用（4）应用场景：封装ajax,axios的get,post封装，微信小程序中封装wx.request()，uniapp开发中uni.request()3、Promise有三种状态：pendding //正在请求，rejected //失败，resolved /

2020-12-17 21:33:51 665

原创 ES6中箭头函数与普通函数的区别

ES6箭头函数与普通函数的区别首先知道一下什么是箭头函数，箭头函数就是没有function关键字，而是一个类似箭头的函数：var a = ()=>{ return 1;}相当于function a(){ return 1;}那么就来看一下他们的区别箭头函数作为匿名函数,是不能作为构造函数的,不能使用newvar B = ()=>{ value:1;}var b = new B(); //TypeError: B is not a constructor箭

2020-12-15 20:53:58 194

原创 Vue 项目开发前准备工作和步骤

Vue 项目开发前准备工作1、首先肯定要先下载node.js;在官方网站选择适合自己电脑配置的版本。官网地址：http://nodejs.cn/检查是否安装成功：node -v;2、下载使用淘宝npm镜像npm install -g cnpm --registry=https://registry.npm.taobao.org3、安装全局vue-cli脚手架cnpm install --global vue-cli4、创建项目可在指定的文件夹下或使用命令打开指定的区域新建新的项目newt

2020-12-15 20:32:48 907

原创 Github简单使用

GithubGit 和 GitHubGit 和 GitHub 是两个东西，Git 是一个软件/工具/系统，GitHub 是一个网站/平台，GitHub 这个网站使用了 Git 这个工具。1.1 Git是一个分布式版本控制系统。1.2 GitHub 是通过 Git 进行版本控制的软件源代码托管服务平台，可以理解成放代码的地方，但往上放代码时用 Git 进行了版本控制。也就是 GitHub 使用了 Git 完成版本控制基本流程2.1 远端拉取最新代码-----新建分支-----切换到分支—（

2020-12-15 08:13:08 65

weixin_48458705的博客