- 博客(50)
- 收藏
- 关注
RSS订阅原创 react-hot-loader不生效
情况：按照官网的教程都配置了一遍，但是不生效。解决方案：需要在webpack中配置 target:‘web’注意：千万不能用target:[‘web’] 这种写法。这种写法也有问题。
2021-03-17 19:24:10
319
原创 速学webpack（四）--实战配置案列
1.Library打包针对于写库的打包。const HtmlWebpackPlugin = require('html-webpack-plugin');const { CleanWebpackPlugin } = require('clean-webpack-plugin');const path=require('path')module.exports={ mode:'production', entry:'./src/index.js', externals:{
2020-12-07 20:11:09
178
原创 速学webpack（三）--webpack核心概念
1.Tree Shaking官网详细教程概念：中文翻译就是摇树，把不需要的叶子都摇下来。具体在代码中指的是，把没有使用到的模块在打包的时候去除掉。限制：仅支持es6（ impor export）的语法。详细配置：package.json配置：这里代表的就是@babel/polyfill和css文件不需要使用Tree Shaking。如果没有就配置成“sideEffects”:falsewebpack.config.js配置：2.生成环境与开发环境分别配置针对项目在不同环境下进行
2020-11-30 15:56:37
189
原创 速学webpack(二)--核心常用配置
1.loaders是啥?官网介绍loaders:loaders是为了打包不是js的文件。针对于不同的文件做不同的配置。2.图片处理file-loader官网教程需要安装一个loader：npm install file-loader -D具体配置：番外：类似于file-loader的一个->url-loader作用：把图片转换成base64，直接放在js中。不用额外使用http去获取图片。url-loader官网教程3.css处理style/css-loader官网
2020-11-14 17:38:33
103
原创 webpack5.0 使用webpack-dev-server时，无法自动刷新页面。
问题:根据webpack官网，进行一样的配置，但是在修改js文件后，html页面缺无法刷新。解决：添加配置：target: ‘web’启动命令：webpack serve --inline --content-base --hot --open Chrome.exe完整配置：
2020-11-07 00:02:00
3777
7
原创 速学Webpack（一）--基础教程篇
1.Webpack是什么？webpack是一个功能强大的模块打包工具。可以处理各种各样的文件。2.什么是模块化打包工具？就是把各个模块打包在一起。可以识别各种各样的模块化规范。例如：amd，cmd，commondjs，es6。webpack官方介绍模块化相关api3.安装Webpack1.第一步：安装node环境：官网地址2.选择一个文件夹，执行npm init。来创建一个符合webpack的项目。完成后，生成一个package.json的文件。3.webpack安装命令：
2020-11-03 17:55:38
99
原创 webpack 4.x打包：静态文件使用相对路径（解决：静态文件找不到目录，静态资源找不到的情况，自定义路径）
问题：如图所示找不到文件。解决: package.josn中+ “homepage”:"./"过程如下:在网上找了无数帖子，发现都需要修改webpack.config.js文件里面的publicPath。但是没有效果。万般无奈的情况下,看了一下执行打包命令后的控制台。发现眼睛是个好东西,需要好好利用。抱着试一试的感觉.重新编译下:npm run build查看打包后的index.html完美解决!...
2020-10-28 21:04:24
1575
2
原创 es6查找数组中的值
<script> var arr=[1,2,3] //array.filter满足条件的所有值 var find=arr.filter(item=>{ return item==2 }) //array.find找到满足条件的第一个值 var find=arr.find(item=>{ return item==2 }) //array.f...
2020-04-27 16:30:57
1529
原创 js生成数组的方法
var arr=new Array(5) var arr=["",""] var arr=Array.of(1,2,3,4) var arr=Array(5).fill(1)//Arrar.file(value,start,end) var arr=Array.from("123") console.log(arr);
2020-04-27 16:15:16
307
原创 你可能不知道的--es5遍历数组的几种方法
<script> const arr=[1,2,3,4,5] //第一种 for(let i=0;i<arr.length;i++){ // console.log(arr[i]) } //第二种 forEach 不能使用continue/break arr.forEach(item => { //consol...
2020-04-27 15:45:32
149
原创 android 广播的使用(静态/动态注册/系统广播/自定义广播)
接收方注册 @Override protected void onStart() { super.onStart(); IntentFilter filter=new IntentFilter("xxx"); LocalBroadcastManager .getInstance(this) .regis...
2020-04-20 16:57:45
963
原创 git命令精简篇
常用git命令git clone https://e.coding.net/tothethousand/xx.git（克隆远程仓库）git add .（提交到暂存区）git commit -m “first commit”（暂存区里的改动给提交到本地的版本库）git push -u origin master（提交给远程仓库）git status（查看当前状态）git diff (查看...
2020-03-18 09:34:53
73
原创 android studio找不到真机设备
问题：之前打开android studio能找到真机，结果后来某一次找不到，一度怀疑是手机问题。。。。。结果打开控制到看到 adb运行有问题解决：结果是因为鲁大师（360）一类软件会占用adb的默认端口，用任务管理器清理到就好了...
2020-01-19 03:06:18
522
原创 了解http协议
HTTP1.超文本传输协议（HTTP）是一种通信协议，它允许将超文本标记语言（HTML）文档从Web服务器传输到客户端的浏览器上2.HTTP是一个属于应用层的面向对象的协议，由于其简介，快速的方式，适用于分布式超媒体信息系统。它于1990年提出，经过几年的使用与发展，得到不断地完善和发展web1.WEB是一种基于超文本和HTTP的，全球性的，动态交互的，跨平台的分布式图形信息系统2.建立...
2019-12-27 12:41:03
127
原创 JavaScript深浅拷贝原理
1.赋值首先应当知道：基本数据类型：赋值，赋值之后两个变量互不影响（字符串（String）、数字(Number)、布尔(Boolean)、对空（Null）、未定义（Undefined）、Symbol）引用数据类型：赋址，两个变量具有相同的引用，指向同一个对象，相互之间有影响（对象(Object)、数组(Array)、函数(Function)）对基本类型进行赋值操作，两个变量互不影响。...
2019-12-23 15:29:08
120
原创 JavaScript防抖与节流
防抖：防止一个函数在一段事件内疯狂执行场景：1.搜索框input事件2.鼠标移动mousemove事件3.视窗大小变化resize事件原理：不希望一个事件在短时间内执行多次，所以设置一个定时器，在一段时间后才执行，在定时器的时间内有触发时间了，就取消上一个事件的定时器，避免上次事件发生，然后又重新设置了一个新的定时器。<script> function deboun...
2019-12-23 14:16:07
74
原创 ES6字符串的解构赋值
<script> //1.字符串的结构赋值 var str='i am robot ha ha ha' var [a,b,c,...oth]=str //a=i;b=an;c=robot oth=后面的每个字符，包括空格 var [...str1]=str var str2=str.split('') var str3=[...str]/...
2019-12-17 17:00:01
132
原创 JavaScript如何实现继承的几种方法
<script> //1.借助构造函数继承 function parent() { this.name = "parent" } parent.prototype.say = 'say' function child() { parent.call(this); this.type = 'child...
2019-12-16 13:44:40
81
原创 ES6对象的解构赋值
//1.对象的结构赋值 var obj = { name: '小明', age: '18' } var { name, age } = obj//name=小明，age=18 注意数组是根据位置进行赋值，对象是根据属性名赋值 //2.复杂情况 var obj1 = { name: '小明', ...
2019-12-16 00:39:06
85
原创 ES6数组的解构赋值
<script> //数组的解构赋值 const arr1 = [1, 2, 3, 4] let [a, b, c, d] = arr1; //更加复杂的情况 const arr2 = [1, 2, 3, [4, 5, [6, 7]]]//如何拿到7 let [, , , [, , [, num]]] = arr2 console...
2019-12-15 20:11:36
132
原创 解决const引用数据类型可修改问题（Object.freeze）
使用Object.freezeObject.freeze：冻结对象，不能添加新属性，修改属性值，不能删除属性，也不可修改属性的可枚举行，可配置性，可写性。<script> //es6写法 const person={ name:'小明' } Object.freeze(person); person.name='小红'//修改...
2019-12-15 19:44:07
413
原创 生成10个按钮，每个按点击的时候弹出1-10（var与let）
原因：js是在es6之前是没有块作用域的，只有函数作用域。<script> //写法1 var i = 0; for (i = 1; i <= 10; i++) { (function(i) { var btn = document.createElement('button'); btn....
2019-12-15 18:56:47
192
原创 页面性能优化
提升页面性能的方法有哪些？1.资源压缩合并，减少HTTP请求2.非核心代码异步加载异步加载的方式？1.动态脚本加载2.defer 直接在script标签的上加3.async异步加载的区别1.defer是在HTML解析完之后才会去执行，如果是多个，按照加载的顺序依次执行2.async是在加载完之后立即执行，如果是多个，执行顺序和加载顺序无关3.利用浏览器缓存缓存的分类...
2019-12-13 16:58:20
63
原创 浏览器渲染机制
1.什么是DOCTYPE及作用DTD（document type definition,文档类型定义）是一系列的语法规则，用来定义XML/HTML的文件类型。浏览器会使用他来判断文档类型，决定使用何种协议来解析以及切换浏览器模式。DTD简单来说就是告诉浏览器，自己是什么文档类型，浏览器根据DTD来判断用什么引擎来解析他。DOCTYPE是用来声明文档类型和DTD规范的，一个主要的用途便是文...
2019-12-13 15:53:29
59
原创 前端面试基础--js运行机制
1.理解js单线程的概念单线程就是同一时间只能干一件事。2.理解任务队列任务分为同步任务与异步任务同步任务：在主线程上排队执行的任务，只有前一个任务执行完毕，才能执行后一个任务。异步任务:不进入主线程、而进入任务队列的任务，只有 "任务队列"通知主线程，某个异步任务可以执行了，该任务才会进入主线程执行。3.理解Event Loop及事件循环，当主进程中的同步任务执行完毕之后，就会去看...
2019-12-13 14:59:18
155
原创 前端面试基础--安全类
1.CSRF1.基础概念和缩写跨站点请求伪造(Cross—Site Request Forgery)2.攻击原理及过程用户C打开浏览器，访问受信任网站A，输入用户名和密码请求登录网站A在用户信息通过验证后，网站A产生Cookie信息并返回给浏览器，此时用户登录网站A成功，可以正常发送请求到网站A；用户未退出网站A之前，在同一浏览器中，打开一个TAB页访问网站B；网站B接收到用户请求...
2019-12-09 23:11:06
77
原创 前端必问面试题-通信类
1.什么是同源策略及限制同源策略限制从一个源加载的文档或者脚本如何与来自另一个源的资源进行交互，这是一个用于隔离潜在恶意文件的关键的安全机制。如果不同源？1.cookie、localStorage和indexDB无法读取2.DOM无法获得3.AJAX请求不能发送2.前后端如何通信1.Ajax 必须 同源2.WebSocker 都可以3.CORS 都可以3.如何创建AJAX3....
2019-12-09 20:16:07
157
原创 BFC（块级格式化上下文）详解
1.什么是BFCBFC 全称为 块格式化上下文 (Block Formatting Context) 。2.BFC有啥作用1.使 BFC 内部浮动元素只在内部发挥作用，不会不会影响到外部2.解决边距重叠问题（同时能清除浮动）3.BFC的原理（BFC的渲染规则）1.BFC元素垂直方向的边距会发生重叠2.BFC的区域不会与浮动元素的box重叠，可以包含浮动元素（用来清除浮动）3.BFC...
2019-12-09 19:11:46
242
原创 Windows环境下Mongodb设置账户密码及，账户创建，账户修改，账户删除，账户权限修改。
作者：保证能运行，运行不了评论留言。每日必看csdn，解答。作者踩了无数坑。。。。。一·设置数据库管理员1打开cmd2.cd到 安装路径（…\Mongodb\bin）3.输入mongo.exe，启动4.输入use admin 切换到admin数据库5.输入 db.createUser({user:“myAdmin”,pwd:“123456”,roles:[{role:“userAdmi...
2019-11-26 23:53:06
1213
原创 npm install -g 和npm install --save-dev 和--save的区别
1.npm install 本地安装（1）将安装包放在 ./node_modules下2.npm install -g 全局安装(1) 将安装包会放在 /usr/local下(2)可以直接在任何地方下，通过命令行的形式进行使用3.npm install --save 生产环境使用（1）将安装包放在 ./node_modules下（2）会在package.json的dependenci...
2019-11-19 23:29:28
800
原创 vue中页面(路由)跳转及传值的几种方式
跳转路由的几种方式：1、声明式：1.1根据路由路径（/page2）无参数与有参数<router-link to="/page2">点击查看子页面</router-link><router-link :to="{path: '/home1/home2', query:{id: '001'}}">点击查看子页面</router-link>接受...
2019-10-25 15:56:00
1890
原创 前端JavaScript面试技巧-----开发环境
1.关于开发环境关于为什么会考察开发环境方面的问题呢？如下面试官想通过开发环境了解面试者的经验。开发环境，最能体现工作产出的效率。会以聊天的形式为主，而不是出具体的问题。IDE(写代码的效率)。git（代码版本管理，多人协作开发）JS模块化打包工具上线回滚的流程2.IDE(开发工具)webstorm（功能强大，收费） （大牛，大咖，逼格路线）sublime（轻量级） （普通...
2019-10-22 00:37:39
302
原创 node.js操作MongoDB数据库crud（增删改查），基于mongoose。
1.安装MongoDB数据库安装数据库教程：https://blog.csdn.net/qq_27378621/article/details/809333542.安装mogoosemongoose是一个方便操作mongodb数据库的插件，让用户更方便操作。cmd里面执行以下命令npm install mongoose -g3.进入正题连接数据库var mongoose = ...
2019-10-21 23:57:46
174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人