- 博客(30)
- 收藏
- 关注
RSS订阅原创 使用canvas绘制圆环动效
最近笔者有个需求，需求内容为：一组文字显示在圆环的周围，用户可添加文字，文字围绕着圆环，每个词对应圆环周围的的蓝色小圆点，当用户鼠标放在圆环上方小蓝点时时，实现放射出三角形，再显示出文字，先看看动图效果吧！如上图所示，当鼠标放在对应蓝色小圆点上时，需要放射出射类似三角形的射线，并在三角形外侧显示对应文字，且小蓝点变小白点。当用户在上方输入内容后，将内容添加至下方的圆环周围。如上图...
2019-06-01 23:51:18
2523
原创 git撤销commit，未push
问题原因：首先此时你只是本地commit了信息，并没有push解决方案1：（撤销本地commit,保存代码修改）使用命令回滚到之前的提交：命令如下：git reset 要回滚到的之前的那条commit的修订号如何查看你这次commit之前的别人提交的代码修订号呢？比如你是码云如果是github:如果你的编译器是webstorm的话比如此时我comm...
2019-03-25 10:01:40
7212
1
原创 vue-cli 配置资源引用的绝对路径
1、在vue项目中，我们经常需要引用图片等资源，每次用相对路径来说太麻烦2、于是将要解决在vue-cli下搭建的项目配置绝对路径的位置配置如下：在项目中的build文件夹下的webpack.base.conf.js中进行配置(配置详情如上图)在项目中使用配置好的绝对路径如下：使用~加上你配置的绝对路径的路径名就可以在项目中使用了如上我配置的绝对路径名：F:/travel...
2019-01-22 10:32:14
9276
原创 es6的find浅复制问题与复杂数据类型赋值问题
es6的find方法:数组实例的find方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。如下：[1, 4, -5, 10].find((n) => n < 0)// -5上面代码找出数组中第一个小于 0 的成员。...
2019-01-14 10:49:50
1337
原创 JS对象中忽略enumerable为false的属性
描述对象的enumerable属性，称为”可枚举性“，如果该属性为false，就表示某些操作会忽略当前属性目前，有四个操作会忽略enumerable为false的属性。for...in循环：只遍历对象自身的和继承的可枚举的属性。 Object.keys()：返回对象自身的所有可枚举的属性的键名。 JSON.stringify()：只串行化对象自身的可枚举的属性。 Object.ass...
2019-01-03 09:49:10
2483
原创 JS校验字符串是不是纯数字
经常需要校验JS字符串是不是纯数字，下面直接上代码 checknumber (String) { var reg = /^[0-9]+.?[0-9]*$/ if (reg.test(String)) { return true } return false }使用：把想要校验的字符串作为参数传给checknum...
2018-12-07 10:37:58
12160
4
原创 css字体颜色渐变
效果图如下：总的来说还行，比较简单的代码.font-color { background: linear-gradient(to top, #ffba31, #FFD392, #FDF7EE); -webkit-background-clip: text; color: transparent; }linear-gradient的参数to top控制...
2018-12-01 14:55:19
2560
原创 js拼接字符串时在中间加上空格
由于需求，所以就有了解决方案！哈哈哈要求：需要在拼接字符串的时候，不仅需要加上；还需要加一两个空格问题：怎么拼接都没有效果，1： + &emsp; ===》 失败，直接输出（当然加上+ “ ”空格也是被忽略了的） quality += result[i].foodName + ':' + result[i]].weight + ';' ...
2018-11-23 10:50:15
32922
8
原创 vue项目使用$router.go(-1)返回时刷新原来的界面
在项目需求中，我们常常需要使用$router.go(-1)返回之前的页面，但是却发现，之前的界面，保持着上次跳转的状态，比如说：弹框未关闭之类的等等，。。。。。问题如下：界面1 ：界面2使用$router.go(-1)返回上一次的界面由于使用$router.go(-1)返回，导致之前的数据都保留，并未刷新原来的界面，如下：还是显示跳转前的弹框解决方法1：不要使用...
2018-11-18 17:12:38
42221
2
原创 iview按需引用后使用this.$Modal报错
在做需求的时候，需要在点击某处的时候出现一个警告框，于是想到使用iview官方文档的所推荐的Modal对话框来创建一次性的轻量级对话框。main.js中引入了iviewimport { Button， Modal } from 'iview'Vue.component('Button', Button)Vue.component('Modal', Modal)错误信息如下：代...
2018-11-08 16:46:43
7919
原创 Vue报错: did you register the component correctly? For .., make sure to provide the "name" option(已解决）
问题：did you register the component correctly? For recursive components, make sure to provid the "name" option在做项目的时候，引入其他组件时出现以下问题原因：如下是原来的错误代码，因为将components写错成了componentimport ComponentA from '....
2018-10-11 09:42:11
43102
6
原创 Vue项目中动态绑定src路径不成功(已解决)
问题：在做Vue项目的时候，由于项目需求，需要动态绑定img的src时，突然发现如果说是直接请求后台接口的图片地址就能显示，但是直接动态绑定img的src的图片的相对路径或者是绝对路径的时候，图片不能显示，控制台也不报错html代码： &lt;img :src="MyimgSrc" alt=""&gt;js代码： this.MyimgSrc = ...
2018-10-08 11:19:55
24426
1
原创 01-javaScrip引擎与作用域
作用域：作用域是一套规则，用于确定在何处以及如何查找变量。如果查找的目的是对变量进行赋值，那么就会进行LHS查询，如果说起目的是获取变量的值，就会使用RHS查询。=操作符和调用函数时传入的参数的操作都会导致关联作用域的赋值操作，也就是说会导致LHS查询首先需要了解几个javaScript的三个相关的角色1、引擎从头到尾负责整个javasript程序的编译及其概念2、编译器...
2018-09-23 18:13:54
192
原创 接口请求跳坑： Status (blocked:other)
当我在前端请求后台提供的接口时，突然发现自己的浏览器不能请求倒腾了很久，才发现是被浏览器插件（如我使用的是 AdBlock插件） 当作广告拦截了解决办法：1、停用你的广告拦截器当然，这个方法是相当的不开心，毕竟当你选择使用浏览器广告拦截插件，说明你是个很怕被乱七八糟的广告阻挡你那颗在平静，无波澜的心，哈哈哈，于是你可以选择方法二，简单明了2、在当前网站停用广告拦截插...
2018-09-21 10:59:56
16796
15
原创 vue props传Array/Object类型值，子组件报错解决办法（已解决）
问题： Props with type Object/Array must use a factory function to return the default value.1、在vue中如果当在父组件通过props传Array/Object类型值给子组件的时候2、如果子组件的props接收default为 ，如下报错原因：props default 数组／对象的默认值...
2018-09-17 18:24:34
33046
3
原创 自定义设置hr的颜色
1、hr的颜色不能使用color来控制，要使用background-color来控制2、hr的高度不能为 03,、还会有灰色的阴影，设置border:none默认的hr样式自定的hr样式：附上代码：hr { height: 1px; background-color: #6EECB4; border: none;}如有转载：请注明出处！！！！...
2018-09-13 16:21:28
16947
原创 ERROR in Cannot find module 'node-sass'（已解决）
ERROR in Cannot find module 'node-sass'错误表示找不到node-sass模块。因为cnpm安装导致的，换成npm安装就好或者cnpm install node-sass@latest解决方法：输入命令：cnpm install node-sass@latest...
2018-09-10 23:50:27
87456
15
原创 Vue-router跳转界面后显示空白，要刷新之后才会显示新页面，地址栏也跳转了（已解决）
问题：Vue-router跳转界面后显示空白，要刷新之后才会显示新页面，地址栏也跳转了(已解决)巨坑：跳转配置：原来的错误的 ：后来更改后的结果：原因：name写错了，但是path是正确的...
2018-09-05 11:12:48
20095
5
转载 详解Javascript中prototype属性
在典型的面向对象的语言中，如java，都存在类（class）的概念，类就是对象的模板，对象就是类的实例。但是在Javascript语言体系中，是不存在类（Class）的概念的，javascript中不是基于‘类的'，而是通过构造函数（constructor）和原型链（prototype chains）实现的。但是在ES6中提供了更接近传统语言的写法，引入了Class（类）这个概念，作为对象的模板。...
2018-07-15 15:40:46
215
转载 js类数组转数组的方法（ArrayLike）
1. 什么是类数组ArrayLike拥有length属性，其它属性（索引）为非负整数(对象中的索引会被当做字符串来处理，这里你可以当做是个非负整数串来理解)不具有数组所具有的方法//类数组示例var a = {'1':'gg','2':'love','4':'meimei',length:5};Array.prototype.join.call(a,'+');//'+gg+love++meim...
2018-07-15 01:08:02
523
转载 apply()与call()的区别
一直都没太明白apply()与call()的具体使用原理，今日闲来无事，决定好好研究一番。JavaScript中的每一个Function对象都有一个apply()方法和一个call()方法，它们的语法分别为：/*apply()方法*/function.apply(thisObj[, argArray])/*call()方法*/function.call(thisObj[, arg1[, a...
2018-07-15 01:07:18
286
转载 ES6改良ES5的缺陷
1. ES6新增块级作用域在块级作用域内声明的变量不会被外层所引用,也就是说不需要ES5通过(函数)闭包来解决全局变量污染的问题.防止变量在块级作用域外被访问.let/cont防止变量重声明.重复声明会报错.不需要ES5闭包来解决变量污染的问题ES5中循环体的闭包会访问全局的 i ,而使用let 声明的循环体会将本次循环变量锁在块级作用域内!2.箭头函数代替词法作用域的"this"在ES5中,...
2018-07-04 16:06:01
615
转载 e.target.value与this指向什么？区别是什么?
每次触发DOM事件时会产生一个事件对象（也称event对象），此处的参数e接收事件对象。而事件对象也有很多属性和方法，其中target属性是获取触发事件对象的目标，也就是绑定事件的元素，e.target表示该DOM元素，然后在获取其相应的属性值。event.targettarget 属性可以是注册事件时的元素，或者它的子元素。通常用于比较 event.target 和 this 来确定事件是不是由...
2018-07-03 15:51:40
1643
1
原创 sublime常用插件
sublime比较常用的插件sublime比较常用的插件（直接点击就可以查看）如果你想要下载，我的上一篇博文《在github上下载sublime的插件并安装》 在github上下载sublime的插件并安装（点击就可以查看下载即安装方法）...
2018-06-30 15:09:57
224
原创 在github上下载sublime的插件并安装
1：上官网先找到你要得插件名字sublime插件官网：https://packagecontrol.io2： 在官网搜索你要的插件名字3：点击打开你搜索到的，拖到下面，有个下载的地方和路径，红色部分为最后一步，可先跳过执行，其他步骤，再回来执行修改名字那个步骤。4：点击下载，就会到github上面，下载最上面那个.zip文件5：然后把刚刚下载的文件解压复制这个文...
2018-06-30 15:05:01
6624
1
原创 谷歌浏览器启动后，图标变成空白解决办法
谷歌浏览器启动后，图标变成空白，如下图解决方法：新建一个文本文档，把如下代码复制进去，并保存，修改这个文本文档的后缀名改为 .bat 点击运行即可taskkill /f /im explorer.exeattrib -h -i %userprofile%\AppData\Local\IconCache.dbdel %userprofile%\AppData\Local\IconC...
2018-06-14 14:48:55
27504
18
原创 谷歌浏览器查看method
因为新版本的chrome默认不显示method标签(如下图所示)解决办法是手动显示,在图中箭头处右键点击框选的部分即可然后就大共告成了
2018-05-25 09:30:02
1863
转载 jquery事件对象属性
jquery事件对象属性JQuery事件中的Event属性是经常性的被忽略的。大多数时间你的确不怎么用它，但有些时候它还是它还是很有作用的。使用事件自然少不了事件对象. 因为不同浏览器之间事件对象的获取, 以及事件对象的属性都有差异, 导致我们很难跨浏览器使用事件对象.jQuery中统一了事件对象, 当绑定事件处理函数时, 会将jQuery格式化后的事件对象作为唯一参数传入:$("#test...
2018-04-28 10:48:12
261
原创 webstorm、sublime、fireworks快捷键
webstrom快捷键ctrl+c 复制ctrl+v 粘贴ctrl+x 剪切一行或删除一行ctrl+d 复制本行到下一行ctrl+z 退回之前操作ctrl+shift+z 已经做好的退回之后的下一步ctrl+a 全选ctrl+/ 注释行ctrl+shift+/ 注释选定区域ctrl+g 查找行号ctrl+shift+up/down 上下移动代码table 补齐代码c...
2018-04-25 15:02:57
257
原创 CSS中给表格的第一列以及最后一列设置不同的样式
1、设置表格的第一列样式：table tr td:first-child{样式代码....}2、设置表格的最后一列样式：table tr td:last-child{样式代码....}
2018-04-19 23:57:22
13875
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人