- 博客(26)
- 收藏
- 关注
RSS订阅原创 2021-03-23、2021-03-24
2021-03-23实现 int sqrt(int x) 函数。计算并返回 x 的平方根，其中 x 是非负整数。由于返回类型是整数，结果只保留整数的部分，小数部分将被舍去。/** * @param {number} x * @return {number} */var mySqrt = function(x) { const sqrt = Math.floor(x/2); if(sqrt*sqrt === x){ return sqrt; } else
2021-03-24 18:45:38
53
原创 2021-3-22
给你两个二进制字符串，返回它们的和（用二进制表示）。输入为 非空 字符串且只包含数字 1 和 0。示例 1:输入: a = “11”, b = “1”输出: “100”示例 2:输入: a = “1010”, b = “1011”输出: “10101”提示：每个字符串仅由字符 ‘0’ 或 ‘1’ 组成。1 <= a.length, b.length <= 10^4字符串如果不是 “0” ，就都不含前导零。题目来源：力扣（LeetCode）链接：https://leetc
2021-03-22 19:25:42
56
原创 Chrome89版本 noopener 终止clone SessionStorage
上周五突然演示时候产品打开新网页的时候自动跳转到登录也页，最后发现事Chrome更新导致的。
2021-03-21 10:24:16
118
原创 LeetCode21-03-12~21-03-21
2021-03-12给你一个 32 位的有符号整数 x ，返回将 x 中的数字部分反转后的结果。如果反转后整数超过 32 位的有符号整数的范围 [−231, 231 − 1] ，就返回 0。假设环境不允许存储 64 位整数（有符号或无符号）。js的Number均为64位，所以我第一反应是转String，翻转比较大小输出。后来察觉的位数限制，假定了下位数。/** * @param {number} x * @return {number} */var reverse = function(
2021-03-21 10:18:58
66
原创 LeetCode21-03-11
LeetCode给定一个整数数组 nums 和一个整数目标值 target，请你在该数组中找出 和为目标值 的那 两个 整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素不能使用两遍。你可以按任意顺序返回答案。/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { const
2021-03-12 18:49:10
70
原创 粘性定位（sticky）
粘性定位（sticky）前几天做项目遇到一个需要滚动到特定位置固定的情况。当时采用的方法是监听滚动，获取滚动位置，动态复制top的方式。当时的写法：mounted() { window.addEventListener('scroll', this.getScroll, true); this.offsetTop = document.getElementById('customTabs').offsetTop;},getScroll(){ const scrollTop =
2021-03-11 19:26:21
328
1
原创 差异化打包：控制是否cdn资源引入
需求： 根据环境变量不同控制是否cdn资源引入。项目背景：vue lic 3主要是使用webpack配置属性externals来实现。externals属性会从输出的 bundle 中排除依赖。我们需要在package.json中依然添加入依赖。然后通过环境变量动态控制external属性。同时在public/index.html中通过jsp 动态控制cdn加载。代码：package.js...
2020-04-02 20:42:18
197
原创 webpack差异化打包NormalModuleReplacementPlugin
项目需求需要根据不同的使用场景进行差异话打包，一些文件分属不同的包使用。我这里是Vue CLI项目主要使用webpack的NormalModuleReplacementPlugin插件。将route文件，提供你需要的版我这里用route/index_Version_A.js和route/index_Version_B.js替换。在main.js和需要引入route/index.js的地方引入ro...
2020-04-02 20:16:28
3137
原创 Vue CLI开启webpack打包gzip压缩和nginx进行gzip压缩
Vue CLI开启webpack打包gzip压缩在webpack打包过程中开启gzip压缩，能够有效的压缩js、css、html文件，加快页面的加载速度。我们只需要在vue.config.js文件中加入配置，就可以在打包过程中将相应的文件进行gzip压缩了。configureWebpack: config => { config.plugins.push(new Compressio...
2020-04-02 19:55:34
886
转载 简单明了区分escape、encodeURI和encodeURIComponent
转载于 奇葩一朵朵 – http://www.cnblogs.com/season-huang/ ，请勿用于任何商业用途一、前言讲这3个方法区别的文章太多了，但是大部分写的都很绕。本文试图从实践角度去讲这3个方法。二、escape和它们不是同一类简单来说，escape是对字符串(string)进行编码(而另外两种是对URL)，作用是让它们在所有电脑上可读。编码之后的效果是%XX或者%uX...
2019-03-05 10:33:56
165
原创 解决：ifram中嵌入第三方页面大小
项目中需要在页面中嵌入第三方的页面，但嵌入后发现有页面太宽只展示出来一半的页面来。解决方法：主要使用了css的transform属性，思路将ifram扩大将页面全部加载出来。再通过transform属性缩放平移，将页面完好的展示出来。上代码：<div className={styles.broadband_renewal}> <iframe ...
2019-02-27 19:34:51
1820
原创 解决：上一篇图片上传在ios中click事件无效
在上一篇中addImage方法中的this.input.click()在ios中无法生效。网上提供的几种解决方法，供大家参考：1、将 click 事件直接绑定到目标元素（即 .target）上；2、将目标元素换成 a 或者button 等可点击的元素；3、将 click 事件委托到非 document 或 body 的父级元素上；4、给目标元素加一条样式规...
2019-02-26 19:45:45
961
原创 react简易实现图片上传组件-从相机或文件夹上传
简单做了个图片上传的组件； <div className={styles.uploadImg_main}> <input style={{ display:'none' }} ref={(el) => { this.input = el }} type=...
2019-02-21 21:19:40
5314
原创 解决：operation not permitted, unlink 'D:\study\dva-boot-admin-master\dva-boot-adm
今天初始化项目（npm install）的时候遇到该错误：我直接比较粗暴的 npm install -force 解决；查了些社区问答解决方法如下供大家参考：1、卸载node.js重新安装（可以尝试升级或者降级，或者更改安装目录）；2、删除对应没有权限的文件夹，然后重新install；3、清除缓存npm cache clean --force；4、npm install -force...
2019-02-13 18:20:31
6877
1
原创 js中array的迭代方法
ES5为数组定义了五个迭代方法。每个方法都接受两个参数，要在每一项上运行的函数和（非必传）运行该函数的作用域对象。运行的函数上接受三个参数：数组项的值、该项在数组中的位置和数组对象的本身。every()对数组的每一项的执行给定的函数，如果该函数的每一次返回值都是true，则every函数返回true。var numbers = [1,2,3,4,5,4,3,2,1];var every...
2019-02-12 19:18:03
291
原创 git常用命令（记录）
git init 初始化命令：进入目录初始化Git本地仓库；git clone 克隆版本库命令；git clone -b 克隆指定的分支；git add 将内容添加到暂存区命令；git add a.txt 将a.txt文件添加到暂存区；git add . 将修改和未跟踪的文件添加到暂存区，不包括删除的文件；git add -u. -u 表示将已跟踪文件中的修改和删除的...
2019-01-31 15:02:28
128
原创 学习笔记：react-router4
项目中一直使用react-router4，但一直是照猫画虎，没有系统的学习整理过。一、react-router简介：react-router是专门用来实现一个SPA（single page web application）应用的一个react插件库。SPA应用只有一个完整的页面，点击页面中的路由链接（/标签）既不会进行页面跳转也不会向服务器发起请求。二、需了解的知识：1、history: ...
2019-01-13 10:27:21
143
原创 解决：Cannot read property 'tap' of undefined
启动项目发现报错信息如下：D:\study\blog-front-master\blog-front-master\node_modules\webpack\lib\ProgressPlugin.js:205 compilation.hooks.addEntry.tap("ProgressPlugin", entryAdd); ...
2019-01-09 16:08:27
39560
11
原创 解决：cross-env 不是内部或外部命令
今天从Git上拉了个项目，npm install 后启动发现报错：cross-env 不是内部或外部命令。依赖项丢失有解答再次npm install 后依然没有好使。最后直接npm install -save-dev cross-env@项目版本，搞定...
2019-01-09 10:11:02
17217
8
原创 学习React生命周期
React生命周期总体分为三个阶段：创建阶段（Mounting）、运行阶段（Updating）和卸载阶段（Unmounting）。也有种说法分为四个阶段：初始化阶段（Initialization）、创建阶段（Mounting）、运行阶段（Updating）和卸载阶段（Unmounting）一、React v16.0前的生命周期1.初始化阶段（Initialization）也就是下方代码中的类...
2019-01-08 16:38:29
186
转载 转载：深入研究-webkit-overflow-scrolling:touch及ios滚动
深入研究-webkit-overflow-scrolling:touch及ios滚动原文章链接：https://www.cnblogs.com/xiahj/p/8036419.html目录-webkit-overflow-scrolling:touch是什么？解决safari布局抖动的例子2.1 方案一2.2 方案二探究-webkit-overflow-scrolling:touc...
2018-12-21 11:29:10
149
原创 react中quill插件的使用
##react中quill的使用近期使用由于项目需要一款富文本编辑框，本来打算试着使用drift.js写一款富文本编辑器。但由于时间比较紧急最后选择引用第三方插件，在众多富文本插件中初步选择了Quill和CKEditor5，最后选择了简单便捷的Quill。下面是目录：引入插件配置toolbartoolbar进一步自定义字体toolbar自定义上传图片引入插件：通过npm inst...
2018-11-16 18:40:05
6131
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人