- 博客(14)
- 收藏
- 关注
原创 JSON.stringify传递三个参数
今天在看Vue源码的时候,偶然看到了这个么工具函数:function toString (val) { return val == null ? '' : Array.isArray(val) || (isPlainObject(val) && val.toString === _toString) ? JSON.stringify(val, nu...
2020-02-17 14:21:38
978
原创 纯CSS实现点击按钮切换菜单显示与隐藏
本篇博客的css技巧用到了以下几个关键知识点与开源项目:label标签的for属性可以定位到指定的input元素CSS的+选择器与~选择器的使用Font Awesome 4.7.0版本* { margin: 0; padding: 0; } body { display: flex...
2020-02-07 19:30:10
3582
原创 Typescript使用tsc提示禁止执行脚本的解决方法
在调试typescript文件,利用tsc命令时,终端出现以下错误:tsc : 无法加载文件 C:\Users\xxxxxx\AppData\Roaming\npm\tsc.ps1,因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。所在位置 行:...
2019-12-02 21:46:53
2497
1
原创 ES6中的for-of循环
最近ES6温故知新,发现它的出现,为程序员写代码添加了很多方便之处,for-of循环for循环,语句繁琐,不易阅读foreach循环,无法在循环结束前终止循环for-in循环,循环默认结果为属性名,并且只遍历对象的可枚举属性...
2019-11-28 22:01:52
405
原创 ES6新增数组方法之Array.from与Array.of
在ES6中,数组方法得到了扩展,首先来看下Array.from方法这个方法没有被添加到Array对象的原型中,只能使用Array.from的形式调用。它可以把以下两类对象转化为纯数组对象。1.类数组对象:拥有length属性的对象2.可遍历对象:拥有Symbol.iterator接口的对象来看下面这个例子:<script> function fuc(value1,v...
2019-11-27 22:51:45
301
原创 ES6箭头函数的this指向问题
首先让我们来看下普通函数的this指向。<script> const person = { name: "terry", hobby: ["javascript", "webpack", "vue"], myhobby: function () { this.hobby.map(function(valu...
2019-11-26 21:42:26
208
原创 CSS3动画API(animationstart,animationiteration,animationend)
在CSS3的animation中,添加了三个API函数,使我们可以更好的控制动画效果。首先抛出菜鸟给出的解释:CSS 动画播放时,会发生以下三个事件:animationstart - CSS 动画开始后触发animationiteration - CSS 动画重复播放时触发animationend - CSS 动画完成后触发语法object.addEventListener("...
2019-11-20 21:35:40
596
原创 ES6 Promise解决回调地狱
<script> window.onload = function () { var txt = document.getElementById('answer'); var promise1 = function () { return new Promise(function (reso...
2019-11-18 23:14:25
246
原创 版本管理之git的使用
1.创建本地仓储安装git版本管理工具配置.gitignore文件,用于忽略不需要上传的文件创建本地仓储,在终端输入git init3-1.完成后,vscode的文件列表右侧会出现U的标记,并在项目根目录下自动创建.git隐藏文件。3-2.然后我们可以继续在终端输入git status查看文件状态。这里git会告诉你,红色字体的文件或文件夹未被跟踪,根据提示我们继续输入git a...
2019-11-17 15:11:09
121
原创 CSS样式中的BFC
为什么会有BFCBFC是什么如何触发BFCBFC可以解决什么问题以上问题还有其他解决方案么带着以上问题,我们来看一下平时在给页面布局时遇到的烦人问题吧。BFC是Block Formatting Context的缩写,中文翻译为"块级格式化上下文"它决定了元素如何对其内容进行定位,以及与其他元素的关系和相互作用,当涉及到可视化布局的时候,Block Formatting Cont...
2019-11-16 00:06:32
512
原创 Vue-cli图片资源无法显示的原因及解决方案
由于Webpack在打包时,默认静态图片会被打包成base64编码格式,导致打包生成的路径与图片名(带hash值)和开发时放置的位置与名称并不一致。发生以下类似轮播图片无法显示的问题。上图的图片路径与实际开发时的资源位置及名称都不相同。开发时,如果静态配置页面图片位置,webpack在打包时会自动识别,并正确处理为以下网页实际路径:但当我们使用v-if等指令,动态创建图片时,效果就不理想...
2019-11-15 15:27:05
3360
原创 Vue中的Mixin理解
当有不同组件的选项存在相同处理时,Vue为我们提供了一种叫做Mixin的混入功能。它通过递归操作,将Mixin对象上的选项与组件中的选项合并,避免了组件间相同处理的代码冗余。下面,我在项目中创建了一个叫做Comment的组件,然后将此组件作为另一个组件Mixin选项后,新组件就完全复制了Comment组件的功能。Comment.vue<template>...</te...
2019-11-10 11:36:39
251
原创 @vue/cli 4.0.5脚手架搭建
利用上下班通勤的碎片时间,差不多前后2个多星期,看着B站的Vue教程,学者上手Vue并完成了一个注册+评论的小Demo,不得不说,Vue确实是前端开发者的利器,它可以让前端开发人员把更多的精力放在业务逻辑上,配合一些第三方库,如Bootstrap,MinUI等,让项目更加丰满。废话到此,下面贴出代码,以便日后复习巩固只用。
2019-11-09 23:00:21
883
原创 Vue-Router中使用keep-alive及在transition中的动画过度问题
当我们使用Vue来回切换页面,并希望保持页面组件状态的时候,会用到Vue的keep-alive抽象组件。以下为官网中的说明:<keep-alive>包裹动态组件时,会缓存不活动的组件实例,而不是销毁它们。和 <transition>相似,<keep-alive>是一个抽象组件:它自身不会渲染一个 DOM 元素,也不会出现在父组件链中。这里注意,必须包裹动...
2019-11-09 22:54:00
3095
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人