TheZing-优快云博客

原创 webpack配置之babel编译目录配置

今天想深入学习搭建前端项目的时候，遇到了一个关于 webpack配置的问题，而且我对webpack配置了解的很少。我用react脚手架搭建了一个react项目，项目其中有两个目录，分别是public目录和src目录，当我把组件写在public目录的时候，npm start的时候死活报错，同样的文件放在src目录下竟然不报错！报错以及报错信息如下：Module parse failed: /mnt/...

2019-12-09 20:07:39 912

原创 JavaScript中的垃圾回收机制

什么是GC：GC是Garbage Collection的缩写，意为垃圾回收；不是所有语言的世界里面都有GC,相对来说，高级语言里面一般会带GC，比如Java,JavaScript，Python，在没有GC的世界里，需要程序员手动管理内存，比如C语言我们常见的malloc/free，其实就是memory allocation的缩写。当然，还有C++里面的new/delete。垃圾收集器会按照固定的时...

2019-09-20 13:09:45 265

原创 arguments对象详解

Arguments：每个函数都会有一个Arguments对象实例arguments，它引用着函数的实参，可以用数组下标的方式”[]”引用arguments的元素。arguments.length为函数实参个数，arguments.callee引用函数自身。Arguments对象是一个伪数组对象，它有length属性，可以arguments[i]来访问对象中的元素，但它不能用数组的一些方法，例如p...

2019-09-18 21:43:05 1031

原创 call、apply、bind

call：语法： 1 fun.call(thisArg[, arg1[, arg2[, ...]]]) thisArg：fun函数运行时指定的this值，可能的值为：不传，或者传null，undefined， this指向window对象传递另一个函数的函数名fun2，this指向函数fun2的引用值为原始值(数字，字符串，布尔值...

2019-09-18 11:28:47 185

原创 var、let与闭包

var：函数作用域，可以在声明前调用； let:块作用域，在声明前调用会报错；闭包：闭包就是能够读取其他函数内部变量的函数。由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，因此可以把闭包简单理解成"定义在一个函数内部的函数"。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。 var、let与闭包：我们可以利用这种块级作用域的特性来避免闭包中因为变量保...

2019-09-17 17:07:14 715

原创 HTTP协议相关

HTTP：HyperText Transfer Protocol，超文本传输协议，也称超文本转移协议；我们把一系列与互联网关联的协议集合起来称之为TCP/IP；我们所说的HTTP其实是属于TCP/IP协议族内部，是它的一个内部子集，通俗来说HTTP就是这么多协议中的一种； HTTP属于五层模型中的应用层； URI：统一资源标识符，Uniform Resource Identifier；...

2019-08-25 20:36:25 152

原创 Web攻击技术

分类：主动攻击与被动攻击；主动攻击，即攻击者直接访问Web应用，将攻击代码传入，而被动攻击则是利用圈套策略执行攻击代码的攻击模式，主动攻击主要有SQL注入攻击，被动攻击主要是XSS攻击和CSRF攻击。 SQL注入攻击：针对web应用使用的数据库，运行非法的SQL而产生的攻击。由于服务端运行一些动态SQL的时候，没有对动态的内容进行过滤，导致一些关键词被使用，从而产生了意想不到的执行结果。 XS...

2019-08-25 20:17:47 218

原创 React生命周期

React 16之后有三个周期函数被弃用：ComponentWillMount,ComponentWillRecieveProps,ComponentWillUpdate; React 16.8+ 的生命周期分为三个阶段：挂载阶段，更新阶段，卸载阶段，每个阶段会调用相应的生命周期函数，如：挂载阶段：1.constructor：构造函数，最先被执行;2. getDerivedStateFrom...

2019-08-25 14:26:42 212

原创为什么使用框架而不用原生

1.组件化：其中以react的组件化最为彻底，甚至可以到函数级别的原子组件，高度的组件化可以使我们的工程易于维护，易于组合扩展； 2.天然分层：jQuery时代的代码大部分情况下是面条代码，耦合严重，现代框架不管是MVC、MVP还是MVVM模式都可以帮我们进行分层，代码解耦更易于读写； 3.生态：现代主流框架都自带生态，不管是数据流管理架构还是UI库都有成熟的解决方案； 4：开发效率：现在前...

2019-08-25 13:53:29 2126

原创杂碎

其实，我想成为一个业余writer，或者说只是单纯写点东西，记录一下日常，也抱着些许幻想，假如我有能力去投稿了，那是一件多么棒的事情，或者也坚持不了多久，但是就是想去做，不行动的话就会耿耿于怀，然后留下些遗憾。我有很多想法，我想经营一个公众号，内容是什么也还没想好，反正是很吸引人的东西，我觉得这也是一件非常棒的事情，哈哈。突然又转念，你一边工作，还一边搞其他的事情，你能兼顾吗，会不会都搞砸了？这的...

2019-01-17 23:20:40 266

原创 react-native-ble-manager组件的使用

最近几个月从h5转到RN的开发，其中遇到了很多坑，因为我们做的是物联网项目，然后又刚好用到了蓝牙组件，蓝牙组件我选择的是react-native-ble-manager,目前我已经跟硬件实现了通信，所以现在想简单写写蓝牙通信以及使用这个组件的的注意事项，本人才疏学浅，博客也写的比较少，不喜勿喷。实现这个ble蓝牙通信我很多是参照https://blog.youkuaiyun.com/withings/arti...

2019-01-12 14:14:42 5035 3

原创统计字符串中出现次数最多的字符

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> window.onload=functio...

2017-11-30 23:48:21 1503

原创数组元素去重

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <script type="text/javascript"> window.onload=function(){ var arr=[1,13,24,...

2017-11-30 23:46:07 254

原创操作表格

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>操作表格</title> </head> <style type="text/css"> *{margin: 0;padding: 0;} div{text-align: center...

2017-11-30 23:44:30 287

原创九九乘法表

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <style type="text/css"> tr{ border: 1px solid black;} td{ border: 1px solid...

2017-11-30 23:42:47 213

原创抽奖

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{margin: 0;padding: 0;} #box{width: 408px;margin: 100px auto;} #...

2017-11-30 23:40:43 239

原创音乐播放器增强版（ajax请求网络api）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="referrer" content="never"> <title></title> </head> <style type="text/css"> tabl...

2017-11-15 11:21:29 746

原创在线音乐播放器（ajax请求网络中免费的api）