- 博客(43)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 leetcode 刷题 - 两数之和 - 复杂度小于 O(n2)
思路小记正常思路会两边 for 循环找到。我想到了其他方法，减少运算量。只需要 2n 复杂度。1.第一遍 for 循环，将数组存成对象形式。 key 为 val,value 为 index.比如 [2,7,11,15] 存成{2: 0, 7: 1, 11: 2, 15: 3}2.第二遍 for 循环遍历数组。判断 key 为 2 时， target - key 的 那个对象是否存在。存在则输出。代码如下：var twoSum = function(nums, target) ...
2021-10-15 17:07:32
425
原创 antdesign Tree 实现 Treeselect 的 SHOW_PARENT
业务及设计需求，不太好直接用 treeselect。 但是需要 show_parent 的功能。即： 当一个 node 的子元素全部被选中时，选中列表只展示父元素。核心思想： 排除选中父节点下的所有子节点。使用： 1.onCheck 会接收到所有选中的节点，包括选中的父节点及子节点。2.checkedNodesPositions 会展示所有节点的路径。3. 如果 一个 node 节点的路径包含其他节点，说明该 node 为子节点，排除该节点。我的解决方法： 双层循环 chec..
2021-08-27 11:54:15
1134
1
原创 capture full size 无法截取全屏问题
最近在某个网站上发现，capture full size 无法截取全屏。可能是网页设置了 body 高度为 100% 所致。去掉该属性即可正常使用。
2021-07-30 14:45:03
4642
3
原创 Taro1 ios setClipboardData 失效问题
遇到问题如题。解决方法如下：1.在 github 上找到了原作者在 v3 版本的更新。fix(taro-h5): 修复h5环境下setClipboardData在ios无效, 在android滚动到页面最后的问题 (#4622) · NervJS/taro@351c0ac (github.com)关键代码如下：因此，我手写了一个 复制函数。如下：copyText = (text) => { var input = document.createElement(
2021-07-27 18:09:23
1070
原创 Taro Typescript 参数校验、事件传递问题
项目需要 ，接触到了 TS。记录一下完成的一个 组件的写法。这里写的是一个圆角框。import React, { Component } from 'react'import { View } from '@tarojs/components';import './index.scss';type Props = { style?:object, children?:any, onClick?:() => any}interface RoundedCard {
2021-03-29 14:21:06
303
原创 [css 问题] span 设置 line-block 作为块使用时，设置宽高后，位置偏上问题
今天遇到了一个问题，span 内容为空，属性设置为 display:inline-block ，将它当作块使用设置宽高、放入背景图时，位置会偏上 。如下：后来发现，在 span 输入任意字符，它的中线就会和文字保持一致。所以解决问题的方法就是，在 span 的内容里放入空格。即 效果如下：...
2021-03-17 15:21:19
736
原创 antd 表单 校验、取值、重置
上次接触 React 是一年多以前了，再写的时候发现 antd 有了不晓得改动。总结一下。1. antd 表单取值和校验ref={this.formRef}首先要在表单上定义一个 ref。formRef = React.createRef()然后在 class 里面定义 formRef. 这个最好定义在比较靠前的位置，这样方便后面要用到的时候不会出现引用错误。获取到 form 实例。这个地方代码我截掉了用不到的一段，这个 val 就是拿到的合法表单值。记得要写 catch
2021-02-18 18:20:11
6105
原创 Snipaste 向全世界安利这款截图软件
先放个下载链接 链接: https://pan.baidu.com/s/1JAr4z362Vy7PGq_WmNrvYg 提取码: mxys 复制这段内容后打开百度网盘手机App，操作更方便哦默认的是 F1 开始截屏，双击复制到粘贴板。操作和 QQ 截图基本一致。要修改设置，点击图标，右键 - 首选项可以修改快捷键。...
2021-02-02 14:55:44
153
原创 vscode html 标签按 Tab 键自动补全
1.点击 文件-首选项-设置, 然后点击右上角 打开设置 （json)2. 加入 json 字符串"emmet.triggerExpansionOnTab":true即可，在 html 界面输入 div ,按下 Tab 键，就出来 <div></div> 了
2021-02-02 14:46:01
2346
1
原创 前端 50个知识点总结
50 个知识点王思惠盒子模型盒子模型分为W3C标准盒子模型、IE 盒子模型。一般在代码中使用 box-sizing 属性进行定义。box-sizing:content-box 代表标准盒子模型box-sizing:border-box 代表怪异盒子模型box-sizing 默认值为content-box标准盒子模型与 IE 盒子模型的核心差异在于：IE 盒子模型的 conten...
2019-11-14 15:12:24
547
原创 React-ace 代码自动补全、修改代码补全内容、获取代码、获取代码格式报错信息、设置代码内容（json) 等问题
需求: 一个代码编辑器，能够补全特定内容，且输入过的内容不可以再在补全内容中出现。1.下载这个很多其他博客有，略过不谈。2.引入import AceEditor from 'react-ace';import "brace/mode/json";import "brace/theme/monokai";import 'brace/ext/language_tools';...
2019-06-05 16:49:36
6209
3
原创 Bizchart x轴数据压线、饼图内添加文字、修改区域图颜色、x 轴数据间隔问题
最近在使用 bizchart 感觉不大熟悉，遇到了一些问题，于是整理记录了下来。1.x 轴数据压线调整 range 值，比如调整成 [0,0.9] 就可以将数据往前提一格，避免横轴压线问题。2.饼图内添加文字我需要的是一个环形图，里面显示数据。但是一开始没有要求往里面加数据，我就使用了饼图分隔。后面也懒得改了，就找了往里面添加数据的标签。就是 Html 那一段。<...
2019-03-14 11:22:58
5336
原创 如何将字符串转化为正则表达式
要求：在全局替换传入的字符 test解决方法：使用正则问题：加入变量会变成字符串解决方法：在字符串前加 eval代码如下：const test = this.props;JSON.parse(JSON.stringify(data).replace(eval(`/${test}/g`), newStr));在vscode会报错无法提交。点击报错，右键第二个选项。...
2019-02-28 14:59:50
14776
原创 js 小数失精问题 0.0700 * 100 = 0.70000000001
要求是将小数转化为百分数，且保留两位小数。比如是 0.3214 要求转化成 32.14%。试了很多方法都不管用，就自己写了个函数，简单判断了一下。toPercent = number =>{ const num = Number(number).toFixed(4) * 100; const arr = num.toString().split("."); ...
2019-02-28 14:39:54
2387
原创 React 循环/遍历的使用
mapmap一般用于将元素用标签包裹后返回。record.pnounMem.map(item => ( <div> {item.memName}-------{item.synonyms} </div> ))也可以用简单的判断来决定返回值：tags.split(/[,，]/).map( tag =&g...
2019-01-10 10:27:06
6182
原创 react/js 实时匹配正则表达式
需求：在文本框中输入正则表达式和数字，实时显示匹配结果。代码如下： const text = e.target.value; //输入的匹配文本 const Rep = this.state.record.rep; //输入的正则字符串 const patt = new RegExp(Rep,"g"); const result = text.match(Rep);//显示匹配的...
2019-01-10 10:10:13
9733
原创 高性能 JavaScript 读书笔记（五）
字符串和正则表达式字符串连接连接字符串有很多方式，常见的有：1.str = "a" + "b" + "c";2.str = "a"; str += "b"; str += "c";3.str = ["a","b","c"].join("");4.str = "a";
2018-11-20 17:20:41
116
原创 高性能 JavaScript 读书笔记（四）
循环1.减少迭代的工作量2.倒序循环条件语句if-else && switch大多数情况下，switch 比 if-else 运行的快。但只有条件数量很大的时候才明显。优化 if-else1.把最可能出现的条件放在最前面。2.嵌套判断。（就是尽可能地的把条件拆分，减少 if - else 的判断次数。查找表比起 if - else ,使用查找...
2018-11-13 11:30:43
164
原创 React初识-在数组中添加 html 元素
虽然 React 看了有一段时间了，但是亲自尝试的时候还是有点惶恐。要求：服务端返回数组，客户端需将数组展示在客户端<div className={styleSer.testPicConTwo}>{ this.getInterfaceInfo.call(this, InterfaceInfo)}</div>要求 getInterfaceInfo 函...
2018-11-06 19:51:48
2136
原创 高性能 JavaScript 读书笔记（三）
重绘与重排概念重排：当元素的宽和高发生改变的时候，就会重新排列元素，称为重拍。重绘：将重排的的元素重新绘制在浏览器中，称为重绘。在元素中添加段落、添加边框、添加或者删除元素、修改内外边距等，一切改变现有元素的位置的操作都会导致重排的发生。相应的，添加背景色这一类没有改变元素位置的操作则不会导致重排和重绘。最小化重绘和重排重绘和重排的代价非常昂贵，为了减少发生次数，应该减少发...
2018-10-30 17:10:02
121
原创 高性能 JavaScript 读书笔记 （二）
数据存取字面量、本地变量、数组元素、对象成员字面量只代表自身，不存储在特定的位置。JavaScript 中的字面量有：字符串、数字、布尔值、对象、数组、函数、正则表达式以及特殊的 null 和 undefined 值。一般来说，访问本地变量和字面量的事件较少，访问数组元素和对象成员花费时间较多。访问局部变量的时间比全局变量的时间少。还有一点，从服务器获取的数据、数组的长度之类的...
2018-10-12 17:27:09
116
原创 高性能 JavaScript 笔记 （一）
加载和执行1.按顺序加载可以在 html 任何位置引入 js ，但值得注意的是，浏览器总是先下载 js 再渲染 dom 元素，js 控制 dom 元素时，必须在元素加载完之后才可以正常执行。因此，建议将 js 放在文件末尾，一是保证 dom 元素已经加载完毕，二是在 js 文件较多的情况下，尽可能减少页面延迟。还建议尽量减少 js 文件数量，避免多此发起链接请求浪费时间。2.动态脚...
2018-09-28 16:27:43
262
翻译 9步：为你的 web 应用选择一个技术栈
创始人、CEO（首席执行官）、CTO（首席技术顾问）以及其他的利益相关者都需要知道如何构建一个软件产品，你是他们中的一个吗？是否烦恼过 web 应用到底选择哪一个技术栈比较合适？用 JAVA 还是用 Python 呢？使用 node.js 或者 Flask/Django 作为 web 框架真的选对了吗？前端到底是选 Angular ,React 还是 VueJs?数据库到底是选 MySQL,...
2018-08-06 15:34:31
1109
原创 入职第一波——jsPlumb demo - chart
翻译了很久的文档，但对于 jsPlumb 的运用依然感觉云里雾里的，所以决定好好看看 dome 代码，结合代码理解知识，真的比较好理解。在此我尝试讲解 jsPlumb 中的例子，chart。注意，我翻译的文档和我使用的例子不是同一个版本，原因嘛，那自然是公司要求的版本是老一点的。虽然版本不大一样，但基础用法是相似的。讲解开始。首先，看一下界面效果图。界面效果图如上，用户可以自己拖动...
2018-07-23 16:06:21
1100
翻译 入职第一波-jsPlumb 官方文档部分翻译
刚入职，就得知自己要做 jsPlumb 相关的工作，本着看啥不如看官方文档的原则，开始看官方文档……后来发现，已经有人翻译好啦，我开始愣是没找着。那我都翻译了，不能白费不是，发上来吧，初次翻译，大神轻喷。JsPlumb 官方文档-免费版 jsPlumbjsPlumb免费版为开发者提供了一种方法，使得开发者们能够在页面上对元素进行可视化连接，使用SVG。jsPlumb没有外部依赖...
2018-07-23 14:34:05
4530
原创 JUDE 分享
上软件需求分析课程的时候老师给我们推荐的画图软件就是 jude ,我卸载过，后面又重新下载，发现特别麻烦!要注册要登陆的，但是根本不记得邮箱密码！QQ邮箱登录还不行！后面发现有个博客教我怎么下载，说超级麻烦，结果愣是没有一个文件分享！这么麻烦难道就不能分享一下嘛？！所以我下载好了之后决定分享一下。ju'de下载...
2018-05-10 10:24:04
361
原创 mysql存在则修改数据，不存在则插入数据
存在则修改数据，不存在则插入数据，主要代码如下：但我写这个的时候却发现总是插入新的数据，没有修改数据。后来发现问题如下：1.设置索引。2.设置索引的对象一定是在这个数据表里独一无二的。因为它检测的就是你数据表的索引对象，如果索引对象不存在则插入，存在则修改。...
2018-05-02 10:21:33
3174
1
原创 html/nodejs获取上传图片并通过发起ajax请求保存到后台
关于如何隐藏原有的Input输入框问题原生的html有点不好看，我想用一个按钮代替。方法如下：1.在界面中写入 input type = "file" 标签，并设置 opacity 为0.2.写一个按钮。3.主要代码如下：此时，即可点击按钮上传图片。关于如何将图片传给 NodeJs 并保存图片问题 前端主要html代码如下：前端主要js代码如下：原理就是获取图片然后作为 ajax 数据传送。 $(...
2018-04-23 23:28:02
4384
原创 vue 绑定对象内点击事件失效问题
突然的发现某段 html 代码中点击事件失效了。仔细观察才发现，这段代码内的元素都在 vue 绑定对象中。因此失效。解决办法是将绑定对象内的元素点击事件换成 v-on:click。...
2018-04-18 23:51:25
14486
原创 vue 修改 data 数据问题并实时显示
首先，定义一个变量：（以下以本人写的为例）首先定义一个变量：然后，给变量赋值：如果想要修改数据，主要代码如下:然后界面上要记得绑定数据id:就Ok了。...
2018-04-18 18:53:48
27498
原创 将 vue.js 获取的 html 文本转化为纯文本
我存入数据表中的数据是使用 html 格式，获取数据是使用 vue 获取。遇到了一个问题，就是界面上显示的数据是 html 格式的，但是我需要它显示纯文本。怎么做呢？首先在 js 中写一个将 html 格式转化为纯文本的函数：这是我从其他博客上找到的函数，亲测可用。function ToText(HTML) { var input = HTML; return i...
2018-04-18 14:07:22
4481
2
原创 mysql+nodejs 前台时间显示 2014-11-11T00:00:00.000Z 问题
这是个奇怪的问题。数据库直接存储格式如下：但前台显示 成了 2014-11-11T00:00:00.000Z 这种格式。怎么解决呢？需要修改以下 sql 语句。SELECT DATE_FORMAT(NOW(), '%Y-%m-%d %H:%m:%S') AS startTime;其中 NOW() 代指当前时间，可以用数据表中的字段代替。...
2018-04-18 13:43:36
2641
原创 node.js 集成 ueditor 步骤及注意事项
这里是我费了一天的心思总算成功的搞好了 node.js 与 ueditor 集成的过程。做一个小白真难啊，非摸着石头过河。今天心好累，要多说一点废话。完成这个内容之前，首先你得保证你引用ueditor的界面在 nodejs 项目中。以我的界面为例，就在 myapp/public 下。我的项目目录如下：如果不再同个项目下，就会出现跨域问题，解决了 HTTP 没配置好之后，会告诉你各种文件出错，各种引...
2018-04-16 22:27:51
1537
3
原创 vue ajax 与后台交互问题
之前对 vue 做过简单的了解，但是对如何使用 vue 与后台进行数据交互仍是一知半解。今天通过我的毕业设计，我了解了如何使用 vue 进行数据交互。本来打算使用 vue-resource,但尝试了几次都没有成功，最后使用 ajax 成功了。贴上代码如下：注意，首先要在页面上引入 jQuery.js 以及 vue.js. <div class="input-group wsh-a...
2018-04-15 13:43:09
2784
原创 express 获取mysql执行结果的状态问题
一时半会的还没有习惯 js 的执行方式，设置状态量返回 undefined 后，我意识到，在 java 里使用的方法在 nodejs 是执行不通的~所以需要使用回调函数。那么该怎么使用呢？首先要在函数里面传入回调函数这一参数。我以我验证用户的代码作为示例。我是将验证用户是否存在这一类函数写在单独的文件里，然后作为接口。代码如下：exports.findUserByAccount = functio...
2018-04-12 16:12:39
890
原创 express 统一设置 res.setHeader 问题
解决了跨域问题以后，发现再每一个res里面都需要写一大堆 res.setHeader，实在另人目眩。所以我就想，肯定能把他们都放到一堆去的。我百度了一下，发现了如下方法。就是在 app.js 添加如下代码：app.all('*', function(req, res, next) { res.setHeader('Access-Control-Allow-Origin','*'); re...
2018-04-12 16:03:07
14079
8
原创 使用sublime作为node.js express编辑器之访问 localhost:3000 问题
官网上是说使用npm在命令行中打开，我发现命令行关闭以后以后，就无法访问 localhost:3000 。我想在我使用的 sublime 中直接打开，跳过命令行，使浏览器能够访问。只需要配置好sublime的nodejs环境，然后使用express新建一个myapp ,在sublime中打开后，找到bin目录下的www文件，按下ctrl+b,就能够再次访问localhost:3000了。...
2018-04-09 21:21:54
973
原创 安装本地express之express -v无输出问题
node.js 装D盘，但是我想把代码写E盘，这就很头疼了。主要问题是我输入了 express -v 之后怎么都输出不了结果！装了全局也输出不了！后来我算是发现问题了。看到本地的bin目录下有个 express cmd,也可能在其他地方，这就说明已经安装成功了。所以，要想正常运行 express, 需要到哪个有 express.cmd 的目录下才能成功进行下一步操作。这是错误示例：这是正确示例：请...
2018-04-09 17:44:03
304
原创 node.js与ajax交互之 json 与 jsonp 数据格式问题
将 dataType 从 json 改成 jsonp 之后，新的问题出现了，就是 ajax 无法解析 json 类型的数据。这就很尴尬了，看了好几篇怎么解析的问题，都没看懂。后来终于看懂了。简而言之就是 dataType 改成 jsonp 的数据格式以后，再传 json 格式的数据就会报错了。那么，该传什么格式的数据呢？我的完整的ajax代码如下所示:$.ajax({ ...
2018-04-09 01:31:21
962
原创 ajax与node.js交互之跨域问题之ajax 访问 node.js出现No 'Access-Control-Allow-Origin' header is present on ...问题
看了好几篇英文博客，说是要在 server.js 中添加如下代码：res.setHeader('Access-Control-Allow-Origin', '*'); res.setHeader('Access-Control-Allow-Methods', 'GET, POST'); res.setHeader('Access-Control-Allow-Headers', 'X...
2018-04-09 01:19:35
137
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人