04 2019 档案

摘要:参考资料:iOS设计模式——Category Category Category模式用于向已经存在的类添加方法从而达到扩展已有类的目的。 相当于Swift中的功能扩展(extension)。 新添加的方法同样也会被被扩展的类的所有子类自动继承。 Category的用途 1、 在不创建继承类的情况下实 阅读全文
posted @ 2019-04-30 17:45 brave-sailor 阅读(175) 评论(0) 推荐(0) 编辑
摘要:Objective-C 之Extension class extension:类扩展 类扩展与 category 有相似性,但在编译时它只能被添加到已有源代码的一类中(该类扩展和该类同时被编译)。 在extension里面只能写定义,不能写实现。 通过扩展可以控制默写函数是否堆外界可见。 扩展还可以 阅读全文
posted @ 2019-04-30 17:37 brave-sailor 阅读(339) 评论(0) 推荐(0) 编辑
摘要:(一)Category 1、什么是Category? category是Objective-C 2.0之后添加的语言特性,别人口中的分类、类别其实都是指的category。category的主要作用是为已经存在的类添加方法。除此之外,apple还推荐了category的另外两个使用场景。 可以把类的 阅读全文
posted @ 2019-04-30 17:16 brave-sailor 阅读(271) 评论(0) 推荐(0) 编辑
摘要:自己做笔录 用来后来回顾。。 (一) Category 1、什么是category category是objective-C 2.0之后添加的语言特性,别人口中的分类、类别其实都是指category。category的主要作用是为已经存在的类添加方法,除此之外,Apple还推荐了category的另 阅读全文
posted @ 2019-04-30 17:13 brave-sailor 阅读(528) 评论(0) 推荐(0) 编辑
摘要:extension(类扩展) 简单来说,extension在.m文件中添加,所以其权限为private,所以只能拿到源码的类添加extension。另外extension是编译时决议,和interface和implement里的代码融合在一块了一般。 category(类别) category能在不继承类的情况下给类动态添加方法。 1、创建category 关于@dyn... 阅读全文
posted @ 2019-04-30 16:58 brave-sailor 阅读(603) 评论(0) 推荐(0) 编辑
摘要:dart定义了下表所示的运算符。你可以重写许多这些运算符。 描述运算符 一元后缀 expr++ expr-- () [] . ?. 一元前缀 -expr !expr ~expr ++expr --expr 乘法类型 * / % ~/ 加法类型 + - 移动位运算 << >> 与位运算 & 异或位运算 阅读全文
posted @ 2019-04-29 16:24 brave-sailor 阅读(321) 评论(0) 推荐(0) 编辑
摘要:https://www.cnblogs.com/DicksonJYL/p/10142722.html 作为机器学习程序员的首选编程语言,Python成为世界范围内最受大学生欢迎的编程语言。但凡事有例外,近日,一位开发者讲述了他无法忍受Python的8大原因,引发网友大量回应。 作为机器学习程序员的首 阅读全文
posted @ 2019-04-28 17:28 brave-sailor 阅读(534) 评论(0) 推荐(0) 编辑
摘要:cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用node.js的npm工具。打开控制台输入 npm install -g cordova -g是全局 阅读全文
posted @ 2019-04-25 18:27 brave-sailor 阅读(3785) 评论(0) 推荐(0) 编辑
摘要:前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做一个插件。 自定义插件,就是自己写一些安卓java代码,然后和js代码以及配置文件,封装成一个cordova插件。通过js代码,调用安卓java代码,从而实现调用原生的东西。只不过这些调 阅读全文
posted @ 2019-04-25 16:17 brave-sailor 阅读(587) 评论(0) 推荐(0) 编辑
摘要:上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心内容,插件的调用。演示一个例子,通过cordova插件,去调用摄像头。 一、插件的安装以及基本信息: 我们先在项目中安装调用摄像头的插件cordova-plugin-camera,cd到hello下,执 阅读全文
posted @ 2019-04-25 16:10 brave-sailor 阅读(445) 评论(0) 推荐(0) 编辑
摘要:上一章我们介绍了如何创建一个cordova android项目,这章我们介绍一下创建的那个helloworld项目的代码,分析其运行。 MainActivity.java 我们已经将MainActivity导入到了eclipse中。打开scr下com.example.hello下的MainActiv 阅读全文
posted @ 2019-04-25 15:57 brave-sailor 阅读(218) 评论(0) 推荐(0) 编辑
摘要:Cordova是什么? 初学Cordova的人,虽然了解一点点,知道Cordova是用来将html, css, js变成app的,但并不知道到底是怎么用的,原理是什么。经常会有这样的困惑: 它是一个可以把H5代码变成iOS、安卓等原生代码的东西? 它是一个封装了H5浏览器的壳?可以装在iOS、安卓等 阅读全文
posted @ 2019-04-25 15:55 brave-sailor 阅读(331) 评论(0) 推荐(0) 编辑
摘要:最近学习了cordova插件,记录一下大概的过程,仅供参考。 前期的配置就不记录了网上好多。 在简书上从新写了一个更详细的cordova插件教程,有需要的可以点这里进去看看。 第一步 创建一个cordova项目 输入命令 :cordova create 项目名 包名 例子:cordova create demo com.zc.demo 项目的大概目录 第二步 添加项目支持的平台(... 阅读全文
posted @ 2019-04-25 14:30 brave-sailor 阅读(297) 评论(0) 推荐(0) 编辑
摘要:一、Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合适的插件、或对找到的插件有不满意的地方,那就要动手去做或改写一个插件,这时候就要了解一些Cordov 阅读全文
posted @ 2019-04-25 14:29 brave-sailor 阅读(403) 评论(0) 推荐(0) 编辑
摘要:cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用node.js的npm工具。打开控制台输入 npm install -g cordova -g是全局 阅读全文
posted @ 2019-04-25 14:28 brave-sailor 阅读(498) 评论(0) 推荐(1) 编辑
摘要:通过npm init 命令可以生成一个package.json文件。这个文件是 整个项目的描述文件。通过这个文件可以清楚的知道项目的包依赖关系,版本,作者等信息。每个NPM包都有自己的package.json文件,使用这个命令将需要填写项目名,版本号,作者等信息。执行npm init -y这样将会使 阅读全文
posted @ 2019-04-25 14:10 brave-sailor 阅读(4100) 评论(0) 推荐(1) 编辑
摘要:一、Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合适的插件、或对找到的插件有不满意的地方,那就要动手去做或改写一个插件,这时候就要了解一些Cordov 阅读全文
posted @ 2019-04-24 18:54 brave-sailor 阅读(381) 评论(0) 推荐(0) 编辑
摘要:回退键(back)监听:方法1:回调方法onBackPressed String LOG_TAG="TAG"; @Override public void onBackPressed() { // super.onBackPressed();//注释掉这行,back键不退出activity Log. 阅读全文
posted @ 2019-04-24 17:07 brave-sailor 阅读(548) 评论(0) 推荐(0) 编辑
摘要:简单聊两句 学习Vue+Cordova打包编译App,首先你要安装Cordova与vue,在这里本人就不说明了,自行看文档与搜索相关资料。 Cordova中文官网地址 Vue中文官网地址 第一步:首先在vue代码中加入cordova-plugin-camera的调用方法 navigator.came 阅读全文
posted @ 2019-04-24 16:10 brave-sailor 阅读(932) 评论(0) 推荐(0) 编辑
摘要:在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。 “回复主题”模块,就是跟随页面的浮动一直悬浮在页面的最下方,代码结构如下。 ..<section class='footer'> <div 阅读全文
posted @ 2019-04-23 17:01 brave-sailor 阅读(330) 评论(0) 推荐(0) 编辑
摘要:网上的 npm 教程主要都在讲怎么安装、配置和使用 npm,却不告诉新人「为什么要使用 npm」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」,大神您别看了,不然又说我啰嗦了 ��社区程序员自古以来就有社区文化:社区的意思是:拥有共同职业或兴趣的人们,自发组织在一起,通过分享信 阅读全文
posted @ 2019-04-23 15:13 brave-sailor 阅读(163) 评论(0) 推荐(0) 编辑
摘要:1、Framework7 Framework7 - is a free and open source mobile HTML framework to develop hybrid mobile apps or web apps with iOS & Android native look and 阅读全文
posted @ 2019-04-23 14:47 brave-sailor 阅读(10419) 评论(0) 推荐(0) 编辑
摘要:来源:github.com Vue.js开源项目速查表:https://www.ctolib.com/cheatsheets-vuejs.html UI组件 element ★12468 - 饿了么出品的Vue2的web UI工具套件 Vux ★7759 - 基于Vue和WeUI的组件库 iview 阅读全文
posted @ 2019-04-23 14:36 brave-sailor 阅读(622) 评论(0) 推荐(1) 编辑
摘要:UI选择务必慎重,货比三家。 弱水三千只取一瓢:弱水三千只取一瓢,源起佛经中的一则故事,警醒人们在一生中可能会遇到很多美好的东西,但只要用心好好把握住其中的一样就足够了 老牌构建于jQuery框架之上的UI外, 新锐UI派系: 基于Vue: ELementUI, iViewui 基于React: A 阅读全文
posted @ 2019-04-23 14:27 brave-sailor 阅读(1169) 评论(0) 推荐(0) 编辑
摘要:官网地址: https://npm.taobao.org/package/genie-ui 阅读全文
posted @ 2019-04-23 12:03 brave-sailor 阅读(1802) 评论(0) 推荐(0) 编辑
摘要:什么是postcss postcss 一种对css编译的工具,类似babel对js的处理,常见的功能如: 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成 rem 4 . css 代码压缩等等 postcss 只是一个工具,本身不会对css一顿操作,它通过插件实 阅读全文
posted @ 2019-04-22 18:17 brave-sailor 阅读(1853) 评论(0) 推荐(0) 编辑
摘要:有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种 阅读全文
posted @ 2019-04-22 15:57 brave-sailor 阅读(288) 评论(0) 推荐(0) 编辑
摘要:推荐看看大漠老师的文章,非常的有收获 如何在Vue项目中使用vw实现移动端适配 1.首先在项目中安装依赖 npm i postcss-aspect-ratio-mini postcss-px-to-viewport postcss-write-svg postcss-cssnext postcss- 阅读全文
posted @ 2019-04-22 15:51 brave-sailor 阅读(256) 评论(0) 推荐(0) 编辑
摘要:vue.js组件的作用域是独立,可以从以下三个方面理解: 1、父组件模板在父组件作用域内编译,父组件模板的数据用父组件内data数据;2、子组件模板在子组件作用域内编译,子组件模板的数据用子组件内data数据,如果要用父组件的必须用props传递;3、子组件标签的数据,使用父组件内的data数据 案 阅读全文
posted @ 2019-04-22 15:06 brave-sailor 阅读(914) 评论(0) 推荐(0) 编辑
摘要:eslint配置方式有两种: 有几种东西是可以配置的: 环境:你的脚本会在哪种环境下运行。每个环境带来了一组特定的预定义的全局变量。 全局变量:脚本运行期间会访问额外的全局变量。 规则:使用那些规则,并且规则的等级是多少。 我们这里使用配置文件.eslintrc.js来配置,它导出一个模块供ESLi 阅读全文
posted @ 2019-04-19 18:15 brave-sailor 阅读(537) 评论(0) 推荐(0) 编辑
摘要:官方地址:https://eslint.org/docs/rules/ 阅读全文
posted @ 2019-04-19 18:07 brave-sailor 阅读(145) 评论(0) 推荐(0) 编辑
摘要:本文是对vue项目中自带文件eslintrc.js的内容解析, 介绍了各个eslint配置项的作用,以及为什么这样设置。 比较详细,看完能对eslint有较为全面的了解,基本解除对该文件的疑惑。 /** * 参考文档 * 【eslint英文文档】https://eslint.org/docs/user-guide/configuring * 【eslint中文文档】http://eslin... 阅读全文
posted @ 2019-04-19 17:40 brave-sailor 阅读(816) 评论(0) 推荐(0) 编辑
摘要:最近在跟着视频敲项目时,代码提示出现很多奇奇怪怪的错误提示,百度了一下是eslintrc.js文件没有配置相关命令,ESlint的语法检测真的令人抓狂,现在总结一下这些命令的解释,方便以后查阅。 默认eslint规则: 代码末尾不能加分号 ;(强迫症的我受不了哭) 代码中不能存在多行空行;(这个我更也忍不了大哭) tab键不能使用,必须换成两个空格;(超级不习惯) ... 阅读全文
posted @ 2019-04-19 17:16 brave-sailor 阅读(494) 评论(0) 推荐(0) 编辑
摘要:搭建了一个vue项目,在配置路有的时候,陆续出现了各种报错其中最多的是一些写法,例如空格,缩进,各种括号,结果我一句一句对照,修改相当之费时间,效率低,一上午,一个路由配置都没写好主要报错如下: 截取了一段常见报错,选取其中一个: Expected indentation of 4 spaces b 阅读全文
posted @ 2019-04-19 17:11 brave-sailor 阅读(494) 评论(0) 推荐(0) 编辑
摘要:在bulid/webpack.base.conf.js里 createLintingRule的内容注释掉 在bulid/webpack.base.conf.js里 createLintingRule的内容注释掉 阅读全文
posted @ 2019-04-19 17:07 brave-sailor 阅读(658) 评论(0) 推荐(0) 编辑
摘要:前言如果我们初次使用vue-cli来构建单页SPA应用,在撸代码的过程中有可能会遇到这种因为代码缩进导致页面报错的问题,导致我们烦不胜烦。接下来我们就来看一看如何解决这个小问题。。。erro原因分析通过查看package.json文件我们可以发现,在文件中默认安装了eslint-loader模块,e 阅读全文
posted @ 2019-04-19 17:05 brave-sailor 阅读(380) 评论(0) 推荐(0) 编辑
摘要:前言 最近项目迭代需要开发一个app,由于项目组其他系统前端技术栈都是Vue,所以自己在需求评估的时候就初步敲定了Cordova+Vue的前端架构,后来查阅了不少资料,也掉了不少坑,这里总结一下,也算是对自己这段时间摸索的回顾吧。 项目脚手架搭建 首先安装node和cordova,下面是我项目的版本 阅读全文
posted @ 2019-04-19 10:27 brave-sailor 阅读(315) 评论(0) 推荐(0) 编辑
摘要:最近人用npm i来直接安装模块,但是有会报错,用npm install就不会报错,刚开始百思不得其解,它俩明明是同一个东西后来查npm的帮助指令发现还是没区别,npm i仅仅是npm install的简写: 实际使用的区别点主要如下(windows下):1. 用npm i安装的模块无法用npm u 阅读全文
posted @ 2019-04-19 10:26 brave-sailor 阅读(1636) 评论(0) 推荐(0) 编辑
摘要:没有选择react-navite,而选择cordova+vue2.x,是因为react-navite有学习成本,并且cordova+vue2.x程序员 可以直接上手,性能上可以满足需求,成本低,开发速度快。 安装所需软件 安装node.js,官网下载,傻瓜式安装,安装成功截图 安装vue,自行百度,成功截图 安装cordova ... 阅读全文
posted @ 2019-04-18 16:31 brave-sailor 阅读(462) 评论(0) 推荐(0) 编辑
摘要:背景 一般情况下,我们借用 vue-cli之力安装好所有依赖后,我们就可以愉快的板砖了。但是也经常会遇到一写问题,比如assetsSubDirectory 和 assetsPublicPath两个兄弟有时候把我搞得死去活来的,下午刚好有点空,我就去好好修理了他俩一会儿(其实是被修理)。经过无数次的, 阅读全文
posted @ 2019-04-18 16:16 brave-sailor 阅读(5521) 评论(1) 推荐(2) 编辑
摘要:/ 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹 / 文件根目录 参考的是盘符目录 ./ 同级目录 和不加 / 的作用是一致的 参考的是当前文件夹 ../ 父级目录 参考的也是文件夹 阅读全文
posted @ 2019-04-18 16:13 brave-sailor 阅读(3399) 评论(0) 推荐(1) 编辑
摘要:一、介绍 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI:@vue/cli 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue ui 等命令) CLI 服务:@vue/cli-service是一个开发环境 阅读全文
posted @ 2019-04-17 19:11 brave-sailor 阅读(4095) 评论(0) 推荐(0) 编辑
摘要:文档:https://cli.vuejs.org/zh/guide/ 条件: npm 更至最新 node >=8.9 1.全局安装 npm install -g @vue/cli 或 yarn global add @vue/cli 2.查看版本/是否安装成功 vue -V image.png 3. 阅读全文
posted @ 2019-04-17 19:05 brave-sailor 阅读(20622) 评论(0) 推荐(1) 编辑
摘要:一、安装vue-cli3 安装并建新项目 二、进入项目安装cordova npm install -g cordova 下载完之后,输入 cordova -v 查看是否成功安装,出现相应的版本号则成功安装。 三、创建cordova cordova create learn-cordova 然后运行一 阅读全文
posted @ 2019-04-17 19:04 brave-sailor 阅读(1370) 评论(0) 推荐(0) 编辑
摘要:什么是 cordova cordova 是由 Apache 基金会支持的,使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架。其支持调用手机系统(Android、IOS、Windows phone)原生 API,它可以将你写的 Web 程序包裹进原生的 APP 壳中,也就 阅读全文
posted @ 2019-04-17 18:54 brave-sailor 阅读(337) 评论(0) 推荐(0) 编辑
摘要:详细的教程在以下博客 https://blog.csdn.net/csdn100861/article/details/78585333 阅读全文
posted @ 2019-04-17 18:49 brave-sailor 阅读(230) 评论(0) 推荐(0) 编辑
摘要:前言 关于标题,应该算不上是标题党,因为内容真的很多很长很全面.主要是在官网的基础上又详细总结,举例了很多东西.确保所有新人都能理解!所以实际上很多东西是比官网还详细的.你想要的,在官网上没理解的,基本在这里都能找到解答!本来想分成两篇发的,但想想男人长点也没什么不好的.所以也希望各位收藏插眼标记( 阅读全文
posted @ 2019-04-17 17:52 brave-sailor 阅读(773) 评论(0) 推荐(0) 编辑
摘要:打开一个VUE项目,目录结构是这样的: 如现在有两个页面aaa和HelloWorld,路由配置在index.js中: import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import aaa from... 阅读全文
posted @ 2019-04-17 15:49 brave-sailor 阅读(20006) 评论(0) 推荐(1) 编辑
摘要:先看看 async/await 的语法 async 函数返回一个 Promise 对象 async 函数内部 return 返回的值。会成为 then 方法回调函数的参数。 1 2 3 4 async function f() { return 'hello world' }; f().then( 阅读全文
posted @ 2019-04-17 11:04 brave-sailor 阅读(3541) 评论(0) 推荐(0) 编辑
摘要:一、什么是module? 背景:在Vue中State使用是单一状态树结构,应该的所有的状态都放在state里面,如果项目比较复杂,那state是一个很大的对象,store对象也将对变得非常大,难于管理。 module:可以让每一个模块拥有自己的state、mutation、action、getter 阅读全文
posted @ 2019-04-16 17:33 brave-sailor 阅读(1145) 评论(0) 推荐(0) 编辑
摘要:1、mapState辅助函数 当一个组件需要获取多个状态时候,将这些状态都声明为计算属性会有些重复和冗余。为了解决这个问题,我们可以使用 mapState 辅助函数帮助我们生成计算属性,让你少按几次键。 (1)首先需要在组件中引用才可以使用 import { mapState } from 'vuex' (2)mapState使用前后对比: // 不使用mapState时: comput... 阅读全文
posted @ 2019-04-16 17:21 brave-sailor 阅读(1097) 评论(0) 推荐(0) 编辑
摘要:这次给大家带来vuex里mapState,mapGetters使用详解,vuex里mapState,mapGetters使用的注意事项有哪些,下面就是实战案例,一起来看一下。 一、介绍 vuex里面的四大金刚:State, Mutations,Actions,Getters (上次记得关于vuex笔 阅读全文
posted @ 2019-04-16 15:45 brave-sailor 阅读(422) 评论(0) 推荐(0) 编辑
摘要:内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 ###UI组件 element ★9689 - 饿了么出品的Vue2的web UI工具套件 Vux ★6927 - 基于Vue和WeUI的组件库 mint-ui ★4870 - Vue 2的移动UI元素 iview ★478 阅读全文
posted @ 2019-04-16 15:24 brave-sailor 阅读(799) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 安装使用vuex modules getters mutations actions mapGetters、mapState、mapMutations、mapActions mapGetters mapState mapMutations mapActions 参考地址 前言 我们经 阅读全文
posted @ 2019-04-16 15:23 brave-sailor 阅读(423) 评论(0) 推荐(0) 编辑
摘要:文章目录 State 在 Vue 组件中获得 Vuex 状态 mapState 辅助函数 对象展开运算符 Getter mapGetters 辅助函数 Mutation 使用常量替代 Mutation 事件类型 在组件中提交 Mutation Action 分发 Action 在组件中分发 Acti 阅读全文
posted @ 2019-04-16 15:22 brave-sailor 阅读(428) 评论(0) 推荐(0) 编辑
摘要:文章目录 基本使用 路由的命名 重定向和别名 路由组件传参props HTML5 History 模式 路由元信息meta 路由过渡动效 active-class 嵌套路由 编程式导航 router.push(...) router.go(n) 命名视图 导航守卫 全局守卫 全局后置钩子 路由独享的 阅读全文
posted @ 2019-04-16 15:21 brave-sailor 阅读(458) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.自定义指令directive 钩子函数 钩子函数参数 对象字面量 二.插件 怎样使用插件 简单例子 三.混合mixins 选项合并 全局混合 自定义选项合并策略 一.自定义指令directive 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义 阅读全文
posted @ 2019-04-16 15:20 brave-sailor 阅读(410) 评论(0) 推荐(0) 编辑
摘要:文章目录 节点、树以及虚拟 DOM createElement 参数 深入 data 对象 完整示例 约束 使用 JavaScript 代替模板功能 v-if 和 v-for v-model 事件 & 按键修饰符 插槽 JSX 函数式组件 slots() 和 children 对比 Vue 推荐在绝 阅读全文
posted @ 2019-04-16 15:20 brave-sailor 阅读(460) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.什么是组件? 二.注册组件 全局注册 局部注册 三.Prop 使用 Prop 传递数据 动态 Prop 字面量语法 vs 动态语法 单向数据流 Prop 验证 四.非Prop特性 五.自定义事件 使用 v-on 绑定自定义事件 给组件绑定原生事件.native .sync 修饰符(2. 阅读全文
posted @ 2019-04-16 15:19 brave-sailor 阅读(764) 评论(0) 推荐(0) 编辑
摘要:文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 文章目录 组件中定义过滤器 全局定义过滤器 Vue.filter() 串联过滤器 组件中定义过滤器 全局定义过滤器 Vue.filter 阅读全文
posted @ 2019-04-16 15:18 brave-sailor 阅读(255) 评论(0) 推荐(0) 编辑
摘要:文章目录 绑定 HTML Class 对象语法 数组语法 用在组件上 绑定内联样式style 对象语法 数组语法 自动添加前缀 多重值 绑定 HTML Class 对象语法 ①.添加单个class: <div v-bind:class="{ active: isActive }"></div> 上面 阅读全文
posted @ 2019-04-16 15:18 brave-sailor 阅读(371) 评论(0) 推荐(0) 编辑
摘要:文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 vs 侦听属性 计算属性的 setter 侦听器watch vm.$watch( expOrFn, callback, [options] ) 文章目录 计算属性computed 例子 计算属性缓存 vs 方法 计算属性 阅读全文
posted @ 2019-04-16 15:17 brave-sailor 阅读(361) 评论(0) 推荐(0) 编辑
摘要:文章目录 一.插值 v-once v-html 使用 JavaScript 表达式 二.v-bind与v-on的缩写 v-bind 缩写 v-on 缩写 三.条件渲染 v-if 在 v-else v-else-if 用 key 管理可复用的元素 v-show v-if vs v-show v-if 阅读全文
posted @ 2019-04-16 15:17 brave-sailor 阅读(436) 评论(0) 推荐(0) 编辑
摘要:文章目录 前言 安装 直接用 NPM 命令行工具 (CLI) 开发版本 第一个程序Hello Vue vue核心最基本的功能 声明式渲染 条件与循环 处理用户输入 组件化应用构建 剖析一个完整的vue实例 数据与方法 实例生命周期钩子 生命周期图示 前言 用了这么久的vue了,但是一直没有时间写个系 阅读全文
posted @ 2019-04-16 15:16 brave-sailor 阅读(354) 评论(0) 推荐(0) 编辑
摘要:箭头函数感性认识 箭头函数 是在es6 中添加的一种规范 x => x * x 相当于 function(x){return x*x} 箭头函数相当于 匿名函数, 简化了函数的定义。 语言的发展都是倾向于简洁 对人类友好的, 减轻工作量的。 就相当于我最钟情的python, 有很多类似之处, 在 关于promise 文章中我会和Python 框架中的tornado 中的异步进行对比的, 很... 阅读全文
posted @ 2019-04-12 17:02 brave-sailor 阅读(255) 评论(0) 推荐(0) 编辑
摘要:1. 查看node版本 node --version 2. 查看npm 版本,检查npm 是否正确安装。 npm -v 3. 安装cnpm (国内淘宝镜像源),主要用于某些包或命令程序下载不下来的情况 npm install cnpm -g --registry=https://registry.n 阅读全文
posted @ 2019-04-12 15:02 brave-sailor 阅读(272) 评论(0) 推荐(0) 编辑
摘要:这篇文章主要讲怎么写一个typescript的描述文件(以d.ts结尾的文件名,比如xxx.d.ts)。 2018.12.18更新说明: 1.增加了全局声明的原理说明。 2.增加了es6的import、export对应的d.ts文件写法。 3.增加了d.ts文件放置位置的说明。 最近开始从js转ts 阅读全文
posted @ 2019-04-12 13:50 brave-sailor 阅读(1878) 评论(0) 推荐(0) 编辑
摘要:前言 当一个组件要获取多个 state 的时候,声明计算属性就会变得重复和冗余了。我们可以使用到辅助函数 mapState 来更快更简洁地生成计算属性。 所以我们得清楚,mapState 的作用就是帮我们把一个对象或数组里的值转化成计算属性的写法。同理,其它的辅助函数也是大同小异,只要知道了 map 阅读全文
posted @ 2019-04-12 11:51 brave-sailor 阅读(280) 评论(0) 推荐(0) 编辑
摘要:前言 在使用vue一个多礼拜后,感觉现在还停留在初级阶段,虽然知道怎么和后端做数据交互,但是对于mounted这个挂载还不是很清楚的。放大之,对vue的生命周期不甚了解。只知道简单的使用,而不知道为什么,这对后面的踩坑是相当不利的。 因为我们有时候会在几个钩子函数里做一些事情,什么时候做,在哪个函数 阅读全文
posted @ 2019-04-12 10:05 brave-sailor 阅读(188) 评论(0) 推荐(0) 编辑
摘要:朋友们大家好,好久没有更新文章了,最近正好有空就想着写点什么吧,加上这段时间总是能听到一些朋友们问关于js函数,方法,对象实例到底有什么区别这个问题,所以今天就献丑来简单说明一些吧! 其实这些主要都是一些概念上的东西,在这里还是推荐大家多看看诸如《JavaSript权威指南》,《JavaScript 阅读全文
posted @ 2019-04-11 10:49 brave-sailor 阅读(437) 评论(0) 推荐(0) 编辑
摘要:首先要知道export,import ,export default是什么 ES6模块主要有两个功能:export和import export用于对外输出本模块(一个文件可以理解为一个模块)变量的接口 import用于在一个模块中加载另一个含有export接口的模块。 也就是说使用export命令定 阅读全文
posted @ 2019-04-11 10:15 brave-sailor 阅读(126) 评论(0) 推荐(0) 编辑
摘要:export与export default均可用于导出常量、函数、文件、模块 你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用 在一个文件或模块中,export、import可以有多个,export default仅有一个 通过export方式导出,在导入时要加{ },export de... 阅读全文
posted @ 2019-04-11 09:52 brave-sailor 阅读(402) 评论(0) 推荐(0) 编辑
摘要:区别 export 每个文件中可使用多次export命令 import时需要知道所加载的变量名或函数名 import时需要使用{},或者整体加载方法 export export default 每个文件中可使用多次export命令 每个文件中只能使用一次export default命令 import时需要知道所加载的变量名或函数名 import时可指定任意名字 exp... 阅读全文
posted @ 2019-04-11 09:43 brave-sailor 阅读(194) 评论(0) 推荐(0) 编辑
摘要:相信很多人都在vue使用过export、export default、import,然而它们到底有什么区别呢? 在ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,ex... 阅读全文
posted @ 2019-04-10 18:55 brave-sailor 阅读(206) 评论(0) 推荐(0) 编辑
摘要:iOS开发中oc与js交互的方式有很多,我们可以使用流行的第三方库如:WebviewJavaScriptBridge和OVGap,这两个库都是让webview与JS建立起一条桥梁,我们也可以使用iOS原生的交互方式如:stringByEvaluatingJavaScriptFromString方法以 阅读全文
posted @ 2019-04-10 17:40 brave-sailor 阅读(281) 评论(0) 推荐(0) 编辑
摘要:Swift与JS的交互 原理 同Object-C与JS交互的大同小异,只是方法形式改变了。 首先我们需要引入iOS7.0出来的JavaScriptCore.framework JavaScriptCore JSContext是JS的执行环境。 JSValue是Swift或者OC与JS交互的中间媒体, 阅读全文
posted @ 2019-04-10 17:32 brave-sailor 阅读(420) 评论(0) 推荐(0) 编辑
摘要:iOS开发中oc与js交互的方式有很多,我们可以使用流行的第三方库如:WebviewJavaScriptBridge和OVGap,这两个库都是让webview与JS建立起一条桥梁,我们也可以使用iOS原生的交互方式如:stringByEvaluatingJavaScriptFromString方法以 阅读全文
posted @ 2019-04-10 17:31 brave-sailor 阅读(742) 评论(0) 推荐(0) 编辑
摘要:随着前端技术的发展与H5的广泛使用,移动端采用native+h5的方式越来越多了,对于Android来说就涉及到java与js的交互,相互调用传参等。下面就来看一下java与js交互的简单demo。 方式 实现js调用java有四种方式: 1.JavascriptInterface 2.WebViewClient.shouldOverrideUrlLoading() 3.WebChrom... 阅读全文
posted @ 2019-04-10 17:22 brave-sailor 阅读(1634) 评论(0) 推荐(0) 编辑
摘要:数据库GreenDao.jpg 之前在开发过程中,数据库基本上会使用Litepal或者SQlite自己写,最近换新环境,公司原先使用的数据库就是GreenDao,在各种情况的作用下,准备了解下GreenDao,顺便写一篇文章记录下GreenDao的基本使用! Android开发者聚集地 本文主要从如 阅读全文
posted @ 2019-04-04 13:56 brave-sailor 阅读(1386) 评论(0) 推荐(0) 编辑
摘要:前言 今天下午做了拼多多在牛客网上的在线笔试题,感觉自己的智商被鄙视到了···不过其中一道题的某一部分引起了我极大的兴趣,感觉可以总结一下,做好积累~ 题目的部分我拍照如下所示 这里面最复杂的就是第3点,对秒杀活动进行排序,排序条件多,排序条件使用各不相同,在笔试中给我带来了很大的困扰,最后当然也是没做完啦···· 解决方案 吃完晚饭开始寻找解决方法,觉得应该会很有意思,果然看到... 阅读全文
posted @ 2019-04-04 13:53 brave-sailor 阅读(4504) 评论(0) 推荐(0) 编辑
摘要:转载自:http://blog.csdn.net/l1028386804/article/details/56513205 膜拜大神··· 一、需求 假设现在有个如此的需求:需要对一个这样的雇员列表进行排序,排序规则如下: 1、首先级别最高的排在前面, 2、如果级别相等,那么按工资排序,工资高的排在 阅读全文
posted @ 2019-04-04 13:50 brave-sailor 阅读(1549) 评论(0) 推荐(0) 编辑
摘要:1,gradle配置(官网样例地址https://github.com/greenrobot/greenDAO/blob/master/examples/RxDaoExample/build.gradle) Module的gradle 里安装如下配置(官方给的配置样例) buildscript { repositories { jcenter() ma... 阅读全文
posted @ 2019-04-03 17:47 brave-sailor 阅读(973) 评论(0) 推荐(0) 编辑
摘要:ButterKnife 的点击事件都很清晰,在使用RadioGroup控件时的方法: <!-- 定义一组单选框 --> <RadioGroup android:id="@+id/radio_group_sex" android:layout_width="wrap_content" android: 阅读全文
posted @ 2019-04-03 12:43 brave-sailor 阅读(1226) 评论(0) 推荐(0) 编辑
摘要:警告 AndroidMenifest中application标签下android:allowBackup="true"时,会警告: Warning:On SDK version 23 and up, your app data will be automatically backed up and 阅读全文
posted @ 2019-04-02 10:16 brave-sailor 阅读(547) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示