- 博客(25)
- 收藏
- 关注
原创 前端常用meta标签属性总结大全
<meta charset="UTF-8"> <!-- charset 属性规定 HTML 文档的字符编码 charset 属性是 HTML5 中的新属性,且替换了:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> <meta http-equiv=”Cache-Control” content=”no-siteapp” /> <!-- 不让
2020-11-25 10:44:27
333
原创 uni-app路由跳转及参数的传参和接收
1.保留当前页面,跳转到应用内的某个页面,使用uni.navigateTo:示例:在起始页面跳转到test.vue页面并传递参数uni.navigateTo({ url: 'test?id=1&name=uniapp'});// 在test.vue页面接受参数export default { onLoad: function (option) { //option为object类型,会序列化上个页面传递的参数 console.log(option.id); //打印出上个页面
2020-05-09 11:10:34
11496
原创 es6之扩展运算符 三个点(...)
对象的扩展运算符数组的扩展运算符总结es6之扩展运算符 三个点(…)对象的扩展运算符理解对象的扩展运算符其实很简单,只要记住一句话就可以:对象中的扩展运算符(…)用于取出参数对象中的所有可遍历属性,拷贝到当前对象之中let bar = { a: 1, b: 2 };let baz = { ...bar }; // { a: 1, b: 2 }上述方法实际上等价于:let bar = { a: 1, b: 2 };let baz = Object.assign({}, bar);
2020-05-09 10:50:49
162
原创 vuex namespaced的作用
vuex中的store分模块管理,需要在store的index.js中引入各个模块,为了解决不同模块命名冲突的问题,将不同模块的namespaced:true,之后在不同页面中引入getter、actions、mutations时,需要加上所属的模块名...
2020-04-28 22:06:22
837
原创 Vue-router
安装vue routernpm i vue-routerVUE router 使用创建router文件夹建立index.js引入import Vue from 'vue'import VueRouter from 'vue-router'Vue.use(VueRouter);const router = new VueRouter({ routes: [ // 动...
2020-04-26 14:48:46
132
原创 $nextTick
Vue中的nextTick涉及到Vue中DOM的异步更新,感觉很有意思,特意了解了一下。其中关于nextTick的源码涉及到不少知识,很多不太理解,暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}...
2020-04-20 20:54:59
120
原创 瀑布流插件Masonry中文文档【翻译】
下载下载压缩或未压缩的masonrymasonry.pkgd.min.js (压缩)masonry.pkgd.js (未压缩)CDN在unpkg直接饮用Masonry文件。包管理使用Bower安装bower install masonry --save使用npm安装npm install masonry-layout入门Getting startedHTML在你的项...
2020-04-03 10:10:01
1479
原创 删除文件plus
function clearFile(){ image_url = '_downloads/'; plus.io.resolveLocalFileSystemURL(image_url, function(entry) { //entry.remove(); //删除单个文件 _downloads/改文件名 //递归删除目录 // e...
2020-03-17 15:55:37
1113
原创 下载文件plus.downloader.createDownload
function download(){ console.log('开始下载') var url = 'http://soutugo.com/Upload/Images/2020/3/12_s/1a7f9e535f898fa071c65e82967d1cc.JPG'; //文件名称可以在上传时进行保存,下载时取出,当文件名称中存在单双引号时,要做好处理,否则会报错 var name = ...
2020-03-17 15:52:55
18093
10
原创 JS SOME()
定义和用法 some() 方法用于检测数组中的元素是否满足指定条件(函数提供)。some() 方法会依次执行数组的每个元素:如果有一个元素满足条件,则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素,则返回false。 注意:some() 不会对空数组进行检测。注意: some() 不会改变原始数组。var ages = [3, 10, 18, 20];f...
2020-03-16 11:29:37
733
原创 vue 组件与插槽的使用
引入组件import heads from ‘…/…/components/head.vue’注册组件Vue.component('heads',heads); //注册全部组件export default { components:{heads} //注册局部组件 }<heads></heads> //使用组件父组件使用<view ...
2020-01-16 16:28:27
322
原创 用 async/await 来处理异步
用 async/await 来处理异步 昨天看了一篇vue的教程,作者用async/ await来发送异步请求,从服务端获取数据,代码很简洁,同时async/await 已经被标准化,也是需要学习一下了。先说一下async的用法,它作为一个关键字放到函数前面,async function timeout() { return 'hello world';}只有一个作用, 它的调用...
2020-01-16 14:28:49
433
原创 jquery.cookie.js 下载和使用方法
Cookies定义:让网站服务器把少量数据储存到客户端的硬盘或内存,从客户端的硬盘读取数据的一种技术;下载与引入:jquery.cookie.js基于jquery;先引入jquery,再引入:jquery.cookie.js;下载:http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery...
2019-10-29 14:55:02
1253
原创 vue创建全局变量以及全局方法
vue创建全局变量和方法有很多种,不过在这我推荐使用先新建一个js文件,这个文件主要就是写一个对象,这个对象直接带属性和方法即可,然后在main.js引入,引入后再用Vue.prototype把引入的文件直接挂接到vue的原型上。例如:新建的js文件内容:/*在文件的开始先定义一个对象*/const aa = {}// 要全局的变量的话aa.name = '张三'// 定义方法...
2019-10-11 21:40:55
677
原创 vue更新data值,如何重新渲染组件?
一:先介绍一下Vue.set()方法注:如果从服务端返回的数据量较少,或者只有几个字段,可以用vue的set方法,如果数据量较大,请直接看第二种情况。官网API是这样介绍的:Vue.set(target,key,value)参数:{Object | Array} target{string | number} key{any} value返回值:设置完后的新值用法:向响应式对象...
2019-10-11 21:32:48
10848
原创 VUE 父子组件传值
父向子 v-bind props<div :msg="msg"></div>子组件接收fooA 自定义名称 Number 接收的类型 required 设置为必填项 default默认值props: { // fooA只接受数值类型的参数 fooA: Number, // fooB可以接受字符串和数值类型的参数 fooB...
2019-09-28 21:05:41
121
原创 vue router传值
方法1-传值<router-link to="/home?id=11">Go to Bar</router-link>**取值方式** this.$route.query.id方法2-传值<router-link to="/home/参数1/参数2">Go to Bar</router-link>routes: [{path: ‘/...
2019-09-26 14:23:35
129
原创 监听窗口是否改变
var originalHeight = document.documentElement.clientHeight || document.body.clientHeight; window.onresize = function() { //软键盘弹起与隐藏 都会引起窗口的高度发生变化 var resizeHeight = document.documentElement.c...
2019-06-13 17:49:11
639
转载 开启沉浸式状态栏及设置
沉浸式状态不支持动态设置,属于应用级的。此类参数信息,通常在manifest.json中配置。manifest.json->plus节点下“statusbar”: {“immersed”: true //开启沉浸式状态栏}配置后,运行看到首页是这样的。我的天,Webview里面的内容上天了,这显然不是我们期望的沉浸式状态栏的样子。设置Webview的状态栏颜色上面这种情况,在...
2019-06-06 09:46:17
1281
转载 H5+状态栏透明(沉浸式)/全屏/设置颜色 整理
1、沉浸式状态栏如果页面顶部是图片,一般会把状态栏变成透明。首先可以检测下当前环境是否支持沉浸式状态栏,检测语句://是否支持沉浸式状态栏alert(plus.navigator.isImmersedStatusbar());默认是不支持的,会弹出false. 想让环境支持,需要修改项目下的配置文件manifest.json“plus”:{“statusbar”: {“immers...
2019-05-17 16:31:17
8727
转载 mui---要打开的页面loaded不自动显示,等服务器返回数据后,再做处理逻辑
loaded_no_auto_show_home.html(主页)<!doctype html><head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-...
2019-05-16 08:53:19
279
转载 HTML5 head meta属性
<!-- iOS 设备 begin --><meta name="apple-mobile-web-app-title" content="标题"><!-- 添加到主屏后的标题(iOS 6 新增) --&g...
2019-05-15 14:41:58
115
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人