JavaScript 和 jQuery 给动态添加的元素绑定事件 2019年11月06日 Mr. Ma 3117 现在的很多网站为了用户体验，都会通过 AJAX 动态的加载内容。这些被插入到页面中的元素如果直接绑定事件是无法使用的。下面简单水一下 JavaScript 和 jQuery 给动态添加的元素绑定事件的方式。原生 JavaScript下面创建一个 li 并... 阅读全文 0 评论
Babel 简单使用指南 2019年10月27日 Mr. Ma 3391 Babel 是一个 JavaScript 的转译器。它的主要功能就是把 ES2015+ 的代码转换为 ES5 或更低版本的 JavaScript 代码。有了 Babel，您就可以使用最新的 JavaScript 语法，不用太担心浏览器的兼容问题。这篇文章... 阅读全文 0 评论
Vue 自定义指令的定义和调用 2019年10月25日 Mr. Ma 3152 指令是 Vue 中以 v- 开头的一种属性，像 v-show 、v-model 都属于 Vue 的内置指令。除了内置的指令外，Vue 也允许自定义指令。自定义指令的功能就是操作 DOM。虽然 Vue 可以通过改变数据来操作 DOM，但有的功能还是无法实现... 阅读全文 0 评论
JavaScript 剪贴板粘贴上传图片 2019年10月21日 Mr. Ma 3182 浏览器上传文件的文件选择方式包括：input 文件表单、拖放选择、直接粘贴剪贴板中的文件。之前写了 文件表单和拖放选择，这里就继续来写剪贴板粘贴上传。注意！目前的粘贴上传只能粘贴保存在剪贴板中的文件，这些文件一般是截图工具之类的软件保存到剪贴板中的，在资... 阅读全文 0 评论
Vue 绑定 class 和 style 2019年10月15日 Mr. Ma 2568 在 原生 JS 中可以通过 classList.add() 和 classList.remove() 这两个方法来动态的增加和删除元素的 class，也可以通过 style 属性来动态的改变元素的样式。在 Vue 中不太推荐直接操作 DOM 元素，但可以... 阅读全文 0 评论
Vue 使用 vue-resource 发送 AJAX 请求 2019年09月28日 Mr. Ma 3030 vue-resource 是一个用来发送 XMLHttpRequest 请求的 Vue 插件，它的功能和 jQuery 中的 $.ajax 差不多。有了 vue-resource，简单的 AJAX 请求就不需要手动封装了。安装这里使用 npm 安装，在项... 阅读全文 0 评论
Vue Router 的简单使用 2019年09月18日 Mr. Ma 1993 Vue Router 是 Vue 官方提供的路由管理插件。使用 Vue Router 您可以很方便的配置组件和路由的对应关系，可以实现不同的路由显示不同的组件，还能配合 Vue 的过渡动画使用。如果您还不了解路由的话，可以先看一下 前端路由的简单实现 这... 阅读全文 0 评论
Electron 初体验 2019年09月13日 Mr. Ma 2692 Electron 是一个用于开发桌面应用程序的开源框架。Electron 允许您使用 HTML + CSS + JavaScript 来开发桌面应用程序。因为 Electron 的 UI 界面使用的是网页，所以可以很方便的在 Windows、Mac O... 阅读全文 0 评论
Vue 条件渲染 v-if 和 条件展示 v-show 2019年09月12日 Mr. Ma 3904 在 Vue 中 v-show 和 v-if 都能实现元素的显示或隐藏，但是两个指令还是有些不一样的。这里就简单写一下 v-show 和 v-if 两个指令的区别和用法。v-showv-show 的功能是条件展示，如果条件为 true 就显示，否则就隐藏。... 阅读全文 0 评论
Vue 生命周期和钩子函数 2019年09月09日 Mr. Ma 2005 每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。Vue 生命周... 阅读全文 0 评论