随笔分类 - js
摘要:一、在template中的常见写法: <router-link to="/recommend"> <button class="button">点击跳转</button> </router-link> 二、在js中设置跳转(在方法中跳转界面并传参,两种方式:params 与 query): 有时候我们需要的是点击按钮跳出弹窗,选择判断后进行跳转,我们常用.$router.push 跳转 传参: <
阅读全文
摘要:这是一个奇怪的问题,用了jquery mobile js库,页面底部就会出现Loading字样,解决办法如下:1,正常加上css样式2,一定要在jquery mobile js库加载之前,设置 mobile.loadingMessage = false;具体如下: <head> <title>jQM
阅读全文
摘要:cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用node.js的npm工具。打开控制台输入 npm install -g cordova -g是全局
阅读全文
摘要:前三篇Cordova入门系列,简单讲解了Cordova,以及如何调用Cordova插件,今天我们讲解一下如何自己做一个插件。 自定义插件,就是自己写一些安卓java代码,然后和js代码以及配置文件,封装成一个cordova插件。通过js代码,调用安卓java代码,从而实现调用原生的东西。只不过这些调
阅读全文
摘要:上一章我们介绍了cordova android项目是如何运行的,这一章我们介绍cordova的核心内容,插件的调用。演示一个例子,通过cordova插件,去调用摄像头。 一、插件的安装以及基本信息: 我们先在项目中安装调用摄像头的插件cordova-plugin-camera,cd到hello下,执
阅读全文
摘要:上一章我们介绍了如何创建一个cordova android项目,这章我们介绍一下创建的那个helloworld项目的代码,分析其运行。 MainActivity.java 我们已经将MainActivity导入到了eclipse中。打开scr下com.example.hello下的MainActiv
阅读全文
摘要:Cordova是什么? 初学Cordova的人,虽然了解一点点,知道Cordova是用来将html, css, js变成app的,但并不知道到底是怎么用的,原理是什么。经常会有这样的困惑: 它是一个可以把H5代码变成iOS、安卓等原生代码的东西? 它是一个封装了H5浏览器的壳?可以装在iOS、安卓等
阅读全文
摘要:最近学习了cordova插件,记录一下大概的过程,仅供参考。 前期的配置就不记录了网上好多。 在简书上从新写了一个更详细的cordova插件教程,有需要的可以点这里进去看看。 第一步 创建一个cordova项目 输入命令 :cordova create 项目名 包名 例子:cordova create demo com.zc.demo 项目的大概目录 第二步 添加项目支持的平台(...
阅读全文
摘要:一、Cordova的基础点 在混合式应用中,我们通过现有的Cordova插件,可以轻松的在 H5 上调用手机native的功能。现有的Cordova插件能满足平时大部分的开发需求,然而,有时候找不到合适的插件、或对找到的插件有不满意的地方,那就要动手去做或改写一个插件,这时候就要了解一些Cordov
阅读全文
摘要:cordova自定义插件 注意:存放自定义cordova插件目录不能有空格可能会报错 cordova的安装 下载node.js,安装完成后你可以在命令行中使用node和npm. 安装cordova使用node.js的npm工具。打开控制台输入 npm install -g cordova -g是全局
阅读全文
摘要:通过npm init 命令可以生成一个package.json文件。这个文件是 整个项目的描述文件。通过这个文件可以清楚的知道项目的包依赖关系,版本,作者等信息。每个NPM包都有自己的package.json文件,使用这个命令将需要填写项目名,版本号,作者等信息。执行npm init -y这样将会使
阅读全文
摘要:简单聊两句 学习Vue+Cordova打包编译App,首先你要安装Cordova与vue,在这里本人就不说明了,自行看文档与搜索相关资料。 Cordova中文官网地址 Vue中文官网地址 第一步:首先在vue代码中加入cordova-plugin-camera的调用方法 navigator.came
阅读全文
摘要:在现在的前端页面中,尤其是移动端,经常会需要将<header>或者是<footer>模块悬浮出来,跟随页面的滑动保持定位在页面的最上方或者是最下方,如下图所示。 “回复主题”模块,就是跟随页面的浮动一直悬浮在页面的最下方,代码结构如下。 ..<section class='footer'> <div
阅读全文
摘要:网上的 npm 教程主要都在讲怎么安装、配置和使用 npm,却不告诉新人「为什么要使用 npm」。今天我就来讲讲这个话题。本文目标读者是「不太了解 npm 的新人」,大神您别看了,不然又说我啰嗦了 ��社区程序员自古以来就有社区文化:社区的意思是:拥有共同职业或兴趣的人们,自发组织在一起,通过分享信
阅读全文
摘要: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
阅读全文
摘要:来源:github.com Vue.js开源项目速查表:https://www.ctolib.com/cheatsheets-vuejs.html UI组件 element ★12468 - 饿了么出品的Vue2的web UI工具套件 Vux ★7759 - 基于Vue和WeUI的组件库 iview
阅读全文
摘要:UI选择务必慎重,货比三家。 弱水三千只取一瓢:弱水三千只取一瓢,源起佛经中的一则故事,警醒人们在一生中可能会遇到很多美好的东西,但只要用心好好把握住其中的一样就足够了 老牌构建于jQuery框架之上的UI外, 新锐UI派系: 基于Vue: ELementUI, iViewui 基于React: A
阅读全文
摘要:官网地址: https://npm.taobao.org/package/genie-ui
阅读全文
摘要:什么是postcss postcss 一种对css编译的工具,类似babel对js的处理,常见的功能如: 1 . 使用下一代css语法 2 . 自动补全浏览器前缀 3 . 自动把px代为转换成 rem 4 . css 代码压缩等等 postcss 只是一个工具,本身不会对css一顿操作,它通过插件实
阅读全文
摘要:有关于移动端的适配布局一直以来都是众说纷纭,对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexible的布局方案,随着viewport单位越来越受到众多浏览器的支持,因此在《再聊移动端页面的适配》一文中提出了vw来做移动端的适配问题。到目前为止不管是哪一种
阅读全文