安卓开发环境搭建
到官网下载android studio
阅读、勾选同意协议并点击下载
下载完成后打开
安装完成,打开后
创建项目
创建一个空Activity的项目
输入项目名和选择语言以及SDK版本
点击build等待下载完成
下载时间4分钟到40分钟不等甚至更久,可以去看看我其他博客回来
完成后我们点击右上角
创建虚拟机
在此之前,记得查看自己任务管理器中性能这一块是否开启了虚拟化
不得不说该换电脑了
选择一款自己喜欢的尺寸
下载
梅开二度,可以再去看一篇我的博客
完成
下一步
然后完成
启动
成功
vue阻止默认事件
有一天,当回顾自己走过的路时,你会发现这些奋斗不息的岁月,才是最美好的人生。——弗洛伊德
今天写一个页面的时候,遇到一个问题
这是一个简单的elementUI的折叠面板
我在自定义标题里加了个el-link标签,执行一个函数,打印一句话
代码
<!-- --><template> <div class ref="message"> <el-collapse v-model="activeName" accordion> <el-collapse-item name="1"> <template slot="title"> 一致性 Consistency <el-link @click="echoAba" :underline="false" type="primary">详情</el- ...
常用正则
我发现,一个人在放弃给别人留好印象的负担之后,原来心里会如此踏实。——严歌苓
分享一点常用正则
/** * 邮箱 * @param {*} s */export function isEmail (s) { return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}/** * 手机号码 * @param {*} s */export function isMobile (s) { return /^1[0-9]{10}$/.test(s)}/** * 电话号码 * @param {*} s */export function isPhone (s) { return /^([0-9]{3,4}-)?[0-9]{7,8}$/.test(s)}/** * URL ...
vue挂载全局函数
要是生活送了你一个柠檬,那你应该再要点盐与龙蛇兰。
首先在src下面建个utils包,创建个index.js
然后写上我们的全局函数
//获取当前传入参数类型export function getObjType(obj) { var toString = Object.prototype.toString var map = { '[object Boolean]': 'boolean', '[object Number]': 'number', '[object String]': 'string', '[object Function]': 'function', '[object Array]': 'array', '[object Date]' ...
vue结合elementUI进行快速开发
人生最重要的不是努力,不是奋斗,而是抉择。
我们引入一个elementUI
cnpm i element-ui
然后在main.js中引入
我们来做个测试,首先在页面中的methods中定义个welcome方法
methods: { welcome() { this.$message({ showClose: true, message: "欢迎", type: "success", }); },},
然后在created中调用该方法
进入home页面,刷新
可以看到效果了
那我们再引入个导航栏
首先创建header.vue
然后编写导航栏
<!-- --><template> <div> <el-menu default-active="1" class="el-menu-demo" mode=" ...
js学习之call和apply
贪玩蓝月真好玩,但学习还是要继续的
我们平时调用一个js函数是这样的
var ruben = { say: function (word) { if (this.name == null) { this.name = "ruben"; } return this.name + "说:" + word; }}var whatRubenSaid = ruben.say("做猪呢,最重要的是开心");console.log(whatRubenSaid);
输出结果
那么我们现在新创建一个对象
var Achao = { name: "Achao"}
如果我们想在Achao里调用ruben里的say函数
我们就可以这样
var whatAchaoSaid = ruben.say.call(Achao, "村头恶霸华农、刑部尚书手工耿、木瓜 ...
vue2.0配置路由
古希腊哲学家芝诺的学生问他:“老师,难道你有不懂得的东西吗?”芝诺风趣地回答:“如果用小圆代表你们学到的知识,用大圆代表我学到的知识,那么大圆的面积是多一点;但两圆之外的空白,都是我们的无知面,圆越大,其圆周接触的无知面就越多。”
先说下端口配置吧
项目根目录下新建一个文件叫vue.config.js
module.exports = { devServer: { port: 3000 }}
然后npm run serve运行项目,可以看到端口号变了
然后再配置个路由吧
cnpm i vue-router
在main.js中引入
import Vue from 'vue'import App from './App.vue'import router from '@/router'Vue.config.productionTip = falsenew Vue({ router, render: h => h(App),} ...
js获取url上的参数
获取url上的参数
function getUrlParam(name) { if (name == null) { return name; } var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if (r != null) { //return unescape(r[2]); return r[2]; } return null; }
console.log(getUrlParam("id"));
js函数防抖
之前写了一篇javascript防抖是应用在按钮中的
今天继续完善一下,下面的函数ruben就算循环10亿次,一秒内也会只调用一次
var antiShakeFlag = false; function ruben() { if (antiShakeFlag) { return; } console.log("ruben") antiShakeFlag = true; setTimeout(() => { antiShakeFlag = false; }, 1000); } for (let i = 0; i < 10; i++) { console.log("achao") ruben(); ...
新版vue项目的创建
下载nodejs
然后一直下一步安装就行
打开vscode
点击左下角的
点击终端
(Win+R输入cmd或者powershell一样的)
然后开始安装vue
#查看版本(如果nodejs安装完了还是显示不是内部或外部命令,也不是可运行的程序或批处理文件,重新打开一下vscode或命令框)PS C:\Users\1> npm -v6.14.5#安装cnpmPS C:\Users\1> npm install -g cnpm --registry=https://registry.npm.taobao.org#查看cnpm版本PS C:\Users\1> cnpm -vcnpm@6.1.1 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\lib\parse_argv.js)npm@6.14.5 (C:\Users\1\AppData\Roaming\npm\node_modules\cnpm\node_modules\npm\lib\npm.js)node@12.16.2 (D:\Program Files\node ...