- 博客(79)
- 收藏
- 关注
RSS订阅原创 egg单元测试Mocha报错Error: Cannot find module ‘mocha‘解决办法
node.js egg框架单元测试mocha报错解决办法
2023-09-07 17:03:45
566
原创 vue3 forEach 或者 map中使用splice删除数组元素错误问题
vue3 forEach 或者 map中使用splice删除数组元素错误问题
2023-02-27 19:18:17
4050
原创 uni-app input之placeholder-style、placeholder-class样式未生效
1. 分析问题其实大部分都是字体大小未生效，颜色是生效的。 <!-- html --> <input class="pinput" type="text" placeholder="请输入账号" placeholder-class= "phsy" /> .phsy { font-size: 20px !important; color: #999 !important }2. 解决问题rpx单位换成px单位，截止目前2022年4月7日1
2022-04-07 18:35:01
4798
原创 HTML页面怎么添加水印？
接到这个需求有点懵逼，网上搜了搜发现有现成的直接可用的，代码也很简单，分享给各位。 // 需要用到的地方调用就好 watermark({watermark_txt: '我是水印Nickname'}) function watermark(settings) { //默认设置 var defaultSettings={ watermark_txt:"text", watermark_x:20,//水印起始位置x轴坐标 .
2022-02-09 17:15:06
3770
原创 gyp info it worked if it ends with ok npm ERR 解决办法
今天换电脑启动老项目，发现一直启动不了。报如下的错误，其实很简单，问题出在了NodeJs上。我安装的Node版本是最新的，也就是v16.xxx，这就是问题所在。只要把Node版本换成低版本的就行了。我自己换的是V14.16.0。1. 先卸载自己电脑上的Node自行百度怎么卸载。2. 挑选适合自己的Node版本。我是Node历史版本地址链接3. 下载安装文件64位下载箭头指的.msi文件就好了。4. 安装安装就直接点下一步就好了。附上报错信息> node-sass@3.13.1.
2022-01-10 16:46:21
6163
5
原创 jdk-8u181-windows-x64 地址
百度搜一大堆垃圾网站，要不就是过期的地址。搜东西还得看bing。不废话，直接放地址： 我是地址
2021-12-22 16:22:07
3966
12
原创 ts-node : 无法加载文件 C:\Users\Dell\AppData\Roaming\npm\ts-node.ps1，因为在此系统上禁止运行脚本。有关详细信息
新电脑安装了vs code，在终端中执行Node项目的时候发现报错了。报错信息如下:1. 分析问题这应该是由于计算机启动Windows PowerShell时, 执行策略很可能是Restricted（受限制的）, 也就是默认设置，Restricted 的时候不允许任何脚本执行。可以通过打开PowerShell输入get-executionpolicy来查看计算机目前的执行策略，如出现：Restricted，则说明执行策略受限，不允许执行脚本。2. 解决问题以 管理员身份 打开PowerSh.
2021-11-16 14:42:07
2529
1
原创 深圳最新10区地图划分JSON
网上看到很多数据源都没有更新深圳地区划分，最新的深圳市区划分新包含了大鹏新区。现将JSON文件更新如下，可以直接在Echrts使用。假如帮到你了。请点个赞.文件下载地址链接: https://pan.baidu.com/s/1mjUrvvRehbh-ZqmMjbhe-w 提取码: itae文件详情{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":440303,"name":"罗湖区".
2021-09-09 11:06:30
2376
1
原创 关于VsCode中TypeScript文件提示：标识符“xxx“重复，此处也声明了“xxx“ 解决方案
问题出现场景在学习TypeScript过程中，发现不同的.ts文件中用class声明相同的类，会报错，提示: 标识符"xxx"重复， xxx.ts文件中也声明了"xxx"，具体截图如下: class Person { public name: string constructor(name: string) { this.name = name } }解决办法其实解决办法很简单，只需要在class的前面加上export就好了，这样就可以解决这个问题。 extends cl
2021-08-26 17:34:46
4805
1
原创 高德地图报错：‘AMap‘ is not defined 解决方案
出现这个问题是因为没有找到AMap对象解决办法： // 只需要在new 实例化对象AMap前面添加window就好。后面的xxx为你自己想要的操作。例如添加marker // new window.AMap.Marker({}) new window.AMap.xxx({ // ... })...
2021-08-03 10:07:18
8664
4
原创 JS数组改变元素位置（互换、置顶、上移、下移）
本章回顾一下Javascript的一些操作方法。数组方法主要用到以下几个知识点，简单介绍一下unshift() 可以向数组开头添加一个或多个元素，返回数组新长度。(改变原数组)shift() 删除数组开头第一个元素，返回被删除元素的值。(改变原数组)splice() 可删除从index处开始的零或多个元素，并且用参数列表中声明的一个或多个值来替换被删除的元素。(改变原数组)1. 数组元素换位置 function swapArr(arr, arg1, arg2) { arr[arg.
2021-06-24 18:55:24
13552
1
原创 移动端css样式Reset初始化
经常会写移动端页面，所以需要用到css reset。在此特别记录一个reset.css文件。非常好用 html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, stron.
2021-05-31 13:46:57
527
原创 高德地图清除上一次操作遗留的Polygon覆盖物
首先先说我目前的场景。我目前项目中：一个地图划分了很多区块，每个区块都是Polygon覆盖物，用来制作鼠标滑动高亮效果。同时点击项目其他地方某处，也会在覆盖物上显示一个小方块，这个小方块我也是使用Polygon做的。1. 项目痛点我目前项目中：一个地图划分了很多区块，每个区块都是Polygon覆盖物，用来制作鼠标滑动高亮效果。同时点击项目其他地方某处，也会在覆盖物上显示一个小方块，这个小方块我也是使用Polygon做的。如下图：高亮区域和白色方块区域都是覆盖物。我重新添加白色方块覆盖物的时候会.
2021-05-19 19:24:25
5099
8
原创 Vue-Cli4.x配置开发环境、生产环境、测试环境接口。
一个项目的开发环境接口、测试环境接口、生产环境接口都是不一样的。每次打包之前手动去更改肯定是不利于维护的。因此下文介绍Vue-Cli4.x的接口配置。1. 各环境介绍development 开发环境production 生产环境test 测试环境2. 新建文件在项目根目录下根据上述3个环境分别创建文件..env.developmen 开发环境.env.production 生产环境·.env.test` 测试环境下图为创建之后的图片。3. 各文件内容编写.env.d.
2021-05-13 14:52:54
1185
原创 高德地图清除巡航播放轨迹
近期在做地图项目，利用的是高德地图API。遇到了一些问题。在此记录下来。问题描述动态生成的轨迹利用setData来设置数据，同样我们可以利用这个方法来清除数据。以下只展示相关代码，自己本身业务相关代码不做展示。代码如下： trackInit() { // 重要！！！ 就是它起到清除数据的作用。注意它放在方法的最顶部 if (window.pathSimplifierIns) { //通过该方法清空上次传入的轨迹 pathSimplifierIns.set.
2021-04-29 17:43:45
1518
原创 ES6/ES2015内容重温
众所周知，ES6虽然有着很多的兼容性问题。(使用Babel转码解决)。但是很多开发者已经在项目中用了。就算现在不打算用，为了看懂别人代码你也得懂一些ES6语法了。本文开始讲不再讲ES6和JavaScript的关系之类的东西。只是介绍ES6语法。1. 声明变量1). 现有的声明方式以前声明变量只有一种方法，那就是使用var关键字。ES6对声明进行了扩展，现在有三种声明方式：var：variable，可以理解为变量的意思let： 在英文中是 让 的意思，也可以理解为一种声明的意思const：在.
2021-04-26 18:42:38
184
原创 解决ElementUI下拉框宽度过长问题
相信不少人在使用ElementUI的el-select组件都会遇到下拉框宽度过长的问题。以下是解决方案。 <template> <div> // 省略若干无关代码 <el-select @focus = 'setMinWidthEmpty' style = 'width: 200px' // 其他属性 xxxx > <el-option // 其他属性xxx ></el-o.
2021-04-23 10:59:00
6014
原创 从零开始学习React之Redux篇——(1)：初识Redux
Redux 通俗来讲就是一个组件状态管理器。由于大型项目之间组件难免会发生一些通信关系。例如：父子组件、兄弟组件、也可能毫无关系的两个组件之间通信。如果不采用状态管理器就会使代码逻辑混乱，一团乱麻，异常难维护。这个时候就需要 Redux 上场了。但是，对于简单的项目来说，运用Redux就没必要了。一： 设计思想Redux 的设计思想很简单，就两句话：Web应用是一个状态机， 视图与状态是一一对应的。所有的状态，保存在一个对象里面。二：Redux工作流程初看这张图可能会一脸懵逼，不过没关.
2021-04-13 17:49:09
106
原创 vue-cli2.9.6升级到vue-cli4.xx
之前学习vue的时候就用的是2.9.6的版本，一直没换过，今天想升级一下，毕竟已经到了4.xx了。本节记录升级步骤。一： 查看本地vue-cli版本号升级前可以查看一下自己本地的版本，使用vue --version二： 卸载本地vue-cli版本卸载本地版本：npm uninstall -g vue-cli三： 下载vue-cli最新版本自3.0版本后，官方声明这个工具改名为@vue/cli。。所以应该使用：npm install -g @vue/cli 或 yarn install -g .
2021-03-22 15:20:37
872
原创 番外：npm install --save和npm install --save-dev的区别
很多人经常将npm install --save 和 npm install --save-dev的区别搞混，本节将介绍他们之间的区别。npm install xxx：安装模块到项目目录下，不会将模块依赖写入devDependencies或dependencies中。npm install -g xxx：-g的意思是将模块安装到全局，具体安装到磁盘哪个位置，取决于npm config perfix的位置。npm install --save xxx：--save的意思是将模块安装到项目目录下，并.
2021-03-18 17:47:56
159
原创 从零开始学习React——(十七)：React中使用Axios请求数据。
一个完整的项目离不开数据请求，JavaScript中可以使用ajax远程请求，但是对于SPA项目来说写起来太麻烦，所以本节将介绍如何使用请求框架Axios来实现。Vue项目也可以使用它来用做请求框架。1. 安装AxiosAxios可以使用npm来安装，可以直接在根目录下，打开Git Bash Here，弹出命令窗口中输入： npm install --save axios然后，只需要等它自动下载完成就好了。关于 npm install --save 和 npm install --save.
2021-03-18 17:36:22
1361
2
原创 从零开始学习React——(十六)：利用React生命周期优化组件
通过上一节，对于React生命周期有了新认识，如何利用它来提高组件的性能呢？本节将会抛砖引玉讲解一个小例子。为了代码的清晰，可以删除上一节一些无关的生命周期函数代码。1. ChildItem.js存在性能问题那就是：子组件ChildItem.js频繁无用渲染render。很多情况下会忽略这个问题，但是软件的卡顿是一点点产生的，所以必须要减少性能消耗。解决方式直接在ChildItem.js中加入如下代码 shouldCompnentUpdate() { return false.
2021-03-17 16:23:25
156
原创 从零开始学习React——(十五)：React生命周期
本节主要讲React中非常重要的知识点：生命周期。1. React生命周期图通过这张图，可以看到React生命周期的四大阶段：Initialization： 初始化阶段Mounting：挂载阶段Updation： 更新阶段Unmounting： 销毁阶段2. 什么是生命周期函数？一句话概括：生命周期函数指在某一时刻组件会自动调用执行的函数举例说明：在Child,js组件中。里面的render()函数。就是一个生命周期函数它在state发生改变时自动执行。这就是一个标准的自动执行函.
2021-03-17 15:59:19
228
原创 从零开始学习React——(十四)：React中ref的使用方法。
在编写组件的方法时，经常会遇到语义化很模糊的代码，这对于团队开发是一个很大问题，因为review代码或者合作时都会影响开发消息。ref在react中就是一个语义化代码的工具。1. 替代原来的 e.target.value以前的案例中，写下面的代码，使用了 e.target，这并不直观，也不好看。这种情况其实可以使用ref来进行解决。 inputChange(e){ this.setState({ inputValue: e.target.value }) }如果以上代码使用r.
2021-03-16 19:53:31
1403
原创 从零开始学习React——(十三)：React中PropTypes校验传递值
日常开发中，父组件向子组件传值时，使用了属性的方式，也就是props。这种方式传值在大型项目中，如果不对其进行校验，后期会变的异常混乱，业务逻辑也没法保证。1. PropTypes的简单使用在Child.js组件里传递了4个值，有字符串，有数字，有方法，这些都是可以使用PropTypes限制的。使用之前必须引入一下PropTypes。import PropTypes from 'prop-types'引入后，就可以在组件的下方进行使用了，需要注意的是在子组件ChildItem.js的最下面，写.
2021-03-16 19:07:03
231
原创 HTML页面向Vue页面传值
一些传统的项目一般还是以.html为主。但是难免会有.html页面向vue项目传值的场景。本节将介绍html项目利用JavaScript向vue项目传值。1：HTML页面传递事件可以随便写一个用于跳转的事件。如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="I.
2021-02-26 14:17:39
3789
6
原创 Vue移动端仿APP左右滑动前进后退效果
很多APP的前进和后退都是有效果的。例如前进是左滑，后退是右滑。本文将介绍如何使用Vue来做这个效果。本文实现这个效果的原理很简单。即：在各个页面定义层级，在切换路由判断用户是进入哪一层页面，如果用户进入更高层的页面那么就做前进动画，反之做后退动画。1. 首先进行路由配置进入router.js文件 import Vue from 'vue' import Router from 'vue-router' // 下面组件自行定义 import Home1 from '@/home1' imp.
2021-01-27 15:24:40
1921
3
原创 关于GitHub图片不显示问题解决方案。
在此只记录我自己使用没问题的方式。（PS: 使用时间2021-1-25 亲测有效）修改host文件Window系统下使用编辑器打开C:\Windows\System32\drivers\etc\hosts这个文件。(如果没有编辑器，也可以使用右击然后点击打开方式选择记事本打开)。编辑之前记得备份hosts这个文件。防止出错。接下来将下面代码直接复制到文件的尾部保存就好。 2020-01-25亲测有效。(MAC也可以）# GitHub Start 140.82.113.3 github.
2021-01-25 11:07:08
175
1
原创 从零开始学习React——(十二)：React单项数据流和混用jQuery以及函数式编程
本节主要介绍一些理论性的东西：如 React单向数据流、React和其他框架一起使用和函数式编程。1. 单向数据流React的特性中有一个概念叫单向数据流。可以用上几节的Demo来说一下何为单向数据流。Child.js中修改为如下代码. <ul> { this.state.list.map((item, index) => { return ( <Child key = {item + index} content = {.
2021-01-18 16:13:36
404
原创 从零开始学习React——(十一)：React父子组件传值以及子组件调用父组件方法
本节将介绍React中父子组件如何传值的方法。1. 父组件向子组件传值目前最简单，最实用，最容易伤手的方法。就是实用组件属性的形式父组件给子组件传值。例如：在ChildItem组件中加入content属性，然后给属性传递{item}，这样就可以父组件向子组件传值。 <ChildItem content = {item} />此时，父组件值已经传递给子组件，子组件这时候可以使用...
2021-01-18 15:33:58
584
原创 从零开始学习React——(十)：React 组件的拆分
本节将介绍拆分简单组件的知识。实际开发中。一个大功能可能会分成不同的组件，比如把文本框和按钮单独一个组件，下面的list列表单独一个组件。这涉及到了一部分组件拆分的知识。1. 新建子组件在src目录下，新建一个文件叫ChildItem.js，然后写好基础结构。 import React, { Component } from 'react' class ChildItem extends Component { render() { return ( <li>项目.
2021-01-14 16:28:37
599
原创 从零开始学习React——(九)：JSX中容易踩坑的几个地方
通过之前几节的学习。基本上已经算是React初级入门了。这节课主要是关于JSX的几个坑。1. JSX代码注释之前第一次写JSX注释，是这样写的。结果会报错 <Fragment> // 我是注释我是注释， 这个是错误示范 <div> ..... 省略其他代码 <input /> </div> </Fragment>正确的方式应该如下： <Fragment> {/* 正确注释的 */} &.
2021-01-11 17:59:42
261
原创 从零开始学习React——(八)：React列表循环删除某项以及参数传递
本节将介绍列表循环时删除其中某项需求是这样的：点击已经有的选项时，可以进行删除。1. 数组下标的传递需要删除其中某项，那么首先就要知道当前点击项的index，也就是下标，然后绑定一个事件。代码如下： // 省略部分代码 <ul> { this.state.list.map((item, index) => { // 此处如果return后面只有一行的话就不需要写括号，如果需要换行就必须写括号 return ( <li ke.
2021-01-11 16:31:48
982
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人