- 博客(21)
- 收藏
- 关注
RSS订阅原创 前端调试工具
Charles是一款Http代理服务器和Http监视器，当移动端在无线网连接中按要求设置好代理服务器，使所有对网络的请求都经过Charles客户端来转发时，Charles可以监控这个客户端各个程序所有连接互联网的Http通信。获取 HTTPS相关信息需要安装 Charles 的 CA 证书，安装路径：菜单栏 -> Help -> SSL Proxying -> Install Charles Root Certificate。浏览器抓包：打开 菜单栏 -> Proxy -> macOS Proxy。
2024-04-17 16:34:15
316
1
原创 react中循环输入框组件的事件调用
react中循环输入框组件的事件调用项目中循环输入框组件，绑定事件用例:运用闭包原理//在项目中绑定事件onChange={this.createFiledChange(item)}//在js中调用this.createFiledChange(item){//传入的数据 return (vlue)=>{//当前事件源的value值 console.log(value) }}说明:item为当前传入的数据value为当前输入框的value值...
2020-07-05 00:12:00
480
原创 Object.keys（）的详解和用法
Object.keys（）的详解和用法在实际开发中，我们有时需要知道对象的所有属性;ES5 引入了Object.keys方法，成员是参数对象自身的（不含继承的）所有可遍历（ enumerable ）属性的键名。传入对象，返回属性名var data={a:1,b:2,c:9,d:4,e:5}; console.log(Object.keys(data));//["a", "b", "c", "d", "e"] Object.keys(data).map((key,item)=>{
2020-06-08 19:13:01
50458
2
原创 Object.assign()的详解和用法
Object.assign()的用法基本用法Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。const target = { a: 1 };const source1 = { b: 2 };const source2 = { c: 3 };Object.assign(target, source1, source2);target // {a:1, b:2, c:3}Object.assign方法的第一个参数是目标
2020-06-08 19:08:13
3109
原创 React的生命周期钩子
React的生命周期挂载卸载过程1.1.constructor()1.2.componentWillMount()1.3.componentDidMount()1.4.componentWillUnmount ()更新过程2.1. componentWillReceiveProps (nextProps)2.2.shouldComponentUpdate(nextProps,nextState)2.3.componentWillUpdate (nextProps,nextState)2
2020-05-18 08:52:06
310
原创 如何实现网站的防盗链
如何实现网站的防盗链背景A是网站站长，在A的网站的网页里有一些图片和音频视频的链接，这些静态资源都保留在阿里云对象存储OSS上。B是另一个网站的站长，B在未经A允许的情况下，偷偷使用A的网站的图片资源，放置在自己网站的网页中，通过这种方法盗取空间和流量。 在这样的情况下，第三方网站用户看到的是B的网站，网站用户不知道也不关心网站里的图片是来自于哪里。 由于OSS是按照使用量来收费的，这样用户A...
2020-05-03 20:21:49
775
原创 CommonJS, AMD, CMD的异同及用法
CommonJS, AMD, CMD都是JS模块化的规范。CommonJS是服务器端js模块化的规范，NodeJS是这种规范的实现。AMD(异步模块定义)和CMD(通用模块定义)都是浏览器端js模块化的规范。RequireJS 遵循的是 AMD，SeaJS 遵循的是 CMD。一 、CommonJS根据CommonJS规范，一个单独的文件就是一个模块。加载模块使用require方法，该方法读...
2020-05-03 11:16:22
87
原创 git常用命令及用法
git常用命令git configgit config命令的作用是配置git的相关信息。1.配置全局的用户名和邮箱，mac下可通过终端输入命令cat ~/.gitconfig查看配置信息。设置用户名：git config --global user.name "name"设置用户邮箱：git config --global user.email "eamil"2.针对单个仓库配置用...
2020-05-03 10:23:06
150
原创 针对项目上线的开发流程
项目的上线流程是怎样的？(1)流程建议①模拟线上的开发环境本地反向代理线上真实环境开发。(apache, ngins, node.js都可实现)②模拟线上的测试环境模拟线上的测试环境，其实是需要一台真实数据的测试机，建议没条件搭载daily的，就直接使用线上数据测试，只不过部分程序走你们的测试环境而已，最好是搭载daily。③可连调的测试环境可连调的测试环境分为两种：一种是开发测试都...
2020-05-02 19:27:00
356
原创 CDN（内容分发网络）的理解与技术原理
CDN（内容分发网络）一、CDN简介：CDN的全称是Content Delivery Network，即内容分发网络。其基本思路是尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输得更快、更稳定。通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够实时地根据网络流量和各节点的连接、负载状况以及到用户的距离和响应时间等综合信息将用户...
2020-05-02 15:09:31
711
原创 BFC的理解及特性
BFC的理解什么是BFC？BFC 全称为 块格式化上下文 (Block Formatting Context) 。从这个概念里你能看出来什么吗？这个名字给我们的信息只有 “块” “格式化” “上下文” 。我们大概可以了解到这个东西是对上下文起作用的。那里的上下文？？ HTML文档！它大概的作用，貌似是格式化上下文？？可能不是我们通常意义中的格式化。我们没有从这个名字中得到太多有用的信...
2020-05-02 11:17:56
141
原创 前端存储分类
CookieHTTP Cookie（也叫 Web Cookie或浏览器 Cookie）是服务器发送到用户浏览器并保存在本地的一小块数据，它会在浏览器下次向同一服务器再发起请求时被携带并发送到服务器上。通常，它用于告知服务端两个请求是否来自同一浏览器，如保持用户的登录状态。Cookie 使基于无状态的 HTTP 协议记录稳定的状态信息成为了可能。cookie特点：cookie的大小受限制，co...
2020-05-01 21:13:58
127
原创 前端存储--cookie的简易使用
js-cookie 官方文档里面就详细的介绍了es5怎么引用，以下是ES6以上的用户一、安装npm install js-cookie --save二、引用import Cookies from 'js-cookie'三、一般使用1.存到Cookie去// Create a cookie, valid across the entire site:Cookies.set('n...
2020-05-01 21:02:39
292
原创 前端响应式布局详解
前端响应式布局原理与方案（详细版）引言响应式布局指的是同一页面在不同屏幕尺寸下有不同的布局。传统的开发方式是PC端开发一套，手机端再开发一套，而使用响应式布局只要开发一套就够，缺点就是CSS比较重。下面是博客网站对不同设备适配后的结果，分别是iPhone5/SE,iphone6/7/8,iphone 6/7/8 plus,ipad pro,dell台式宽屏(1440 X 900)。响应式设计...
2020-05-01 20:24:32
1087
原创 浏览器（javaScript）同源策略及其规避方法
浏览器安全的基石是"同源政策"（same-origin policy）。很多开发者都知道这一点，但了解得不全面。本文详细介绍"同源政策"的各个方面，以及如何规避它。一、概述1.1 含义1995年，同源政策由 Netscape 公司引入浏览器。目前，所有浏览器都实行这个政策。最初，它的含义是指，A网页设置的 Cookie，B网页不能打开，除非这两个网页"同源"。所谓"同源"指的是"三个相同...
2020-05-01 16:14:14
339
原创 高阶组件的定义与示例--HOC
高阶组件又叫Higher-Order Components，是一个函数能够接受一个组件并返回一个新的组件。组件是将props转化成UI，然而高阶组件将一个组价转化成另外一个组件，例如Redux的connect就是一个函数接受一个组件作为参数，经过一系列加工后，最后返回一个新的组件，withUser函数就是一个高阶组件，它返回了一个新的组件，这个组件具有了它提供的获取用户信息的功能。const ...
2020-04-30 09:07:04
200
原创 vue项目通过node服务器部署到阿里云服务器
买服务器(机器)成人特惠地址，认准云服务器ECS/centos支付宝-》注册-》实名认证填写身份证的信息-》ecs手动停止服务器 ----> 初始化磁盘 —> 重设密码（登录密码）使用finalShell连接服务器安装 finalShell启动 finalShell-》新建会话-》主机：公网IP-》端口 ： 22-》用户名：root-》密码: 登录密码給服务器安装...
2020-04-30 09:02:52
302
原创 展开运算符和合并运算符
展开运算符将一个数组展开为多个变量赋值给多个形参let arr = [1,2,3];function fn(a,b,c){ console.log(a,b,c); // 1 2 3}fn(...arr);利用展开运算求数组的最大值let arr = [5,3,6,9,8,1,7];let max = Math.max(...arr); console.log(max);...
2020-03-26 21:54:01
477
原创 解构赋值（对象和数组）
解构赋值解析一个数据结构并赋值，可以快速的从对象或数组中取出需要的内容，对象使用大括号，数组使用中括号解构对象之前从对象中取到内容的方式let obj = { name:"张三", age:12, sex:"男",}let name = obj.name;let age = obj.age;解构的方式：let obj = { name:"张三",...
2020-03-26 21:51:21
550
原创 vue自定义指令--拖拽（代码示例）
vue自定义指令拖拽代码<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-s...
2020-03-26 21:26:39
242
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人