卓曉晖-CSDN博客

卓曉晖

码龄4年

IP 属地：福建省

查看详细资料

个人成就

获得5次点赞
内容获得10次评论
获得7次收藏

TA的专栏

vue
123
js
23篇
React
4篇
webpack
1篇
笔记
1篇
软件测试
1篇

兴趣领域设置

前端

javascriptcssvue.jsreact.jses6webpack前端框架
后端

node.js
学习和成长

面试

创作活动更多

2024 博客之星年度评选报名已开启

博主的专属年度盛宴，一年仅有一次！MAC mini、大疆无人机、华为手表等精美奖品等你来拿！

搜TA的内容

保安日记番外篇：JS中的 void 0

众所周知，Undefined是JS语言中的7大基本类型之一，表示未定义，它的值只有一个，就是undefined。任何变量在赋值前都是undefined。而在一些框架源码中，会出现一些这样的表达式：if (context === void 0) return func;　　function foo() { 　　　　var a = arguments[0] !== (void 0 ) ? arguments[0] : 2; return a; 　　}　　if (array == null) re

发布博客 2021.01.08 ·

保安日记：React框架学习第五篇之redux

redux一个独立专门用于做状态管理的JS库作用: 集中式管理react应用中多个组件共享的状态基础概念参考阮一峰的文档传送门：教程一：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_one_basic_usages.html教程二：http://www.ruanyifeng.com/blog/2016/09/redux_tutorial_part_two_async_operations.html教程三：http://ww

发布博客 2020.11.15 ·

保安日记：React框架学习第四篇之react-router

1. 理解react-routerreact的一个插件库专门用来实现一个SPA应用基于react的项目基本都会用到此库react-router: 实现了路由的核心功能react-router-dom: 基于react-router，加入了在浏览器运行环境下的一些功能2. 几个重要问题1). SPA应用单页Web应用（single page web application，SPA）整个应用只有一个完整的页面点击页面中的链接不会刷新页面, 本身也不会向服务器发请求当点击链接时, 只会做

发布博客 2020.11.15 ·

保安日记：Webpack（一）

Webpack官方文档：https://www.webpackjs.com/concepts/全局安装webpackcnpm install webpack webpack-cli -g打包初体验mkdir demo1cd demo1mkdir srcnpm init -y //-y会有一个默认的配置，可以快速生成一个package.jsoncnpm install webpack webpack-cli --save-dev //安装webpack的依赖//前期准备1、新建一个

发布博客 2020.11.06 ·

保安日记：React框架学习第三篇之生命周期

生命周期生命周期即是组件从实例化到渲染到最终从页面中销毁，整个过程就是生命周期。在这生命周期中，我们有许多可以调用的事件，也俗称为钩子函数生命周期的3个状态：Mounting(挂载):将组件插入到DOM中Updating:将数据更新到DOM中Unmounting(卸载):将组件移除DOM中生命周期中的钩子函数（方法，事件）componentWillMount :组件将要渲染，AJAX，添加动画前的类componentDidMount:组件渲染完毕,添加动画componentWillRece

发布博客 2020.11.06 ·

保安日记：React框架学习第二篇

