- 博客(32)
- 收藏
- 关注
RSS订阅原创 深入理解webpack自动刷新浏览器
文章目录1. 自动刷新浏览器1.1 监听文件变化1.1.1 方式1.1.2 原理1.2 自动刷新浏览器1.2.1 原理2. 模块热更新2.1 两种方式2.1.1 webpack-dev-server2.1.2 webpack-hot-middleware我们在日常开发时，有一个需要在开发状态下的优化，就是浏览器能自动显示修改后的代码，而无需我们手动刷新1. 自动刷新浏览器为了能实现浏览器自动刷新，需要做两件事情:监听文件变化自动刷新浏览器1.1 监听文件变化监听文件变化是在webpack模
2020-12-06 16:37:10
1153
原创 移动端适配知识点梳理-part one
文章目录1. 设备像素和css像素2. pc端的尺寸3. 移动设备中的尺寸4. 理想视口4.1 meta标签4.2 理想视口的概念4.2.1 详解initial-scale4.2.2指令冲突1. 设备像素和css像素设备像素，又叫物理像素（physical pixel），给出您正在使用的任何设备的形式分辨率，可通过screen.width/height获取.css像素，又叫设备独立像素（device-indenpendent pixel），此为逻辑像素，计算机设备中的一个点注意：设备像素
2020-09-09 23:30:10
270
原创 h5 播放视频怎么禁止全屏？
用h5的video标签来做视频会有很多问题，比如说：如何禁止全屏呢？添加上以下三行代码即可：注意：笔者用的是video-react，所以属性是playsInline，如果直接使用video标签的话，那么属性就是playsinlinewebkit-playsInline={true} // iosx5-playsInline ={true} // androidplaysInline ={true} //ios10更多的关于视频的问题，可看笔者关于h5播放视频的整理：github、segmen
2020-08-16 15:38:43
1726
原创 详解js的this指向问题
以下内容来自《你不知道的js》读书笔记this提供了一种更优雅的方式来隐式“传递”一个对象引用，因此可以将API设计得更加简洁并且易于复用。this与函数的调用位置有关。一、 this的绑定规则默认绑定隐式绑定显示绑定new绑定1. 默认绑定：即独立函数调用，this会绑定到全局对象上（非严格模式）function foo(){ console.log(this.a); // 2}var a=2;foo();注意：对于默认绑定来说，决定this绑定对象的并不是调用位
2020-07-26 10:18:52
180
原创 如何禁止chrome将http强转为https
日常开发中，当在测试环境中访问http请求时，chrome会自动将协议转化为https，导致出现访问不了的情况，那么怎么解决呢？1、输入如下链接：chrome://net-internals/#hsts2、滑动到最后，输入域名点击【delete】即可...
2020-05-24 18:08:35
2081
原创 settimeout你会用吗？
在我们日常写代码中，有很多场景会用到定时器，那么关于定时器，你真的会用吗？下面就笔者最近使用定时器频率较高，特地总结了一下定时器有哪些值得注意的地方：1. 及时清除不管在什么场景下用到定时器，一定要在后续及时清除掉，否则会带来意想不到的隐患。以下代码为实现一个定时器，初始时的时间间隔是50ms，当数字到95时，时间间隔变为1s。所以在if语句中在即将去执行新的setinterval时，将当前...
2020-04-29 12:12:46
266
原创 初识React Hooks-下篇
上一篇已经基本介绍了React Hooks的基础，以及基础Hooks的使用，但还不够详细，这篇将详细的介绍基础Hooks和额外Hooks的使用。
2020-04-06 14:12:14
453
原创 js判断对象是否为空
在项目中，我们经常会遇到if()为真时，才去执行一些内容，那么对于对象为空有几种判断方法？在这里笔者稍作整理，主要有以下几种：JSON.stringify()将对象转化为字符串if( JSON.stringify(obj) == '{}'){ console.log('对象为空')}Object.keys()返回对象所有可枚举（用enumerable属性来标识）的属性所组成的数...
2020-03-29 23:06:52
1077
原创 初识React Hooks-上篇
@[TOC]React Hooks是什么&为什么要用React Hooks?@[TOC]React Hooks的使用方法@[TOC]使用React Hooks遇到的坑1. React Hooks是什么&为什么要用React Hooks?以下引入官方文档中的简单介绍：Hook是React16.8的新特性，它可以让你在不编写class的情况下使用state以及其他React特性...
2020-03-25 12:09:41
243
原创 react-router的原理分析
react-router中涉及到的组件有如下几个：history、Router、Route、Link。可以通过API文档来查看具体的使用，在这里仅仅介绍其基本功能和实现的原理。一、组件的功能1、history：React Router 是建立在 history之上的。 简而言之，一个 history 知道如何去监听浏览器地址栏的变化， 并解析这个 URL 转化为location对象， 然...
2019-04-16 19:36:48
5345
原创 用css实现三栏布局，要求左右定宽，中间自适应
面试的时候经常会被问到这个题目，以及我们在平常做界面的时候也会遇到这种三栏布局的要求，那么如何实现呢？其实网上有很多方法，但还是跟着我的例子敲一遍代码吧，这样自己才能知道原理是什么，也有助于理解。一、圣杯布局（让left和right占据container的padding）html界面：分别是左中右的三个div<div class="container"> &...
2018-12-30 11:31:42
2099
原创 Keras中的Embedding和Word2vec的区别
最近在接触深度学习，在自然语言处理的应用中，不可避免的要把文本转换成词向量，那么如何转化它呢？以及目前几种主要转化方式是有什么不一样呢？接下来借助我最近做的文本分类的问题加以解释说明，主要理清word2vec和keras提供的Embedding层的差别，这也是一度使我比较困惑的地方。一、one-hot一切要从one-hot编码开始。我们在对文本进行预处理时，一般会根据自己的训练文档来构...
2018-12-29 09:34:41
6661
2
原创 css实现水平垂直居中的问题
面试已经被问了好几遍这个问题了，以为自己看了文字描述觉得挺简单的，但是，，，事实是总也记不住，还是自己敲一遍代码吧。首先html结构如下图所示：方式主要有以下几种：（显示效果放在最后了）1、利用flex布局：justify-content：center使flex-item在主轴方向上居中，align-items：center使item在交叉轴方向上居中。具体flex的其他属性值...
2018-12-27 08:37:45
187
转载 js设计模式之观察者模式和发布订阅模式
最近在看vue的源码，发现用到了js的发布订阅模式，所以就恶补了一下，这。。。到底是个啥？说到发布订阅模式，我看到很多人将它和观察者模式说成一个，看了这么多的博文介绍，我还是倾向于他们两个是两种模式。下面来说一下我的理解吧。可以参考这篇https://www.cnblogs.com/lovesong/p/5272752.html来看一下原理上的区别，虽然道理是理解的，但是关于观察、发布、订...
2018-12-23 18:34:42
714
1
原创 python如何将多个空格只保留一个
用python在进行文本处理的时候，经常会去除空格，那么当有多个连续的空格存在时，如何只保留一个呢？可以采用如下方式：（text为要处理的文本字符串）text = "123 45"clean_str = ' '.join(text.split())print(clean_str) //输出为123 45 原理：先将字符串通过split函数变为字符数组，再用字符串...
2018-12-22 10:43:02
14389
原创 用python向txt文件中写数据时的追加和覆盖问题
最近在用python从WOS网站中爬取内容并保存到本地的txt文件中，发现每次写入都是把txt文件中原来存在的内容覆盖掉了，那么如何才能在原来的基础上继续往里面添加内容呢？1、原来的打开文件的方式是： file = open(pathTxt, 'w', encoding='utf-8')2、修改后的写法：（将文件的打开模式由“写入”改为“追加”） file = open(...
2018-12-22 10:34:23
26011
1
原创 如何用visio画直线同时去掉跨线
1、最近在写论文，用visio画图的过程中发现连接线都是折线，如下图1所示。那么如何才能画出如图2所示的直线来呢？ 图1 图2 要想实现上图的转化只需在图...
2018-12-22 10:21:35
6736
原创 本地git仓库push到远程仓库的流程
分享一下整个自己创建git远程仓库的整个流程以及期间的各种小问题吧：一、流程：1、在github上创建repository，右上角点击New repository。2、详细信息界面：填写名称和描述（自己随意），其他项按照默认的即可。3、填写完之后点击"create repository"按钮即可完成创建。4、因为这里我用的是windows系统，所以要想远程访问项目仓库，...
2018-12-07 10:01:56
895
原创 react-router4中嵌套路由的写法
因为本人也是react的初学者，也是在一遍摸索着一边解决一些小的问题来分享出来，希望大家能共同交流。接下来谈一谈react-router4中如何写嵌套路由。因为在前几篇博客里写了用react-router实现单页面跳转，但是没有测试嵌套路由，导致嵌套的部分无法实现正常跳转，现已改正，并来说一说它的来龙去脉。前言：本人用的react-router是4.3.1的版本，可以从package.js...
2018-12-06 17:16:04
4722
原创 用selenium和chromedriver从网页中爬数据以及chromedriver安装时出现的问题
1、首先下载selenium。用命令pip install selenium。2、下载chromedriver，本人的chrome浏览器的版本号是68，对应的chromedriver版本用的是2.40，大家可以参照一下这篇博客https://blog.csdn.net/weixin_42244754/article/details/815418943、把下载后的chromedriver...
2018-12-05 09:03:45
402
1
原创 es6的新语法
es6的语法糖虽然很方便，但是目前浏览器大多不支持es6的语法，需要使用bable进行转换。新特性如下：1、可以通过class关键字创建类，通过extends关键字继承类//父类class Human { constructor(name) { this.name = name; } breathe() { console.l...
2018-11-20 16:34:25
136
转载 聊一聊前端跨域
1、浏览器的同源策略：指不同域的客户端脚本在没明确授权的情况下，不能读写对方的资源。跨域指js在不同域（协议、域名、端口号有一处不同则属不同域）之间进行数据传输。 2、非同源会有以下三种行为受到限制：（1） Cookie、LocalStorage 和 IndexDB 无法读取。（2） DOM 无法获得。（3） AJAX 请求不能发送。 3、针对以上三种行为的解决方案对应...
2018-11-20 15:42:47
150
原创 web前端安全与防御
大体进行总结了一下相关知识点，如下：一、XSS：是跨站脚本攻击（Cross-Site Scripting）的简称。1、简介：XSS是指恶意攻击者利用网站没有对用户提交数据进行转义处理或者过滤不足的缺点，进而添加一些代码，嵌入到web页面中去，使别的用户访问都会执行相应的嵌入代码。总的来说，XSS的攻击方式就是想办法“教唆”用户的浏览器去执行一些这个网页中原本不存在的前端代码。2、分类：...
2018-11-20 15:07:15
651
原创 前端面试题之HTTP请求（包括请求的方法类型、请求与响应、get和post的区别）
经历了一波秋招，整理了一部分面试题，也是趁这个机会再巩固一下知识点。（本来想把所有的知识点都写在一篇博客中，感觉太冗长了，不如一篇一篇的整洁。）一、HTTP请求（主要从请求的方法类型、请求消息和响应消息、get和post的区别这几部分来说）1、请求的方法：HTTP1.0定义了三种请求方法： GET, POST 和 HEAD方法。 HTT...
2018-11-20 10:31:17
7131
2
原创 React利用路由实现登录界面的跳转
React利用路由实现登录界面的跳转上一篇在配置好了webpack和react的环境后，接下来开始写登录界面，以及接下来的跳转到主页的功能。**1、首先看一下总体的目录结构。**因为很多时候在看别人写的例子的时候因为目录结构不熟悉后边会出现意想不到的岔子。。2、大体流程：1）webpack配置入口文件src/index.js2）运行index.html后首先加载入口文件src/ind...
2018-11-19 20:44:19
27444
3
原创 使用webpack搭建项目
最近在学react和webpack，语言本身并没有感觉难，就是前边的准备步骤比较繁琐浪费了一些时间，本来想上周写，无奈还要写论文，只好拖到了今天，下面将分享一下从建文件夹到后续的整个步骤供大家参考一下。（希望能经常更博，不要拖延~~~）1、新建一个空文件夹test。2、在命令行中进入该文件夹。（test文件夹在f盘中，所以需要先从c盘进入到f盘，再执行cd命令进入到指定文件夹）3、...
2018-11-09 10:05:02
2969
原创 HTML中的块级元素和行内元素的种类及特点
HTML中的块级元素如下： <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...<
2018-06-25 19:26:15
2149
1
原创 js的基本数据类型及其typeof类型
javascript只有6中基本数据类型，分别是：null：空、无。表示不存在，当为对象的属性赋值为null，表示删除该属性undefined：未定义。当声明变量却没有赋值时会显示该值。可以为变量赋值为undefinednumber：数值。最原始的数据类型，表达式计算的载体string：字符串。最抽象的数据类型，信息传播的载体boolean：布尔值。最机械的数据类型，逻辑运算的载体...
2018-06-25 19:20:04
251
原创 在c#项目中用Docx插件导出word文档
在项目中遇到一个问题，就是当有多个用户同时下载一个文档时，会出现下载不了的情况，经调研，可能是微软自带的Microsoft.Office.Interop.Word插件的问题，所以就改用Docx插件，解决了问题。代码如下： public void downDeviceAdjust() { try { var d...
2018-04-26 19:28:59
2266
原创 在c#项目中用NPOI导出excel
用NPOI导出excel（加载的是已有的excel模板，当然也可以创建空的excel）具体步骤： 1、下载NPOI插件。地址：http://npoi.codeplex.com/releases/view/381132、在工程中添加引用。3、在需要用到NPOI的地方using4、下面就可以在代码中进行操作了。若行或者单元格中没有数据时，那么获取到的结果是null，必须在获取之前进行创建。5、最后必须...
2018-04-26 18:21:34
2269
原创 浏览器加载Angular Web应用的方式
浏览器加载Angular Web应用的方式：1、浏览器获取Html代码并开始构建Dom树。2、浏览器在构建Dom树的过程中遇到了angular.js，这时就会提取脚本（angular.js文件），暂停Dom树的构建直至js文件提取完成。3、angular.js文件提取完成后会设置事件监听器来监听浏览器的DomContentLoaded事件（此事件会在html文档加载完毕即Dom树构建完...
2017-12-15 14:34:16
579
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人