- 博客(31)
- 问答 (2)
- 收藏
- 关注
RSS订阅原创 2023.1 IDEA：Springboot项目的properties或yml文件中不提示，文件没有小绿叶图标
2023版idea springBoot 配置文件指定
2023-05-09 10:13:22
1008
2
原创 electron离线安装
公司因为安全原因，导致连不上npm的镜像，查找了资料，终于找到一种离线安装 electron 全局开发环境的方法，分享并记录一下:ps: 如果能用淘宝镜像，直接设置npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/electron/ ，最方便，速度也快准备工作安装node环境 下载electron的zip包，前往淘宝镜像站选择最新稳定版下载 electron淘宝镜像下载地址: https://npm.taobao.or
2021-05-11 23:57:43
5743
1
原创 Vue3.0新特性 ---- 标签 ＜Teleport＞
Vue3.0新特性 ---- 标签 Teleport用途: 可以控制HTML片段指定在某一父节点下呈现/渲染，而不必诉诸全局状态或将其拆分为两个组件E.g.index.html<body> <div id="app" style="position: relative;"> <h3>Tooltips with Vue 3 Teleport</h3> <div> <modal-button>
2020-10-13 23:51:44
2359
原创 Reflect.ownKeys()与Object.keys()区别
代码test1: var obj = {} Object.defineProperty(obj, 'method1', { value: function () { alert("Non enumerable property"); }, enumerable: false })console.log(Object.keys(obj))// [...
2018-09-26 16:06:48
16561
6
转载 详解defer和async的原理及应用
defer和async是script标签的两个属性，用于在不阻塞页面文档解析的前提下，控制脚本的下载和执行。 在介绍他们之前，我们有必要先了解一下页面的加载和渲染过程： 1. 浏览器通过HTTP协议请求服务器，获取HMTL文档并开始从上到下解析，构建DOM； 2. 在构建DOM过程中，如果遇到外联的样式声明和脚本声明，则暂停文档解析，创建新的网络连接，并开始下载样式文件和脚本文件；
2018-02-09 00:07:55
303
原创 mongodb对数组中的所有元素进行一次性修改方法(限3.6版本)
$[]现在可以通过$[] 操作符 来对数组中的所有元素进行一次性修改了，而且这个修改可以是使用类似$divide 、$sum 等操作符~$[]可以通过$[element] 配合 $cond 条件操作符等，来达到对数组的符合条件的元素统一更新。例子:数据如下{ name: 4, list: [{ id: "a",
2017-12-18 22:42:54
2653
转载 JavaScript对象中属性的getter和setter方法
JavaScript对象的属性是由名字、值和一组特性（可写、可枚举、可配置等）构成的。在ECMAScript 5中，属性值可以用一个或两个方法代替，这两个方法就是getter和setter。var myObj = { a: 2, get b(){ return 3; } };console.log(myObj.a);//2console.lo
2017-11-18 11:30:27
379
原创 保持nodejs健状性,异步函数错误处理方法Domain与try.catch的区别
保持nodejs健状性,异步函数错误处理方法Domain与try.catch的区别 首先看看try..catch处理错误方法// 同步函数异常try { errorObject()} catch(error) { console.log(error) console.log(1)}function errorObject() { var i = wrong
2017-08-19 00:22:10
1207
原创 (Vue2.0)axios与vuex中actions结合使用的实现
安装就不说了,可以看看我之前的文章.首先,先说说axios的引入有两种方式:第一种:在Vue的原型链prototype上定义:如图调用时,直接在组件里用this.$ajax调用这种方式需要actions里引入Vue实例说第二种方式:更加多的axios设置及拦截器,则需创建axios实例并配置fetch.js之后我们就可以在vuex的actions里...
2017-08-11 23:42:43
8798
原创 (Vue2.0)在服务器返还数据中带有<img>标签时,用v-html渲染,better-scroll高度拉不到最底的问题
Vue2.0 + better-scroll + Promise
2017-08-11 23:24:15
4363
转载 ajax 缓存问题---禁止刷新
在使用jQuery ajax 无刷新提交 判断input框中的值时，发现因为缓存问题，效果实现不对；解决办法：浏览器解决（不建议）：* 在Internet选项中清除浏览器缓存*在F12开发者工具中清除缓存PHP代码解决方法：ajax t提交时，不让生成缓存即可； 1、给请求链接加随机数，如果用的是jquery，直接设置: $.ajaxSetu
2017-07-20 23:52:46
451
原创 防止用户连续多次点击提交请求,防止对服务器造成负担
Documentvar timer = null;$('.btn').click(function() {//定义一个延时函数,用户不断点击会取消前一次,只执行最后一次请求timer && clearTimeout(timer);timer = setTimeout(function() {_ajax();}, 1000);}
2017-07-20 23:38:14
5257
原创 nodejs工具util.inherits与原生js的原型链继承实现与区别
在nodejs,可利用util工具的inherits方法,继承原型链(但官方文档建议使用es6新语法class,constructor,super等以后分享),原生js则用Object.setPrototypeOf()来继承
2017-07-16 23:30:27
606
原创 分享回调地狱的体现与利用es6 Promise对回调的改良和实现
实现以下的一个动画:1.先用回调函数的方法实现2.利用Promise实现,体验改良后的代码利用Promise更容易维护,层次分明.
2017-07-16 23:13:44
323
原创 在Vue-cli里应用Vuex的state和mutations
首先，必须安装vuex的依赖npm install vuex --save-dev创建专属vuex的文件夹和store.js:store.js里引入并应用插件vuex定义常量state,用于存放变量&&定义常量mutations存放对变量的处理方法：导出Vuex.store的实例，参数为刚才定义的state和mutations:最后，还要在入
2017-06-22 00:17:52
1759
原创 事件DOMContentLoaded和load的区别
他们的区别是，触发的时机不一样，先触发DOMContentLoaded事件，后触发load事件。DOM文档加载的步骤为解析HTML结构。加载外部脚本和样式表文件。解析并执行脚本代码。DOM树构建完成。//DOMContentLoaded加载图片等外部文件。页面加载完毕。//load在第4步，会触发DOMContentLoaded事件。在第6步，触发 load 事件。用原
2017-06-14 09:45:08
438
转载 【转】获取scrollTop兼容各浏览器的方法，以及body和documentElement有啥区别？
1、各浏览器下 scrollTop的差异 IE6/7/8： 对于没有doctype声明的页面里可以使用 document.body.scrollTop 来获取 scrollTop高度 ； 对于有doctype声明的页面则可以使用 document.documentElement.scrollTop； Safari: safari 比较特别，有自己获取scrollTop的函数
2017-05-31 16:16:43
1481
原创 npm install --save 与 npm install --save-dev 的区别
pm install 在安装 npm 包时，有两种方式把依赖包信息写入 package.json 文件，一种是npm install --save，会把依赖包 dependencies，另一个是 npm install --save-dev，则写进devDependencies --save-dev 是你开发时候依赖的东西，--save 是你发布之后还依赖的东西如下图所示：
2017-05-22 09:28:48
2844
原创 Vue2.0过渡动画效果transition
今天在做关于Vue项目时,遇到的问题,因为Vue1.0和Vue2.0的过渡效果完全不同了,Vue1.0是作为属性设置,而Vue2.0是作为元素包裹引用官网的图:经多次尝试,我最终理解:一开始,需设置v-enter-active和v-leave-active这两个过渡效果的属性值(例:transition: all .5s ease这样)然后,我们需设置的只有是v-enter
2017-05-05 21:17:15
571
原创 制作SVG图片的CSS文字样式,引入项目
怎么把SVG图片引入我们制作的网站呢?介绍一个比较好的网址给大家: https://icomoon.io/这是一个可以将SVG图片转变为CSS样式,方便大家引用步骤如下:先打开网址https://icomoon.io/,可以看一右上角的IcoMoon App,点击跟着如下图: 先点击import Icons把你想转化的SVG文件导入,接着网站就会在Untitle
2017-05-05 10:33:16
853
原创 今天学习vm遇到的错误,root标签不能用v-for
遇到错误:Cannot use v-for on stateful component root element because it renders multiple elements.代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l...
2017-05-01 16:29:30
2921
原创 两个元素为display:inline-block,之前存在的空格解决方法!
今天练习写面包屑导航,遇到的一个问题,和大家分享一下!代码如下:.breakCrumb { list-style: none;}.breakCrumb > li { display: inline-block;}.breakCrumb > li + li:before { content: "/"; color: #ccc; padding: 0 5px;
2017-04-16 22:07:46
1234
1
原创 Node.js v6.10.1在webStrom里配置less转css步骤
首先安装node.js,到中文官网http://nodejs.cn/.然后,了解:写代码写到一半要切换窗口出去敲命令行？webstorm的external tools可以帮你省下一点时间举例说明，比如我要直接使用npm：ctrl+alt+s打开setting菜单，找到external tools点+号，在tool setting里填空：program -> 外部命令所在位置，填
2017-04-04 01:03:41
670
原创 jQuery动画连续触发、滞后反复执行解决办法
在做一个鼠标进出图片,遮罩层上下移动时,遇见的问题(如图所示:):只要用鼠标不断进出图片,因动画未执行完成就触发下一个事件,使动画效果滞后和反复执行,效果非常不佳.解决办法如下:利用jQuery的stop()方法.如下图:$(".masked").mouseover(function(){ $(".mask").stop().animate({ "top":"0px
2017-04-03 00:27:00
3034
转载 + - ! function($) ()， function 前面的符号意思
如果在function之前加上感叹号 (!) 会怎么样？比如下面的代码：!function(){alert('iifksp')}() // true在控制台运行后得到的值时true，为什么是true这很容易理解，因为这个匿名函数没有返回值，默认返回的就是undefined，求反的结果很自然的就是true。所以问题并不在于结果值，而是在于，为什么求反操作能够
2017-03-31 23:22:21
4808
原创 jQuery的Ajax方法注意事项
用$.post(url,data,callback,type);方法实现Ajax和php的交互(注释部分为原生Ajax)注意:1.$.post里的data参数,为key:value格式,并在php里接收的参数应为:$key=$_POST['key'];(这里的key不是为变量名,例如下面的:var user,给php传的参数应为name或者pwd)2.$.post里的type参数,如果
2017-03-24 18:56:34
294
原创 Canvas气泡动画效果和多个球体上下运动（之前的改进）
canvas多个球体上下运动 var canvas = document.getElementById("canvas");var ctx = canvas.getContext("2d");var circleMove = {Time : 20,STATUS_DOWN : 0,STATUS_UP : 1,circles : [],
2017-03-09 19:24:30
1253
原创 HTML5练习，实现图片在两DIV中相互拖放效果
08_HTML5中的拖放效果 div {width:300px;height:300px;border:1px solid black;}#d1 {float:left;}#d2 {float:right;} /** 使用HTML5中的拖放API实现拖放功能* * 源元素事件 - drags
2017-03-09 00:04:50
1361
空空如也
lesshat-selector{-lh-property: 0; }这有什么作用？
2017-03-08
请教大神，CSS样式问题，下面的标签是有什么作用？
2017-03-07
TA创建的收藏夹 TA关注的收藏夹
TA关注的人