Props父传递给子组件数据，单向流动，不能子传递给父。props的传值，可以是任意的类型。Props可以设置默认值HelloMessage.defaultProps = { name:”老陈”，msg：“helloworld” }**注意：**props可以传递函数，props可以传递父元素的函数，就可以去修改父元素的state,从而达到传递数据给父元素。父传子数据传递案例class ParentNode extends React.Component{ constructo

发布博客 2020.11.05 ·

保安日记：React框架学习第一篇

初识reactReact 构建用户界面的JavaScript库，主要用于构建UI界面特点：1、声明式的设计2、高效，采用虚拟DOM来实现DOM的渲染，最大限度的减少DOM的操作。3、灵活，跟其他库灵活搭配使用。4、JSX，俗称JS里面写HTML，JavaScript语法的扩展。5、组件化，模块化。代码容易复用，2016年之前大型项目非常喜欢react6、单向数据流。没有实现数据的双向绑定。数据-》视图-》事件-》数据React Jsx语法JSX表达式1、由HTML元素构成2、中间如果

发布博客 2020.11.04 ·

保安日记：JavaScript学习第二十二篇之ES6的内置对象扩展

ES6的内置对象扩展Array 的扩展方法扩展运算符(展开语法) …扩展运算符可以将数组或者对象转为用逗号分隔的参数序列<body> <div>1</div> <div>4</div> <div>3</div> <div>6</div> <div>2</div> <script type="text/javascript">// 扩展运算符可以

发布博客 2020.11.01 ·

保安日记：JavaScript学习第二十一篇之ES6新增语法let、const....

ES6新增语法let----ES6中新增的用于声明变量的关键字let声明的变量只在所处于的块级作用域有效（防止内层变量覆盖外层变量）不存在变量提升，必须声明暂时性死区<script type="text/javascript">/* -------在一个大括号中使用let关键字声明的变量才具有块级作用域 var关键字是不具备这个特点的--------- */ if (true) { let num = 100; var abc = 200; }

发布博客 2020.11.01 ·

保安日记：JavaScript学习第二十篇之javascript正则表达式

正则表达式(Regular Expression)正则表达式是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式(规则)的文本，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等。创建正则表达式----正则表达式里面不需要加引号，不论数字型还是字符串型<script> // 1. 利用 RegExp对象来创建正则表达式 var regexp =

发布博客 2020.10.31 ·

保安日记：JavaScript学习第十九篇之闭包、递归

高阶函数高阶函数是对其他函数进行操作的函数，它接收函数作为参数或将函数作为返回值输出闭包(closure)----有权访问另一个函数作用域中变量的函数 <script> // 闭包: 我们fun 这个函数作用域访问了另外一个函数 fn 里面的局部变量 num function fn() { var num = 10; function fun() { console.log

发布博客 2020.10.31 ·

保安日记：JavaScript学习第十八篇之Javascrip函数进阶

函数进阶定义方式1.自定义函数 function fn() {};2.函数表达式（匿名函数） var fun = function() {};3.利用 new Function(‘参数1’,‘参数2’,‘函数体’);----所有函数都是 Function 的实例(对象)var fun = new Function('a','b','console.log(a + b)');fun(1,2);调用方式1. 普通函数 function fn() {

发布博客 2020.10.31 ·

保安日记：JavaScript学习第十七篇之ES5中的新增方法

ES5中的新增方法数组方法forEach 遍历数组 <script> var arr = [1, 2, 3]; arr.forEach(function (value, index, array) { console.log("每个数组元素" + value); console.log("每个数组元素的索引号" + index); console.log("数组本身" + array); }); &

发布博客 2020.10.31 ·

保安日记：JavaScript学习第十六篇之Javascrip 面向对象--原型

原型对象给对象加方法，可以理解为css中的class–给元素加样式Array.prototype.sum = function () {// 可以给系统的类添加原型方法}通常都是用构造函数加属性，用原型加方法<script> //----构造函数 function CreatePerson(name, qq) { this.name = name; this.qq = qq; } //----原型 C

发布博客 2020.10.30 ·

保安日记：JavaScript学习第十五篇之Javascrip 面向对象

Javascrip 面向对象面向过程编程POP(Process-oriented programming)面向过程，就是按照我们分析好了的步骤，按照步骤解决问题。面向对象编程OOP(Object Oriented Programming)面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。ES6 中的类和对象对象是由属性和方法组成的∶属性∶事物的特征 (常用名词）方法∶事物的行为 (常用动词）类与对象的关系类—模子对象—成品var arr = new Array（1,

发布博客 2020.10.29 ·

保安日记：番外篇之网络协议

网络协议网络层 IP（网络之间互连的协议）—lnternet Protocol相当于网络中的一个节点，类似于地址，我们称之为IP地址同一个网络中，IP地址具有唯一性IPv4网络使用32位地址，以点分十进制表示，如192.168.0.1127.0.0.1: 本机192.168 .* .* 家庭路由器10 .* .* .*:内部局域网其他:外部广域网lPv6地址的128位（16个字节)写成8个16位的无符号整数，每个整数用四个十六进制位表示，这些数之间用冒号(∶）分开例如︰3ffe:3

发布博客 2020.10.29 ·

保安日记：番外篇之mysql（一）

发布博客 2020.10.26 ·

保安日记：番外篇之软件测试（二）

开发模型----瀑布模型：优点:开发阶段，各个阶段比较清晰;强调早期计划及需求调查，适合稳定需求的产品开发;以改良:每个阶段都可以融入小的迭代工作!开发模型----快速原型模型实现一个基本原型，让用户对原型进行评价，逐步调整，使其满足用户最终需求;.优点:适合不能确定需求的软件;缺点:不适合开发大型系统。测试模型一、 V模型测试模型二、 W模型测试模型三、 H模型...

发布博客 2020.10.24 ·

保安日记：番外篇之软件测试（一）

软件测试基本介绍一、软件测试定义通过手工或者工具对被测对象进行测试操作，从而验证实际结与预期结果之间是否存在差异。二、软件测试的作用通过测试工作可以发现并修复软件当中存在的缺陷，从而提高用户对产品的使用信心。测试可以记录软件运行过程中产生的一些数据.从而为决策提供数据支持。测试可以降低同类型产品开发遇到问题的风险。三、测试原则:所谓的测试原则指的就是我们在执行测试工作时必须要遵守的一些规则。1．测试证明软件存在缺陷: 无论执行什么样的测试操作都保能证明当前软件是有缺陷的。2．不能

发布博客 2020.10.23 ·

保安日记：JavaScript学习第十四篇之移动端特效触屏事件

触屏事件移动端浏览器兼容性较好，我们不需要考虑以前S的兼容性问题，可以放心的使用原生JS书写效果，但是移动端也有自己独特的地方。比如触屏事件touch(也称触摸事件），Android和IOS都有。==touch对象代表一个触摸点。==触摸点可能是一根手指，也可能是一根触摸笔。触屏事件可响应用户手指(或触控笔）对屏幕或者触控板操作。常见的触屏事件如下:触摸事件对象(TouchEvent )TouchEvent是一类描述手指在触摸平面(触摸屏、触摸板等）的状态变化的事件。这类事件用于描述一个或多个触

发布博客 2020.10.21 ·