- 博客(13)
- 收藏
- 关注
RSS订阅转载 2019 面试准备 - 图片
JPG、PNG、GIF、SVG 的适用场景吗？然后 PNG 为什么会有 PNG-8 和 PNG-24？ 图片从类型上分，可以分为位图和矢量图，位图就是 JPG、PNG、GIF 等格式，而矢量图就是 SVG 等格式。 我们按压缩划分，可以将图片分为无损压缩和有损压缩两种。无损压缩能使图片占用的存储空间变小，并且不会损害图片的质量。而有损压缩会...
2019-03-04 11:10:25
274
转载 钩子函数
指令定义函数提供了几个钩子函数（可选）：bind: 只调用一次，指令第一次绑定到元素时调用，用这个钩子函数可以定义一个在绑定时执行一次的初始化动作。inserted: 被绑定元素插入父节点时调用（父节点存在即可调用，不必存在于 document 中）。update: 被绑定元素所在的模板更新时调用，而不论绑定值是否变化。通过比较更新前后的绑定值，可以忽略不必要的模板更新（详细的钩子函数参数见下）。...
2018-07-09 13:49:53
794
转载 Vue.js 自定义指令
<div id="app"> <p>页面载入时，input 元素自动获取焦点：</p> <input v-focus> </div> <script> // 注册一个全局自定义指令 v-focus Vue.directive('focus', { // 当绑定元素插入到 DOM 中。 inser
2018-07-09 13:39:34
146
转载 修饰符和组件
.lazy在默认情况下， v-model 在 input 事件中同步输入框的值与数据，但你可以添加一个修饰符 lazy ，从而转变为在 change 事件中同步：<!-- 在 "change" 而不是 "input" 事件中更新 --> <input v-model.lazy="msg" >.number如果想自动将用户的输入值转为 Number 类型（如果原值的转换结果为...
2018-07-06 14:23:12
206
转载 事件修饰符来处理 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
1234
转载 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
378
转载 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
765
转载 vue.js计算属性
computed：计算属性在处理一些复杂逻辑时是很有用的。<div id="app"> <p>原始字符串: {{ message }}</p> <p>计算后反转字符串: {{ reversedMessage }}</p> </div> <script> var vm = new Vu
2018-07-03 16:16:44
88
转载 常用命令行
//导入组件 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
123
转载 Vue目录结构
上一章节中我们使用了 npm 安装项目，我们在 IDE（Eclipse、Atom等） 中打开该目录，结构如下所示：目录解析目录/文件说明build项目构建(webpack)相关代码config配置目录，包括端口号等。我们初学可以使用默认的。node_modulesnpm 加载的项目依赖模块src这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：assets: 放置一...
2018-06-26 10:52:15
201
转载 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
205
转载 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
9367
转载 DSBridge
什么是 Javascript bridge随着h5的不断普及及优化，以及移动端对动态化的需求越来越大，开发者经常需要在app中嵌入一些网页，然后会在web和native之间进行交互，如传递数据，调用函数，而连接web与native需要一个桥梁,通常称为javascript bridge,项目中选择一个好的javascript bridge也非常重要。https://github.com/wendu...
2018-05-30 14:31:56
3817
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人