u012536222的博客

原创 前端常用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” /> <!-- 不让

原创 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); //打印出上个页面

原创 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);

原创 vuex namespaced的作用

vuex中的store分模块管理，需要在store的index.js中引入各个模块，为了解决不同模块命名冲突的问题，将不同模块的namespaced:true，之后在不同页面中引入getter、actions、mutations时，需要加上所属的模块名...

原创 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: [ // 动...

原创 $nextTick

Vue中的nextTick涉及到Vue中DOM的异步更新，感觉很有意思，特意了解了一下。其中关于nextTick的源码涉及到不少知识，很多不太理解，暂且根据自己的一些感悟介绍下nextTick。一、示例先来一个示例了解下关于Vue中的DOM更新以及nextTick的作用。模板<div class="app"> <div ref="msgDiv">{{msg}...

原创 瀑布流插件Masonry中文文档【翻译】

下载下载压缩或未压缩的masonrymasonry.pkgd.min.js （压缩）masonry.pkgd.js （未压缩）CDN在unpkg直接饮用Masonry文件。包管理使用Bower安装bower install masonry --save使用npm安装npm install masonry-layout入门Getting startedHTML在你的项...

原创 删除文件plus

function clearFile(){ image_url = '_downloads/'; plus.io.resolveLocalFileSystemURL(image_url, function(entry) { //entry.remove(); //删除单个文件 _downloads/改文件名 //递归删除目录 // e...

原创 下载文件plus.downloader.createDownload

function download(){ console.log('开始下载') var url = 'http://soutugo.com/Upload/Images/2020/3/12_s/1a7f9e535f898fa071c65e82967d1cc.JPG'; //文件名称可以在上传时进行保存，下载时取出，当文件名称中存在单双引号时，要做好处理，否则会报错 var name = ...

原创 js中的波浪线符号作用（按位非（~）符号）

~1= -2 等于 -(1+1)~2=-3 等于 -(2+1)

原创 JS SOME()

定义和用法 some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意：some() 不会对空数组进行检测。注意： some() 不会改变原始数组。var ages = [3, 10, 18, 20];f...

原创 vue 组件与插槽的使用

引入组件import heads from ‘…/…/components/head.vue’注册组件Vue.component('heads',heads); //注册全部组件export default { components:{heads} //注册局部组件 }<heads></heads> //使用组件父组件使用<view ...

原创 用 async/await 来处理异步

用 async/await 来处理异步　　昨天看了一篇vue的教程，作者用async/ await来发送异步请求，从服务端获取数据，代码很简洁，同时async/await 已经被标准化，也是需要学习一下了。先说一下async的用法，它作为一个关键字放到函数前面，async function timeout() {　　return 'hello world';}只有一个作用, 它的调用...

原创 拖拽插件JS

http://www.sortablejs.com/

原创 jquery.cookie.js 下载和使用方法

Cookies定义：让网站服务器把少量数据储存到客户端的硬盘或内存，从客户端的硬盘读取数据的一种技术；下载与引入:jquery.cookie.js基于jquery；先引入jquery，再引入：jquery.cookie.js；下载：http://plugins.jquery.com/cookie/<script type="text/javascript" src="js/jquery...

原创 vue创建全局变量以及全局方法

vue创建全局变量和方法有很多种，不过在这我推荐使用先新建一个js文件，这个文件主要就是写一个对象，这个对象直接带属性和方法即可，然后在main.js引入，引入后再用Vue.prototype把引入的文件直接挂接到vue的原型上。例如：新建的js文件内容：/*在文件的开始先定义一个对象*/const aa = {}// 要全局的变量的话aa.name = '张三'// 定义方法...

原创 vue更新data值，如何重新渲染组件？

一：先介绍一下Vue.set()方法注：如果从服务端返回的数据量较少，或者只有几个字段，可以用vue的set方法，如果数据量较大，请直接看第二种情况。官网API是这样介绍的：Vue.set(target,key,value)参数：{Object | Array} target{string | number} key{any} value返回值：设置完后的新值用法：向响应式对象...

原创 VUE 父子组件传值

父向子 v-bind props<div :msg="msg"></div>子组件接收fooA 自定义名称 Number 接收的类型 required 设置为必填项 default默认值props: { // fooA只接受数值类型的参数 fooA: Number, // fooB可以接受字符串和数值类型的参数 fooB...

原创 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: ‘/...

原创 监听窗口是否改变

var originalHeight = document.documentElement.clientHeight || document.body.clientHeight; window.onresize = function() { //软键盘弹起与隐藏 都会引起窗口的高度发生变化 var resizeHeight = document.documentElement.c...

转载 开启沉浸式状态栏及设置

沉浸式状态不支持动态设置，属于应用级的。此类参数信息，通常在manifest.json中配置。manifest.json->plus节点下“statusbar”: {“immersed”: true //开启沉浸式状态栏}配置后，运行看到首页是这样的。我的天，Webview里面的内容上天了，这显然不是我们期望的沉浸式状态栏的样子。设置Webview的状态栏颜色上面这种情况，在...

原创 MUI——搜索

转载 H5+状态栏透明(沉浸式)/全屏/设置颜色 整理

1、沉浸式状态栏如果页面顶部是图片，一般会把状态栏变成透明。首先可以检测下当前环境是否支持沉浸式状态栏，检测语句：//是否支持沉浸式状态栏alert(plus.navigator.isImmersedStatusbar());默认是不支持的，会弹出false. 想让环境支持，需要修改项目下的配置文件manifest.json“plus”:{“statusbar”: {“immers...

转载 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-...

转载 HTML5 head meta属性

<!-- iOS 设备 begin --><meta name="apple-mobile-web-app-title" content="标题"><!-- 添加到主屏后的标题（iOS 6 新增） --&g...