web前端
文章平均质量分 79
zhangr16xyz
这个作者很懒,什么都没留下…
展开
-
Promise对象分析
1.概念 ES6 提供了原生的Promise对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理。 特点: new的Promise对象状态不受外界影响。 Pending(进行中),Resolved/ Fulfilled(已完成), Rejected(已失败),这三种状态只受异步操作的结果的内部影响。 一旦状态改原创 2017-05-23 12:02:49 · 359 阅读 · 2 评论 -
前端开发代码规范
一、总体注意事项:1 先看docs下的代码规范,一定要牢记。不要随便命名2 已有代码需要修改代码时,必须先获取代码,一般情况下不允许直接覆盖。可以合并3 修改代码不清楚是什么业务的,最好不要删除,可以注释。4 提交代码之前先格式化代码样式。5 尽量熟悉使用公司统一的开发环境(webstrom + svn);6 注释一定要有:建议格式: <!--市场层--> <ul cl原创 2017-05-18 15:08:39 · 322 阅读 · 0 评论 -
Vue2 (1)组件化
1.组件注册 创建组件构造器 ==》注册组件 ==》 实例化组件 <!DOCTYPE html> <html> <body> <head> <title>演示Vue</title> </head> <div id="container"> <component1></component1> <component2></compone原创 2017-06-19 16:43:23 · 296 阅读 · 0 评论 -
Vue2 (2)事件属性方法
1. 属性 & 方法 每个Vue实例都会代理其data对象里的所有属性,且data里必须是函数: var data = { a: 1 }; var vm = new Vue({ data: data }); console.log(vm); console.log(vm.a === data.a); // true// 设置属性也会影响到原始数据 vm.a = 2; console.log原创 2017-06-20 17:45:19 · 1607 阅读 · 0 评论 -
Vue2 ( 3 ) 过渡
1. 过渡css-类名 这里v- 是类名的前缀,当有多个过渡使用<transition name="ss">区别 , 此时v-enter 替换成: ss-enter等。 <!DOCTYPE html> <html> <head> <title>transition</title> <style> .fade-enter-active, .fade-leave-a原创 2017-06-21 16:39:30 · 284 阅读 · 0 评论 -
微信js-sdk接口
1. 概述微信JS-SDK是微信公众平台面向网页开发者提供的基于微信内的网页开发工具包。开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力,同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力,为用户提供更优的网页体验。2. 具体步骤1 绑定域名:“公众号设置”的“功能设置”里填写“JS接口安全域名”2 引入JS文件: 在需要调用JS接口的页面引入如下JS文件,(支持htt原创 2017-07-22 15:15:32 · 805 阅读 · 0 评论 -
双向数据绑定原理
1. 发布者-订阅者模式(backbone.js) 一般通过sub, pub的方式实现数据和视图的绑定监听,更新数据方式通常做法是 vm.set(‘property’, value),虽然老套古板,这种方式的优点在于兼容ie8以下版本。 2. 脏值检查(angular.js) angular.js 是通过脏值检测的方式比对数据是否有变更,来决定是否更新视图,简单来说就是通过在指定的事件触发时原创 2017-08-19 15:04:48 · 2175 阅读 · 1 评论 -
vue2 项目构建 (上)
项目结构Config1. dev.env.js开发环境配置:'use strict' // 合并配置 const merge = require('webpack-merge') const prodEnv = require('./prod.env')module.exports = merge(prodEnv, { CONF_ENV: `"${process.env.CONF_ENV}"`,原创 2017-12-07 16:48:57 · 762 阅读 · 1 评论