项目npm install时报错phantomjs-prebuilt@2.1.16安装失败 项目npm install时报错phantomjs-prebuilt@2.1.16安装失败问题：通过git clone命令克隆项目后，运行npm install安装项目所需的依赖包时，出现如下错误：Failed at the phantomjs-prebuilt@2.1.16 install script，意思就是phantomjs-prebuilt@2.1.16安装失败，如图所示：解决方...
日历的公历转农历 日历的公历转农历 农历不像公历一样有规律可循，通过程序就可以直接计算出来，农历的计算方法一般是通过查表法（类似于查字典的方式）获取。公历转农历的思路：1、创建农历字典网上有很多关于农历年份的信息资料，大多是以16进制来储存。如下lunarYearArr数组存储的是农历2010-2019年份的信息，数组中的元素均为16进制，看不出与农历年份有任何关系。但是将这些16进制数转换成...
字符串的全局匹配 利用正则表达式中的g修饰符允许多次匹配的特点，实现一个可以对字符串进行全局匹配的工具函数/*** 对字符串的全局匹配* @param str String 待匹配的字符串* @param reg String 正则表达式，匹配规则* @return 所有匹配结果*/ function globalMatch(str, reg) { if(!/g$/.test(reg))...
16进制储存的农历信息的正确打开方式 16进制储存的农历信息的正确打开方式转换成2进制后，将其补齐20位： xxxx xxxx xxxx xxxx xxxx 20-17 16-13 12-9 8-5 4-1从右到左，
星级评分的实现 星级评分的实现星级评分是一种常见的打分方式，一般满分为5颗星，用户通过勾选星星的数量来给产品的某一维度进行打分，效果如下图所示：当鼠标移动到某个星星上面时，当前星星及其前面的星星需处于激活状态；当鼠标移开时，所有星星恢复原状；只有当鼠标点击某个星星时，当前星星及其前面的星星处于激活状态，评分生效，此时鼠标移开时，星星状态不用恢复原状。从上述分析可以看出，用到了鼠标进入、离开事件、以及点击事...
canvas绘制五角星 canvas绘制五角星在canvas中绘制五角星，主要是利用canvas中path（路径）来绘制，首先确定五角星上A到J这10个点的坐标，如下图所示：这里面用到了一些简单的数学知识：角AOC、COE、EOG、GOI、IOA的值为72°，角AOB、BOC、COD、DOE、EOF、FOG、GOH、HOI、IOJ、JOA的值为36°。当以O为坐标系原点时，根据大圆、小圆的半径，可以计算出C点坐标为...
vue路由切换时NavigationDuplicated报错的解决方法 vue路由切换时NavigationDuplicated报错的解决方法在vue中使用this.$router.push()方法切换路由时，有时控制台会报NavigationDuplicated相关的错误，如下图所示：原因：在网上查询一番后，比较多的一种说法是，vue-router在3.1之后把$router.push()方法改为了Promise，因此在使用$router.push()时如果...
v-model的理解 v-model的理解在input元素上使用v-model可以实现数据的双向绑定；其双向绑定的原理是利用input元素的value属性和监听其input事件；<input type="text" v-model="inputValue"></input>vue模拟v-model的实现<input type="text" :value="inputValue" ...
d3.js常用方法 d3.js常用方法1、选择单个元素d3.select(selector)类似于js中的document.querySelector()方法，都是用于获取DOM元素；其中selector可以是标签名称、类名、id名；例如：获取body元素d3.select(body)2、选择所有元素d3.selectAll(selector)类似于js中的document.querySelect...
多个相邻按钮切换效果出现边框重叠问题的解决方法 多个按钮切换时处于选中状态按钮的边框出现重叠问题的解决方法element和ant-design中对于这种多按钮切换时边框重叠问题的解决方法相同，具体如下：在这里插入代码片...
svg中如何让文本溢出时显示省略号 svg中如何让文本溢出时显示省略号最近在使用d3.js实现一个树状组织结构图，遇到如下图所示的问题，要求是文本内容固宽，溢出内容应用省略号代替，如果是使用普通html标签实现的话，是比较简单的，overflow: hidden; text-overflow: ellipsis; white-space: nowrap;即可，但是在使用svg标签进行作图时，将这些css属性应用到<text&...
webpack输出文件名设置chunkhash时在开发环境报错问题的解决 webpack输出文件名设置chunkhash时在开发环境报错问题的解决报错如下：原因：从报错提示中可以看出使用hash来解决该报错，为什么呢？这是因为chunkhash不可以与热更新一起使用。解决方法：在开发环境我们需要使用热更新来实现修改内容实时刷新，但生产环境是不需要的，因此通过根据npm脚本中的环境变量来区分开发与生产环境，以此来决定filename使用chunkhash还是h...
window.open新开页时页面访问不了问题 window.open新开页时页面访问不了问题当项目中需要新开页跳转到其他网站时，最常用的方法就是使用window.open(url)来实现，最近在项目中，使用window.open()方法新开页跳转时，有些网站可以正常访问，有些则访问不了，会出现诸如：403 Forbidden、The HTTP request is not acceptable for the requested resou...
parseInt()方法理解 parseInt()方法理解通过下面几个题来深刻理解一下parseInt方法：['1', '2', '3'].map(parseInt)['1', '2', '3'].filter(parseInt)['1', '2', '3'].reduce(parseInt)'1 2 3'.replace(/\d/g, parseInt)['1', '2', '3'].map(parseF...
在本地通过设置域名访问vue项目时出现Invalid Host header错误 在本地通过设置域名访问vue项目时出现Invalid Host header错误原因：webpack-dev-server出于安全考虑，默认检查hostname，如果hostname不是配置内的就不能访问，我们可以通过设置跳过host检查来解决该报错，具体如下：解决方法：1、vue-cli2创建的项目，在webpack.dev.conf.js中的devServer对象中添加如下设置：//...
关注
