- 博客(14)
- 收藏
- 关注
RSS订阅原创 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
952
原创 纯CSS实现点击按钮切换菜单显示与隐藏
本篇博客的css技巧用到了以下几个关键知识点与开源项目：label标签的for属性可以定位到指定的input元素CSS的+选择器与~选择器的使用Font Awesome 4.7.0版本* { margin: 0; padding: 0; } body { display: flex...
2020-02-07 19:30:10
3534
原创 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
2433
1
原创 ES6中的for-of循环
最近ES6温故知新，发现它的出现，为程序员写代码添加了很多方便之处，for-of循环for循环，语句繁琐，不易阅读foreach循环，无法在循环结束前终止循环for-in循环，循环默认结果为属性名，并且只遍历对象的可枚举属性...
2019-11-28 22:01:52
394
原创 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
282
原创 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
195
原创 CSS3动画API（animationstart，animationiteration，animationend）
在CSS3的animation中，添加了三个API函数，使我们可以更好的控制动画效果。首先抛出菜鸟给出的解释：CSS 动画播放时，会发生以下三个事件：animationstart - CSS 动画开始后触发animationiteration - CSS 动画重复播放时触发animationend - CSS 动画完成后触发语法object.addEventListener("...
2019-11-20 21:35:40
577
原创 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
238
原创 版本管理之git的使用
1.创建本地仓储安装git版本管理工具配置.gitignore文件，用于忽略不需要上传的文件创建本地仓储，在终端输入git init3-1.完成后，vscode的文件列表右侧会出现U的标记，并在项目根目录下自动创建.git隐藏文件。3-2.然后我们可以继续在终端输入git status查看文件状态。这里git会告诉你，红色字体的文件或文件夹未被跟踪，根据提示我们继续输入git a...
2019-11-17 15:11:09
113
原创 CSS样式中的BFC
为什么会有BFCBFC是什么如何触发BFCBFC可以解决什么问题以上问题还有其他解决方案么带着以上问题，我们来看一下平时在给页面布局时遇到的烦人问题吧。BFC是Block Formatting Context的缩写，中文翻译为"块级格式化上下文"它决定了元素如何对其内容进行定位，以及与其他元素的关系和相互作用，当涉及到可视化布局的时候，Block Formatting Cont...
2019-11-16 00:06:32
497
原创 Vue-cli图片资源无法显示的原因及解决方案
由于Webpack在打包时，默认静态图片会被打包成base64编码格式，导致打包生成的路径与图片名（带hash值）和开发时放置的位置与名称并不一致。发生以下类似轮播图片无法显示的问题。上图的图片路径与实际开发时的资源位置及名称都不相同。开发时，如果静态配置页面图片位置，webpack在打包时会自动识别，并正确处理为以下网页实际路径：但当我们使用v-if等指令，动态创建图片时，效果就不理想...
2019-11-15 15:27:05
3302
原创 Vue中的Mixin理解
当有不同组件的选项存在相同处理时，Vue为我们提供了一种叫做Mixin的混入功能。它通过递归操作，将Mixin对象上的选项与组件中的选项合并，避免了组件间相同处理的代码冗余。下面，我在项目中创建了一个叫做Comment的组件，然后将此组件作为另一个组件Mixin选项后，新组件就完全复制了Comment组件的功能。Comment.vue<template>...</te...
2019-11-10 11:36:39
240
原创 @vue/cli 4.0.5脚手架搭建
利用上下班通勤的碎片时间，差不多前后2个多星期，看着B站的Vue教程，学者上手Vue并完成了一个注册+评论的小Demo，不得不说，Vue确实是前端开发者的利器，它可以让前端开发人员把更多的精力放在业务逻辑上，配合一些第三方库，如Bootstrap，MinUI等，让项目更加丰满。废话到此，下面贴出代码，以便日后复习巩固只用。
2019-11-09 23:00:21
868
原创 Vue-Router中使用keep-alive及在transition中的动画过度问题
当我们使用Vue来回切换页面，并希望保持页面组件状态的时候，会用到Vue的keep-alive抽象组件。以下为官网中的说明:<keep-alive>包裹动态组件时，会缓存不活动的组件实例，而不是销毁它们。和 <transition>相似，<keep-alive>是一个抽象组件：它自身不会渲染一个 DOM 元素，也不会出现在父组件链中。这里注意，必须包裹动...
2019-11-09 22:54:00
3047
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人