TheZing-CSDN博客

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

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

2019-12-09 20:07:39 720

原创 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 161

原创 arguments对象详解

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

2019-09-18 21:43:05 886

原创 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 108

原创 var、let与闭包

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

2019-09-17 17:07:14 540

原创 HTTP协议相关

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

2019-08-25 20:36:25 91

原创 Web攻击技术

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

2019-08-25 20:17:47 133

原创 React生命周期

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

2019-08-25 14:26:42 118

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

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

2019-08-25 13:53:29 1893

原创杂碎

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

2019-01-17 23:20:40 183

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

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

2019-01-12 14:14:42 4558 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 1324

原创数组元素去重

<!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 162

原创操作表格

<!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 188

原创九九乘法表

<!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 138

原创抽奖

<!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 137

原创音乐播放器增强版（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 635

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