- 博客(122)
- 资源 (13)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 接口代理调试
3.最后就可以在浏览器控制台network处看对应的接口，返回规则设置的状态码和数据。本地使用mock数据开发完成后，需要在测试环境过自测用例，这时就需要使用到接口代理。找到对应接口右键选择composer，可以调试具体接口，等同于postman。Fiddler是一个用于HTTP调试的代理服务器应用程序。之前有个技术需求，需要在接口报错时展示错误组件。3.可以看到接口返回的具体数据。
2023-05-12 15:14:17
328
原创 event.stopPropagation/event.preventDefault()/event.cancelBubble等Event属性含义
Event 接口表示在 DOM 中出现的事件。event.bubblesevent.cancelableevent.defaultPreventedEvent.cancelBubbleevent.preventDefault()event.stopImmediatePropagation();event.stopPropagation();
2022-03-23 19:55:42
1020
原创 这次一定要把python3基础整理下来
基础语法# 第一个注释# 第二个注释 '''第三注释第四注释''' """第五注释第六注释"""print ("Hello, Python!")if True: print ("True")else: print ("False")# 多行语句total = item_one + \ item_two + \ item_three# 字符串截取：变量[头下标:尾下标:步长]str='123456789' pri
2022-03-03 15:48:13
1918
1
原创 自动化测试方案对比
自动化测试方案对比End-to-End Testing（端到端测试）端到端（E2E）测试的主要目的是通过模拟真实的用户场景，验证被测系统及其组件的集成性和数据完整性，从最终用户的体验进行测试。不需要知道业务代码，只需要模拟用户在真实环境的操作。方案对比目前了解到的3种方案都是使用端到端测试，第一种是cypress测试，第二种是matman+mockstar+whistle，第三种是CodeceptJS。先了解下这三种方案具体使用流程，然后再对比下学习成本、上手难度、功能差异、githubstar
2022-02-28 11:43:42
3118
原创 js中冷门但常用的字符串api
String.prototype.charAt()charAt() 方法从一个字符串中返回指定的字符。str.charAt(index)如果指定的 index 值超出了该范围，则返回一个空字符串。var anyString = "Brave new world";console.log("The character at index 0 is '" + anyString.charAt(0) + "'");console.log("The character at index 1
2022-02-27 13:43:21
164
原创 Vue单元测试框架选取
单元测试：关注应用中每个零部件的正常运转，防止后续修改影响之前的组件。TDD：测试驱动型的开发方式，先写测试代码，之后编写能通过测试的业务代码，可以不断的在能通过测试的情况下重构。BDD：行为驱动型，测试代码的风格是预期结果，更关注功能，看起来像需求文档。vue test utils：https://vue-test-utils.vuejs.org/zh/vue test utils推荐：Jest/mocha-webpackjestmochagithub stars35.
2021-10-08 15:38:50
659
原创 MutationObserver监视对DOM树所做更改的能力
https://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserverhttps://developer.mozilla.org/zh-CN/docs/Web/API/MutationObserver/MutationObserver// 选择需要观察变动的节点const targetNode = document.getElementById('some-id');// 观察器的配置（需要观察什么变动）const config = {
2021-06-09 15:18:48
219
原创 深入理解Web Components
1. 什么是Web Components？它的出现原因？为什么要学习它？Web Components 是一个浏览器原生支持的组件化方案，允许你创建新的自定义、可封装、可重用的HTML 标记。不用加载任何外部模块，直接就可以在浏览器中跑。它的出现原因？因为早期组件生态很乱，有各种各样的框架和库，都有各自的规范，导致一个团队切换框架很困难 。为了解决这种分化的形式，让 Web 组件模型统一化，所以才有了Web Components规范的出现。目标是提供一种权威的、浏览器能理解的方式来创建组件。为什么要学习
2021-05-21 19:51:08
12459
6
原创 常用的Nginx命令及Linux命令
安装nginx：yum install nginx找到nginx命令所在目录which nginx 结果：/usr/sbin/nginx查看配置文件所在目录（/usr/sbin/nginx 为上述命令运行结果）/usr/sbin/nginx -t首先利用配置文件启动nginx：nginx -c /usr/local/nginx/conf/nginx.conf重启服务： service nginx restart快速停止或关闭Nginx：nginx -s stop..
2021-04-14 11:47:58
1101
原创 雪落香杉树读后总结
介绍在杉荫覆盖的美国海岛，人们靠捕鱼和种植草莓为生，日子过得平静安宁，仿佛世外桃源。少年伊什梅尔和日籍少女开始了初恋。珍珠港事件爆发，日籍居民被遣去集中营。伊什梅尔不久收到初枝的分手信，她嫁给了同学宫本天道。伊什梅尔和天道随后都去了战场。战后他们又回到海岛。战争中留下永久创痛的伊什梅尔也无法平息爱情的创痛，痛苦而萎靡的活着。此时天道被指控为一桩谋杀案的凶手，细心的伊什梅尔发现了可以为他洗脱罪名的证据。在爱情和公正之间，他将如何选择？小说以一桩疑是谋杀案悬念迭起的庭审过程为主线，交织展现了战争、种族歧视
2021-02-16 17:45:27
423
原创 西安腾讯云前端面经
一面（60分钟）1. 基本类型String、Number、Boolean、Null、Undefined、Symbol、BigInt、Object:{Array,Function}2. 你知道的数组方法push、pop、unshift、shift、reduce、splice、slice、concat、from、map、join、reverse、indexOf、includes、forEach。3. splice和slice区别splice改变原始数组，slice返回新数组。4. flex属性都有
2020-08-22 10:55:10
4115
1
原创 二叉树相关概念和解题思路JS代码
1. 二叉树二叉树分为以下几类：二叉搜索树（BST树）、平衡二叉树（AVL树）、满二叉树、完全二叉树、红黑树。1.1 二叉搜索树（BST树）1.2 平衡二叉树（AVL树）1.3 满二叉树1.4 完全二叉树1.5 红黑树1. 广度优先遍历和深度优先遍历1.1 概念深度优先对每一个可能的分支路径深入到不能再深入为止,先序遍历、中序遍历、后序遍历属于深度优先。广度优先又叫层次遍历，从上往下，从左往右（也可以从右往左）访问结点，访问完一层就进入下一层，直到没有结点可以访问为止。广度遍历
2020-07-30 14:05:15
286
原创 Object.defineProperty和Proxy区别
Object.definePropertyObject.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。IE8不兼容。Object.defineProperty(obj, prop, descriptor)参数obj: 要定义属性的对象。prop: 要定义或修改的属性的名称或 Symbol 。descriptor: 要定义或修改的属性描述符。返回值被传递给函数的对象。Object.defineProperty(obj,
2020-07-15 15:00:26
15442
4
原创 react-navigation4.x动态路由和隐藏底部导航实现
import React from 'react';import { Image, Text, StyleSheet, StatusBar } from 'react-native';import { createBottomTabNavigator } from 'react-navigation-tabs';import { BottomTabBar } from 'react-navi...
2020-06-29 18:13:38
3357
原创 大数据量表格加载慢的问题解决方案
- 一个页面加载所有数据- 假分页加载数据（滚动加载数据）- 无限分页加载数据- 真分页加载数据（滚动加载数据）- 模拟滚动实现加载数据
2020-06-29 16:30:01
10989
原创 react-native使用总结
1. 行内样式和外部样式合并下面4个View共用styles.rect_view样式，但是又要有各自的样式，代码实现如下：<View style={{...styles.rect_view, backgroundColor: 'red'}} /><View style={{...styles.rect_view, backgroundColor: 'blue'}} />...
2020-06-04 17:43:54
584
原创 windows和mac环境使用区别
因为常用windows，所以使用mac好多地方不习惯，习惯了就好了。反正感觉mac没windows方便。不过使用mac开发确实没windows卡，可能是我windows电脑配置不太行。以下是我总结的常用区别：1.常用快捷键不同（尤其是复制粘贴按键不同，当然可以设置，不过设置后会影响其他按键，还不如不调）2.鼠标在网页上下滚动方向不同。windows是向下滚就页面向下移动，mac是向下滚页面向上移动，不过可以在mac中设置。3.关闭弹窗方向不同。windows是在右上角关闭，mac是在左上角关闭。4
2020-05-24 15:37:51
3410
原创 React官网Hook API 索引模块知识点整理（五）
useStateuseEffectuseContextuseReduceruseCallbackuseMemouseRefuseImperativeHandleuseLayoutEffectuseDebugValue
2020-05-20 08:38:54
719
原创 React官网API模块知识点整理（三）
1.React 顶层 API2.React.Component3. ReactDOM4. ReactDOMServer5. DOM 元素6. 合成事件7. Test Utilities8. Test Renderer9. JavaScript 环境要求React 术语词汇表
2020-05-12 09:30:33
905
原创 React官网高级指引模块知识点整理（二）
无障碍代码分割Context错误边界Refs 转发Fragments高阶组件(HOC)深入JSX性能优化ProtalsProfiler API不使用 ES6不使用 JSX 的 ReactRender Props严格模式使用 PropTypes 进行类型检查非受控组件
2020-05-05 17:41:07
551
原创 git常用操作场景整理
1. vscode git拉取报错 在签出前，请清理存储库工作树原因：出现这个问题的原因是因为本地修改的文件和远程的某些文件存在冲突。解决方法：先提交commit本地文件到本地仓库。然后拉取远程代码。拉取后会提示你某些文件存在冲突，需要合并文件解决冲突。解决后再次提交代码到本地仓库。最后push推送本地仓库修改文件到远程仓库。2. git上不同分支merge（合并）某次提交切换...
2020-04-25 10:49:04
516
原创 react-navigation4.x导航跳转理解和问题总结
1. createAppContainer的作用？2. createSwitchNavigator的作用？3. 路由切换行为不一致？4. 安卓navigation.goBack() 返回白屏5. TypeError: Cannot read property 'default' of undefined6. 路由嵌套问题7. 路由跳转刷新8. 隐藏底部标签栏
2020-04-24 16:59:10
2355
2
原创 React官网核心概念模块知识点整理（一）
React 会将以小写字母开头的组件视为原生 DOM 标签，所以自定义组件名称规范是大写字母开头。JSX 里的 class 变成了 classNameJSX 防止注入攻击：React DOM 在渲染所有输入内容之前，默认会进行转义。所有的内容在渲染之前都被转换成了字符串。这样可以有效地防止 XSS（cross-site-scripting, 跨站脚本）攻击。React DOM 会将元素和它...
2020-04-23 08:48:17
329
原创 jQuery和lodash导致原型污染的安全问题
jQueryjquery3.4.0（3.4.0及以后版本已修复）之前版本中extend函数会导致原型污染。let a = $.extend(true, {}, JSON.parse('{"__proto__": {"devMode": true}}'))console.log({}.devMode); // jquery3.4.0版本前会输出true解决方法：在遍历对象时，当遇见 __p...
2020-04-09 15:16:16
1455
原创 Chrome升级到80版本遇到的问题-系统登录不了的解决方法
背景随着疫情的减弱，2020年3月份公司开始复工，复工的第n天我打开chrome浏览器发现可以升级版本到80了，于是升级，看着关于Chrome前面那个对勾真的开心。完了后开始一天的日常任务，打开vscode，启动项目，然后登录系统，WTF，为什么登录后又跳到登录页了？？？...
2020-03-23 15:55:17
6385
12
原创 Lodash中数组和对象合并方法assign、merge、defaults、defaultsDeep比较
例子_.assign(object, [sources])分配来源对象的可枚举属性到目标对象上。 来源对象的应用规则是从左到右，随后的下一个对象的属性会覆盖上一个对象的属性。_.merge(object, [sources])该方法类似 _.assign， 除了它递归合并 sources 来源对象自身和继承的可枚举属性到 object 目标对象。如果目标值存在，被解析为undefined...
2020-03-21 14:03:57
18879
原创 vue实现浏览器跳转真实URL隐藏的方法
背景2020Q1需求中有一段关于浏览器URL地址隐藏的需求如下：需将系统的URL地址需要进行加密处理。a)IP地址后面的信息需要控制为不能按照意思猜到或者改变页面内容，不能把一些参数的名称和值都在URL地址栏中暴露出来，需以不可表意的乱码展示；b)加密后的链接复制后不能打开同一页面，且同一功能每次打开时的URL链接需不同；以上描述总结下来共有以下几个规则：IP地址后的路径需要乱码显示...
2020-03-17 21:37:01
11871
10
原创 CSS3动画animation和@keyframes
1. animationCSS animation 属性是animation-name，animation-duration,animation-timing-function，animation-delay，animation-iteration-count，animation-direction，animation-fill-mode ,animation-play-stat...
2020-03-12 17:36:17
359
原创 Js模拟实现call、apply、bind、new原理
实现一个call函数call() 方法使用一个指定的 this 值和单独给出的一个或多个参数来调用一个函数。该方法的语法和作用与 apply() 方法类似，只有一个区别，就是 call() 方法接受的是一个参数列表，而 apply() 方法接受的是一个包含多个参数的数组。function.call(thisArg, arg1, arg2, …)Function.prototype.ca...
2020-03-09 13:38:00
544
原创 1309. 解码字母到整数映射
题目描述给你一个字符串 s，它由数字（‘0’ - ‘9’）和 ‘#’ 组成。我们希望按下述规则将 s 映射为一些小写英文字符：字符（‘a’ - ‘i’）分别用（‘1’ - ‘9’）表示。字符（‘j’ - ‘z’）分别用（‘10#’ - ‘26#’）表示。返回映射之后形成的新字符串。题目数据保证映射始终唯一。示例 1：输入：s = “10#11#12”输出：“jkab”解释：“j”...
2020-02-28 11:14:51
229
1
原创 Css Flex(弹性布局)与Grid(网格布局)属性整理
Flex(弹性布局) 属性目录容器(Flex Container) 属性/*项目的排列方向*/flex-direction /* row | row-reverse | column | column-reverse *//*一条轴线排不下，如何换行*/flex-wrap /* nowrap | wrap | wrap-reverse *//*flex-flow属性是flex-dire...
2020-02-26 16:37:54
1256
原创 804. 唯一摩尔斯密码词
题目描述国际摩尔斯密码定义一种标准编码方式，将每个字母对应于一个由一系列点和短线组成的字符串， 比如: “a” 对应 “.-”, “b” 对应 “-…”, “c” 对应 “-.-.”, 等等。为了方便，所有26个英文字母对应摩尔斯密码表如下：[".-","-…","-.-.","-…",".","…-.","–.","…","…",".—","-.-",".-…","–","-.","—",...
2020-02-21 10:19:17
245
原创 709. 转换成小写字母
题目描述实现函数 ToLowerCase()，该函数接收一个字符串参数 str，并将该字符串中的大写字母转换成小写字母，之后返回新的字符串。https://leetcode-cn.com/problems/to-lower-case/解题思路有两种方法实现：直接调用js中字符串的toLowerCase方法实现。A-Z的ASCII值为65-90。a-z值为97-122。小写字母的ASC...
2020-02-18 17:53:01
128
JavaScript权威指南-David Flanagan.rar
2019-06-27
基于PHP和MySQL的《VB程序设计》论坛网站设计
2017-12-29
Sublime Text 3 21个常用插件
2016-12-04
W3CSchool.chm
2015-10-26
win7配置Apache+MySQL+PHP环境文件+系统教程
2015-10-26
js中.style为什么只能获取到内联样式值？和浏览器渲染过程有关吗？
2017-09-13
TA创建的收藏夹 TA关注的收藏夹
TA关注的人