打酱油的小胖-优快云博客

转载 2019 面试准备 - 图片

JPG、PNG、GIF、SVG 的适用场景吗？然后 PNG 为什么会有 PNG-8 和 PNG-24？图片从类型上分，可以分为位图和矢量图，位图就是 JPG、PNG、GIF 等格式，而矢量图就是 SVG 等格式。我们按压缩划分，可以将图片分为无损压缩和有损压缩两种。无损压缩能使图片占用的存储空间变小，并且不会损害图片的质量。而有损压缩会...

2019-03-04 11:10:25 309

指令定义函数提供了几个钩子函数（可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新（详细的钩子函数参数见下）。...

2018-07-09 13:49:53 874

转载 Vue.js 自定义指令

<div id="app"> <p>页面载入时，input 元素自动获取焦点：</p> <input v-focus></div> <script>// 注册一个全局自定义指令 v-focusVue.directive('focus', { // 当绑定元素插入到 DOM 中。 inser

2018-07-09 13:39:34 175

转载修饰符和组件

.lazy在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：<input v-model.lazy="msg" >.number如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为...

2018-07-06 14:23:12 252

转载事件修饰符来处理 DOM 事件细节

ue.js通过由点(.)表示的指令后缀来调用修饰符。.stop.prevent.capture.self.once<a v-on:click.stop="doThis"></a><form v-on:submit.prevent="onSubmit">&

2018-07-06 14:10:49 1280

转载 vue样式绑定

<div v-bind:class="{ active: isActive }"></div><div class="static" v-bind:class="{ active: isActive, 'text-danger': hasError }"></div><div id="app"

2018-07-05 09:46:14 422

转载 vue.js监听属性

监听属性 watch，我们可以通过 watch 来响应数据的变化:<div id = "computed_props"> 千米 : <input type = "text" v-model = "kilometers"> 米 : <input type = "text" v-model = "meters">

2018-07-05 09:32:18 810

转载 vue.js计算属性

computed：计算属性在处理一些复杂逻辑时是很有用的。<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p></div> <script>var vm = new Vu

2018-07-03 16:16:44 112

转载常用命令行

//导入组件 import Hello from './components/Helloexport default{ name:'app', components:{ Hello }}//文本插值{{}}//输出html代码 v-html//属性 v-bind//表达式 {{}}//指令 v-if v-on//参数 v-bind:href//修饰符 v-...

2018-07-03 10:47:05 152

转载 Vue目录结构

上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等）中打开该目录，结构如下所示：目录解析目录/文件说明build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets: 放置一...

2018-06-26 10:52:15 223

转载 Webpack

Webpack安装前，本地环境需要支持node.js。由于npm安装速度慢，使用淘宝镜像及其命令cnpm。使用cnpm 安装webpack: cnpm install webpack -g创建一个目录app: mkdir app在app目录下添加runoob1.js：document.write("It works.")在 app 目录下添加 index.html 文件，代码如下：<html...

2018-06-26 10:43:45 241

转载 Vue命令行

全局安装 vue-clinpm install --global vue-cli创建一个基于webpack模板的新项目vue init webpack my-project安装依赖cd my-projectnpm installnpm run dev

2018-05-30 16:22:40 9410

转载 DSBridge

什么是 Javascript bridge随着h5的不断普及及优化，以及移动端对动态化的需求越来越大，开发者经常需要在app中嵌入一些网页，然后会在web和native之间进行交互，如传递数据，调用函数，而连接web与native需要一个桥梁,通常称为javascript bridge,项目中选择一个好的javascript bridge也非常重要。https://github.com/wendu...

2018-05-30 14:31:56 3895

打酱油