- 博客(49)
- 收藏
- 关注
RSS订阅
原创 前端测试框架mocha初体验
最近在同事的推荐下了解到重构，重构的主要目的是让代码更容易理解，代码更容易扩展。但在重构的过程中为了保证重构后的代码表现与之前的一致，需要加入js单元测试。前端单元测试框架选择在对比了jest和mocha之后，我选择了mocha。mocha的生态圈更好，使用的人数更多。我也只用了mocha，这里就简单列一下mocha的时候。话不多说上流程// 安装依赖$npm install mocha --save -dev // 或者全局安装$npm install mocha -g 在根目录添加t
2020-06-24 13:46:42
468
原创 Mac 活动监视器打不开，一打开闪退
相信很多同胞都遇到这个问题，Mac本发热十分厉害，严重影响续航能力，又不知道是怎么回事，想打开活动监视器却打不开。花了很长时间终于在某个网站上我找到解决的方法。切换系统语言。添加English切换地区即可之后重启。你会发现你的Mac发热正常，能正常打开活动监视器。希望对大家有帮助。...
2018-07-10 11:10:24
32077
12
原创 Mac下端口占用情况及处理方式
简单介绍下Mac出现端口占用的情况：找到占用的进程并杀掉：1.查看端口占用进程sudo lsof -i :8880可以看到进程的PID2.杀掉进程sudo kill -9 4580（4580为PID）
2018-06-01 11:01:41
17023
原创 vue实现按需加载（懒加载）
具体操作只需要两步：1.router文件中使用import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)const routes = [ { path:'/', component:resolve => require(['@/components/First'],resolve) }, { path...
2018-05-01 22:16:04
9300
2
原创 跨页面传值的几种简单方式
方法一：通过URL传值eg:location.href="跨页面1-2.html?age=18&gender=man";在下个页面接收://1、location.search获取get请求的参数 获取到的数据，是以?开头的var search=location.search;//2、如果还想要获取确定的数据，可以解析字符串function parse(se
2017-10-22 15:16:05
41100
原创 解决使用TortoiseGit后文件夹出现蓝色问号
如果是使用TortoiseGit的如果使用的是git找到C:/Users/用户名/.git文件夹删掉刷新就可以了如何找到该文件夹打开组织-------选择文件夹和搜索选项刷新所在文件夹，这个时候你就看到所在文件夹多了一个git文件，删除此文件夹，然后刷新，蓝色的问号就消失了。SVN工具上传造成的结果，解决方式很
2017-10-14 11:22:58
9581
5
原创 nvm use 不生效的情况
在切换版本时没有报错，但切换失败了。最好解决方式时直接找到自己安装的node，卸载掉再删除对应的nodejs文件夹，再查找nvm目录下是否有nodejs这个文件夹也删掉。先安装了node，再安装nvm，选择关联已安装的。
2024-04-17 18:21:39
63
原创 前端模块化开发
在JavaScript中，CMD代码规范是指模块定义规范，它是Asynchronous Module Definition的缩写，即异步模块定义。CMD规范主要用于sea.js这种模块加载器。让旧版浏览器兼容ES Modules的写法。ie中可能还不兼容promise，单独处理一下。AMD规范，requirejs的规范 （异步的模块定义规范）node 使用的CommomJS规范 是以同步的方式加载文件。统一导出时可以使用便捷写法。
2024-03-18 16:52:25
418
原创 plop使用
安装npm install -dev plop // 开发环境使用或者全局安装， 方便使用npm install -g plop如果没有全局安装在使用时需要在package.json中加入script: {plop: "plop",}根目录创建plopfile.js文件作为plop的入口文件const router = require('./template/router/plop.js')module.exports = function(plop) { plop.setG
2024-03-18 14:25:57
377
原创 数据结构及其简单实现
原理是中序遍历后的数组是一个从小到大的数组， 只需要将当前的值和上一项的值做比较。操作上和数组很像，为什么不用数组？左子树小于根结点，右子树大于根结点。中序遍历验证二叉搜索树。
2024-01-14 19:41:11
993
原创 typescript使用手册
解决在定义时没有声明类型的时候，我们在使用时先看有没有对应的声明模块，如"@types/lodash"，没有时使用。在使用的过程中可能会出现命名重复的问题。在每个js文件中加一个export {}abstract 声明一个抽象类或者方法，子类去具体实现对应的方法即可。配置文件中需要再lib中加上对应的库。
2024-01-12 11:32:29
454
原创 类型检测器 FLOW
在很多大型前端框架、插件中都有使用到flow去做类型检测的（react、vue、core）。安装flow运行时直接使用yarn flow会报错提示执行flow init可能会报错现在文件顶部有的文件就会在执行yarn flow的时候被检验flow的检验会和vscode的JavaScript校验冲突，需要将其设置为false。
2024-01-11 15:13:01
410
原创 node-gyp 报错
error C:\xxx\node_modules\fibers: Command failed.设置后还是会报错需要下载Visual Studio访问地址GitHub - nodejs/node-gyp: Node.js native addon build tool安装完之后设置使用路径就好了npm config set msvs_version "C:\Program Files (x86)\Microsoft Visual Studio\2019\BuildTools...
2022-02-28 18:18:57
1516
原创 Gridsome 静态网站
Gridsome 静态网站怎么说呢，个人感觉使用挺麻烦的官方文档操作顺序文档链接https://www.gridsome.cn/docs/#how-to-install安装脚手架yarn global add @gridsome/cli脚手架创建项目gridsome create my-gridsome-site这一步会提示让你进入项目下载依赖cd my-gridsome-site下载依赖你会发现他报错原来是gridsome 依赖一个sharp，需要手动下载因为sharp依赖了一
2021-05-24 14:29:30
210
1
原创 react中调用app提供api调用相机图片获取成功，显示不出来
调用app提供api拍照，图片获取成功，但显示不出来同事在开发内嵌h5页面时遇到一个bug。调用app提供的api拍照，照片拍完后拿到base64数据后设置img图片能正常显示，但作为背景图时，显示不出来。处理方式：base64数据去空格后就能正常展示。...
2021-05-12 10:00:07
253
原创 [DEP_WEBPACK_COMPILATION_ASSETS] DeprecationWarning: Compilation.assets will be frozen in future
查看webpack 的官方文档issues,找到相关问题npm i --save-dev html-webpack-plugin@next
2020-12-29 11:39:41
3230
原创 node打包停止不动
在开发过程中遇到打包进度停止不动的情况在开发的过程中遇到一次打包无报错，进度条却不动，页面运行正常的情况。原因是标签没有闭合。运行时标签不闭合能正常显示。...
2020-01-02 09:53:22
699
原创 webpack打包图片报错
在项目中出现图片打包报错的问题。在正常情况下我们只需要检查一下loader就好。还是报错。经过同事科学上网找到结合接手的项目猜测可能是由于图片文件是在纯js文件中引入导致。将图片引入路径换成在使用的文件（包含的js文件）中引入，项目运行正常。...
2019-12-10 11:31:15
881
原创 ant design 踩坑
在读文档的时候不够仔细：使用InputItem时，type=digit 时在IOS上键盘关闭时页面不能自动还原。需要手动划回去。原因：InputItem 必须在List中使用。加上List之后一切正常。此坑坑了我一整天，望诸君不要像我一样，读文档马虎。没事多翻翻文档， github 对应的issue。...
2019-11-08 15:40:45
644
原创 手机浏览器打开百度网页
手机浏览器打开百度网页// title=是打开百度网页位置标记的title，content可以是位置描述，或者实际地址，<a href="http://api.map.baidu.com/marker?location=39.916979519873,116.41004950566&title=我的位置&content=百度奎科大厦&output=html">...
2019-10-23 09:18:46
2977
原创 iPhone手机、浏览器不发送请求直接出现奇怪的错误
在做项目的过程中遇到一个奇怪的错误，h5页面在安卓上正常请求访问接口，而在iPhone和浏览器上却直接报错，未请求接口。导致问题的原因是我在服务中即在url中拼接了参数有在body中传了参数导致的。...
2019-09-24 14:35:14
1172
原创 error: props.dangerouslySetInnerHTML must be in the from
在react开发的过程中有时我们需要展示一段富文本，react不能够直接解析富文本，需要他的一个属性dangerouslySetInnerHTML<div dangerouslySetInnerHTML = {{_html:"<div>这里放的是html字符串</div>"}} />在使用的过程中报错：出现这个问题的原因是我们使用的格式不对。...
2019-08-22 15:59:18
1344
1
原创 eslint: Parentheses around JSX should be on sparate lines
eslint: Parentheses around JSX should be on sparate lines 百度翻译是eslint:jsx周围的括号应该在备用行上。其实也就说括号应该单独在一行（起始的括号和结束的阔都需要单独一行）...
2019-07-08 10:25:52
3896
原创 从自己搭的gitlab上拉取代码
由于工作需要，必须将码云上的代码迁移到自己的服务器上来。迁过来之后发现拉取代码时报错。报错一remote: The project you were looking for could not be found报错二Could not resolve host:XXXXXXX说明拿到的URL中主机名错了。必须改成http://1xx…的之前一直报错最后发现只能这样才行http://...
2019-06-12 15:59:36
1919
原创 electron 自动更新踩坑
在使用electron react ant deasgn 开发桌面应用时自动更新时遇到的问题。因为在项目中用到window.print网页打印。在提升elecreon-builder 版本后发现打印时样式总是显示不对。elecreon-builder 的版本必须要低于20，不然就会出现这个问题。当electron-builder 版本升级后，老的版本不能直接通过自动升级升上去。当提示elec...
2019-05-24 10:55:04
4515
原创 git切换关联的远程仓库
项目移交后，本地项目关联远程项目// 先删除关联git remote rm origin// 再关联新的地址git remote add origin XXXXXXXXXXXXX
2019-05-15 17:37:38
1486
原创 react 遇到的问题
在异步操作中，不能使用事件。不然会报错，在使用之前要先调用e.persist();其实最好的还是避免在异步事件中使用事件对象e.使用ant desigin的From时render() {const { getFieldDecorator } = this.props.form;return <div><Row><Col span='...
2019-04-12 17:39:04
778
原创 electron踩坑
1. electron Unable to find Electron app at出现这种问题，我们应该第一时间查看你的package.json文件中的main是不是指向electron的开始文件。2. electron窗口打开后没内容先查看你的electron 主进程是否加载，监听项目运行的端口再查看配置文件webpack.config.js中的devServer的配置devSer...
2019-04-03 14:30:48
9312
原创 所谓情商高就是会说话
最好的选择不是true or false而是 A or B当你希望并商量做某些事的时候，可以换个角度，洗碗和做饭你选择哪一件？而不是你洗碗好吗？投其所好猜测对方的想法，喜好，给出对应的选项。儆其所恶这样做对你有害，所以您最好这样做。选择自由要表达： 要不要来点甜品？甜点有芒果布丁和抹茶冰淇淋，您要那一种。面对两种及以上选择的时候，一般人会下意识地做出选择。而不是给出第三种可能。...
2019-02-28 15:51:44
280
原创 面试题HTML篇-总结
网页开头的doctype(文档类型) 的作用是什么？简单来说就是告诉我们的浏览器采用什么方式渲染页面。Doctype可声明三种DTD（Document Type Definition文档类型定义）类型，分别表示严格版本、过渡版本以及基于框架的 HTML 文档。由于历史的原因，浏览器对页面的渲染方式是不一样的。在W3C标准出来之前，浏览器对页面的渲染没有同一的标准，产生了差异，quirks ...
2019-02-21 15:53:47
366
原创 项目提交GitHub遇到的问题
将项目放到GitHub管理git init//将本地代码使用git管理git add README.mdgit commit -m "first commit"git remote add origin https://github.com/******/webpack-react.gitgit push -u origin master出现这种情况可能是因...
2018-11-02 19:11:45
249
原创 CSS module
在项目中要修改ant design组件的默认样式，但在使用了webpack4 其默认使用CSS模块化，但CSS Module的使用方式与原来的不一样。style.css不使用CSS Module时:1.引入 import ''./../style.css; 直接引入后样式是全局的。2.<div className="table"></...
2018-08-02 09:22:02
3065
原创 正则匹配只能输入整数或浮点数
// 只能输入整数或浮点数（不完全版本不能排除输入0.00000的状况） filterNumber(name,e){ //先把非数字的都替换掉，除了数字和. e.target.value = e.target.value.replace(/[^\d\.]/g,''); //必须保证第一个为数字而不是. e.ta...
2018-06-14 10:31:17
6177
1
原创 webpack4.0踩坑
创建项目文件夹：$ mkdir my-program$ cd my-programwebpack默认是以src下的index文件作为入口文件的。$ mkdir src/index.js输出文件默认是dist/main.js安装webpack ：$ npm install webpack --save-dev安装webpack-cli:$ npm install webpack-cli --sav...
2018-06-02 15:22:32
680
原创 vue快速入门
vue基础：0.插值表达式：{{}}1.指令：1.1 v-html,v-textp v-html="str">p>//用于绑定字符串，会自动解析标签p v-text="info">p>//用于绑定文本信息1.2 v-on div v-on:click="fastClick">点我有惊喜div>div @click="fastC
2017-11-18 09:52:47
688
原创 js中数据类型检测
我们熟知的类型检测方式有三种：1.typeof：用于检测基本数据类型string number 布尔 undefined （不能用来检验复杂数据类型和null）；能检测：1.undefinedconsole.log(typeof undefined);//undefined2.booleanconsole.log(typeof true);//boolean
2017-11-13 13:17:54
317
原创 在node中使用MonoDB实现增删改查
在node中使用MonoDB实现增删改查步骤一：创建数据库；步骤二：node中使用1.下载monodb由于在整个node项目中都会使用故在package.json中配置npm install mongodb --save2.使用：公共步骤：//1.导入模块var mongodb = requ
2017-11-12 21:27:26
251
原创 ==和===
1. == 相等 比较的值 会有隐式类型转换2. === 全等 比较的是值和数据类型。 //console.log(1 == "1"); //true //console.log(1 === "1"); //false //console.log(1 == true); //true //console.log(1 === true); //false //...
2017-11-07 22:11:14
237
原创 快速学习typescript
1. 1.1. 简介TypeScript是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法TypeScript如它的名字一样,最广为人知的特点是增加了类型系统,是一门强类型语言相比弱类型语言,丢失了灵活性,但在编写大型项目时会降低程序复杂度,在编译时发现问题,减少bug增强程序健壮性1.1.1. 特性兼容ES6
2017-11-02 18:53:59
3556
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人