03 2017 档案
摘要：Canvas API（画布）用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）。使用前，首先需要新建一个canvas网页元素。 1 2 3 4 <canvas height="200" id="myCanvas" width="400">
阅读全文
摘要：自定义指令 项目中自定义滚动指令(main.js) 组件中使用 Modules 使用单一状态树，导致应用的所有状态集中到一个很大的对象。但是，当应用变得很大时，store 对象会变得臃肿不堪。为了解决以上问题，Vuex 允许我们将 store 分割到模块（module）。每个模块拥有自己的 stat
阅读全文
摘要：方案一： 设置 ion-content > overflow-scroll="false"
阅读全文
摘要：原因：没有接受以下SDK组件的许可协议 解决方案： install Android Support Repository
阅读全文
摘要：箭头操作符 如果你会C#或者Java，你肯定知道lambda表达式，ES6中新增的箭头操作符=>便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=>outputs。 我们知道在JS中回调是经常的事，而一般回调又以匿名函数的形式出现，每次都需要
阅读全文
摘要：1.当使用transform:translate3d(-50%,-50%,0)居中弹框（div）时，在pc端，内部的文字会模糊。解决办法：给body定义样式 2.用position:absolute/fixed;把一个按钮固定在页面的底部，在android系统中，当调用输入法时，该按钮会被顶起解决办
阅读全文
摘要：在前面Angularjs开发一些经验总结中我们说到在angular开发中angular controller never 包含DOM元素（html/css），在controller需要一个简单的POJO（plain object javascript object），与view完全的隔离（交互ang
阅读全文
摘要：1、需求描述 在ionic项目用调用手机的打电话功能。开始还想找cordova和ng-cordova的插件那，现在H5实现起来特别方便。 2、准备 在cordova中所有的URL Schemes 都是服从于白名单的，所以要现在项目config.xml中添加 Making a Phone Call f
阅读全文
摘要：网址：http://www.expressjs.com.cn/
阅读全文
摘要：1.独立构建vs运行时构建 在按照vue1.0的配置配置好webpack后，会出现Failed to mount component: template or render function not defined. (found in root instance) 的错误，这里涉及到vue2.0与
阅读全文
摘要：官网：http://www.sublimetext.com/3 下载：Windows 64 bit - also available as a portable version 安装插件：https://packagecontrol.io/ 个性化配置：Preferences 快捷键： 选择类Ctr
阅读全文
摘要：1.Vuejs组件 vuejs构建组件使用 这里注意一点，组件要先注册再使用，也就是说： 如果反过来会报错，因为反过来代表先使用了组件的，但是组件却没注册。 webpack报错后，使用webpack --display-error-details可以排错 2.指令keep-alive 在看demo的
阅读全文
摘要：网址：https://www.tslang.cn/
阅读全文
摘要：移动端开发过程中，因为手机的dpr(设备像素比不同)，我们需要根据dpr来修改图标的大小: 1.通过mixin,动态修改图标的背景图片。通过@media (媒体查询)，判断设备的dpr。 2.css样式中调用 bg-image 方法 移动端 border 的 1px 问题： 1.为了方便通用，使用
阅读全文
摘要：网址：https://www.tslang.cn/docs/tutorial.html
阅读全文
摘要：一、登录 1.进入iTunesconnect，输入账号密码 2.打开 “我的APP” 3.选择一个将要更新版本的APP 二、创建新版本 添加版本。新版本号必须大于旧版本号，且必须与程序上传的版本号一致 三、编辑新版本 1.输入新版本更新内容 2.如果需要，重新上传“APP 预览和屏幕快照”。对于不同
阅读全文
摘要：v-bind 数据绑定 可以简写成 ： 通过 props 将数据对象 传给 组件 created 创建变量 两个div,图片与文字之间有空隙，父元素 font-size:0 style 中 使用 mixin 函数， 需要使用 @include 引入 通过 vertical-align：top;设置文
阅读全文
摘要：1.下载 在 package.json 中配置 dependencies 命令行 下载 或者 2.调用 main.js 3.通过 data() 储存数据 通过 created() 请求数据 通过 this.$http.get 来定义通过vue实例来发送get请求，然后通过then后面的回调函数将请求
阅读全文
摘要：1.解决 vue 的缩进问题 配置 eslint , 只要要eslint 对应的值为 0，则 eslint 将不会对其进行检测 (.eslintrc.js -- rules ) A. 不检测 缩进 --> 'indent': 0 B. 不检测 函数的 space --> 'space-before-
阅读全文
摘要：Sass 有两种语法规则(syntaxes),目前新的语法规则（从 Sass 3开始）被称为 “SCSS”( 时髦的css（Sassy CSS）),它是css3语法的的拓展级，就是说每一个语法正确的CSS3文件也是合法的SCSS文件，SCSS文件使用.scss作为拓展名。第二种语法别成为缩进语法（或
阅读全文
摘要：使用时首先 为匹配不同设备，定义基本样式 转自：http://www.cnblogs.com/jiangyangchang/p/6530385.html 注： 先定义一个 mixin (mixin 是 css 预处理器提供的一个方法，它可以通过定义一个函数，比如 border-1px($color)
阅读全文
摘要：目录结构与文件配置说明 首先对目录结构进行说明， 1.build目录，主要利用webpack与node插件启动一些相关服务的js文件 2.config目录主要是针对开发环境，生产环境，测试环境的配置信息 3.src是我们自己开发时的源码目录（可指定修改名称） 4.static是一些第三方库的包用到的
阅读全文
摘要：1，使用save会在package.json中自动添加。 注： 通常使用npm安装会出现以下报错，安装失败。（网路问题） 可以通过淘宝的npm镜像安装node-sass，解决以上问题。 $ npm install -g cnpm --registry=https://registry.npm.tao
阅读全文
摘要：所谓的浏览器兼容性问题，是指因为不同的浏览器对同一段代码有不同的解析，造成页面显示效果不统一的情况。在大多数情况下，我们的需求是，无论用户用什么浏览器来查看我们的网站或者登陆我们的系统，都应该是统一的显示效果。所以浏览器的兼容性问题是前端开发人员经常会碰到和必须要解决的问题。 在学习浏览器兼容性之前
阅读全文
摘要：转自：http://www.cnblogs.com/duanhuajian/archive/2012/09/23/2699119.html 1 ie6.0横向margin加倍 产生因素：块属性、float、有横向margin。 解决方法：display：inline； 2 ie6.0下默认有行高 解
阅读全文
摘要：概念 ES6 原生提供了 Promise 对象。 所谓 Promise，就是一个对象，用来传递异步操作的消息。它代表了某个未来才会知道结果的事件（通常是一个异步操作），并且这个事件提供统一的 API，可供进一步处理。 Promise 对象有以下两个特点。 （1）对象的状态不受外界影响。Promise
阅读全文
摘要：angular.js有一个很强大的指令: ng-select 它可以帮助你通过数据模型来创建select元素.它很好的支持了select标签的语法,但是却有点坑. 假设有如下一段json数据: { "myOptions": [ { "id": 106, "group": "Group 1", "la
阅读全文
摘要：cd 进入用户主目录； cd ~ 进入用户主目录； cd - 返回进入此目录之前所在的目录； cd .. 返回上级目录（若当前目录为“/“，则执行完后还在“/"；".."为上级目录的意思）； cd ../.. 返回上两级目录； cd !$ 把上个命令的参数作为cd参数使用。
阅读全文
摘要：对于移动端的开发，rem 适配必不可少，我们可以用多种方式实现，下面给出一种方案 在 index.html 中添加如下代码 这里基于宽 320px 的屏幕分成了 16 份，也就是 1rem = 20px，目前大多数设计稿都是根据 iphone6 的宽（ 375px ）走的，建议大家在这里分成 25
阅读全文
摘要：重置css默认样式（淘宝）： flexible.js 源码： 使用方法 建议对于js做内联处理，在所有资源加载之前执行这个js。 执行这个js后，会在html（也就是document.documentElement）上增加一个data-dpr属性，以及font-size样式。 之后页面中的元素，都可
阅读全文
摘要：1、$ git reset --hard HEAD 将提交重置 2、使用 $ git checkout TestTimer.java(文件名) 恢复过来了
阅读全文
摘要：使用fiddler来抓包 Sniffer,wireshark,WinNetCap.WinSock Expert,SpyNet 都是当前流行的抓包工具 需要先做一些简单的准备工作: 一台带有无线网卡的PC或者笔记本电脑，然后将电脑和手机连接到同一个Wi-Fi网络中，并且保证二者是在同一个ip网段内的；
阅读全文
摘要：第一步，你把你的项目的SVG文件跟你自己做的图标的SVG文件都上到icomoon.io/app（上传方式上节已经讲过了，不会的翻下上节内容），会看到这么界面 第二步，点击下载后，出现这个页面，修改前缀，文件的名称 第三步，修改每个图标的名称，size值然后点击下载 我做的是安卓的APP所以修改的名字
阅读全文
摘要：曾几何时为了兼容IE低版本浏览器而头痛，以为到Mobile时代可以跟这些麻烦说拜拜。可没想到到了移动时代，为了处理各终端的适配而乱了手脚。对于混迹各社区的偶，时常发现大家拿手机淘宝的H5页面做讨论——手淘的H5页面是如何实现多终端的适配？ 那么趁此Amfe阿里无线前端团队双11技术连载之际，用一个实
阅读全文
摘要：注： 1.先安装node-sass -->> 2.配置 gulpfile.js -->> 1) Scss简介： 官网：http://sass-lang.com/学习网站：http://www.w3cplus.com/sassguide/CSS with superpowersSass as the
阅读全文
摘要：（一）eslint静态检查 在大家用vue-cli创建工程的时候，会有一项，使用使用eslint，如果选择了y，那么工程就会安装并启用eslint。 这里列举一下常见的错误： 1.多余的分号 2.定义了却未使用的变量 3.结尾多余空格 4.超过一行的空行 5.代码尾行应该有空行 错误肯定是列举不完的
阅读全文
摘要：主要有三个步骤 步骤1 1 2 npm install node-sass --save-dev npm install sass-loader --save-dev 1 2 npm install node-sass --save-dev npm install sass-loader --sav
阅读全文
摘要：--registry=https://registry.npm.taobao.org 淘宝npm包镜像 --disturl=https://npm.taobao.org/dist 淘宝node源码镜像，一些二进制包编译时用 --sass-binary-site=http://npm.taobao.o
阅读全文
摘要：网址： http://mint-ui.github.io/docs/#!/zh-cn 官网： http://mint-ui.github.io/#!/zh-cn vue2.0实例： http://blog.marryto.me/vuejs-eyepetizer/ 项目构建 首先全局安装vue-cli
阅读全文
摘要：情况一：http://eslint.org/docs/rules/no-tabs Unexpected tab character 解决方案：缩进是4个空格，而不是tab,设置indent 情况二 : $ npm run dev 运行报错 解决方案：该问题是因为脚手架工具默认监听的是8080端口，此
阅读全文
摘要：1.$ node -v (检测node版本，node版本需要在 V4 以上) 2.全局安装vue $ npm install -g vue 3.安装脚手架 $ npm install -g vue-cli 4.运行 vue 命令，看是否已安装完毕 $ vue / $ vue list (查看可安装的
阅读全文
摘要：官网： http://router.vuejs.org/zh-cn/ 1.安装 vue-router 方法一： $ npm install vue-router 方法二： 在 package.json 的 dependencies 中配置版本号 通过 命令行 $ npm install 安装 2.配
阅读全文
摘要：vue制作weibo 交互 vue-> 1.0 vue-resource ajax php 服务器环境(node) this.$http.get()/post()/jsonp() vue事件: 数据: 添加一条留言： 获取某一页数据: vue生命周期: 钩子函数: 用户会看到花括号标记: ng: $
阅读全文
摘要：通过npm命令安装vuejs在用 Vue.js 构建大型应用时推荐使用 NPM 安装，NPM 能很好地和诸如 Webpack 或Browserify 的 CommonJS 模块打包器配合使用。（以下操作全在命令行中） # 最新稳定版本 $ npm install -g vue 全局安装 # 最新稳定
阅读全文
摘要：1.登录IcoMoon官网 https://icomoon.io/app/#/select 2.点击左上角 Import Icons 上传 svg 3.点击选中所有的 上传后页面上的图标 4.点击右下角 Generate Font 生成图标字体 5.点击页面 左上角 的 Preferences 按钮
阅读全文
摘要：$watch简单使用 $watch是一个scope函数，用于监听模型变化，当你的模型部分发生变化时它会通知你。 每个参数的说明如下： watchExpression：监听的对象，它可以是一个angular表达式如'name',或函数如function(){return $scope.name}。 l
阅读全文
