米斯特肖-CSDN博客

原创 ES6 Promise学习一下

<p>2015年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 </p> ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别...

2021-11-18 11:58:55 118

原创 2021-09-14

uniapp canvas 绘制海报<template> <view class="demo"> <canvas :style="{ width: canvasW + 'px', height: canvasH + 'px' }" canvas-id="myCanvas" id="myCanvas01"> </canvas> <button class="btn" type="primary" v-if="isShow" @click="sa

2021-09-14 19:12:47 109

原创 js 代码块执行先后生命周期

js 代码块执行先后生命周期1. 即页面所有的 html 标签（包括图片等）都加载完了，执行下列代码块//文档加载，这是为了防止文档在完全加载（就绪）之前运行 jQuery 代码,换句话说，写在这里面的JQuery代码都是文档加载好之后的,方便维护。$(document).ready(function(){ console.log("ready执行1");})** 简写为 **$(function () { console.log("ready执行2");});不会被覆盖

2021-05-07 11:56:02 335

原创按需加载JavaScript

按需加载JavaScriptfunction loadScripy(url, callback) { var script = document.createElement('script'); script.type = 'text/javascript'; if (script.readyState) { // 兼容 IE script.onreadystatechange = function () {

2021-05-06 14:27:26 124

转载 JavaScript 闭包

正如标题所述，JavaScript闭包对我来说一直有点神秘,看过很多闭包的文章，在工作使用过闭包，有时甚至在项目中使用闭包，但我确实是这是在使用闭包的知识。

2021-03-22 11:37:43 91

原创常用的前端JavaScript方法封装

输入一个值，返回其数据类型function type(para) { return Object.prototype.toString.call(para)}数组去重function unique1(arr) { return [...new Set(arr)]}function unique2(arr) { var obj = {}; return arr.filter(ele => { if (!obj[ele]) { .

2021-03-11 10:30:27 88

原创小白vue脚手架项目安装搭建

下载安装node.jshttps://nodejs.org/en/验证是否安装成功npm -v// 会获取npm包管理器的版本号node -v// 会获取node.js 当前版本号下载vue-cli项目脚手架npm install -g @vue/cli# ORyarn global add @vue/cli// 如果下载太慢，可以更改npm源地址为淘宝源地址//更改源地址地址 npm config set registry http://registry.npm.t.

2021-03-09 11:12:39 74

原创前端模块化标准“ES6 Modul总结“

由于js文件中的全局变量可以相互调用，在多文件多变量中，容易将未知的已定义的变量重复值，因此模块化的 “分而治之” 的思想有了前景意义。常用的模块化标准：Common.js、Es6 Modul、AMD、CMD’UMD。模块化的出现，避免了变量的污染和命名冲突，使依赖更容易管理。ES6 Moudl在 ES6 之前，社区制定了一些模块加载方案，最主要的有 CommonJS 和 AMD 两种。前者用于服务器，后者用于浏览器。ES6 在语言标准的层面上，实现了模块功能，而且实现得相当简单，完全可以取代现有的

2021-03-08 14:33:41 178

原创 ES6常见语法糖总结

语法糖：是指编程语言中可以更容易的表达一个操作的语法，它可以使程序员更加容易去使用这门语言，操作可以变得更加清晰、方便，或者更加符合程序员的编程习惯。1. 速写属性var name = '米斯特肖', age = '18';var person1 = { name：name， age：age} // 下面语法糖写法等价上面var person2 = { name, age}console.log(person1,person2)2.

2021-03-05 14:55:05 1593

原创 uniapp 判断 IOS和Android的GPS是否开启并设置启动

let system = uni.getSystemInfoSync();// 获取系统信息 if (system.platform === 'android') { // 判断平台 var context = plus.android.importClass("android.content.Context"); var locationManager = plus.android.importClass("android.location.LocationManager")..

2020-12-21 16:26:18 2094 5

转载 Android开发必备工具

工欲善其事，必先利其器，在Android项目的开发中，借助工具能使开发效率大幅提升，下面分享我经常使用的工具，欢迎各位同学补充。1.Android StudioAndroid程序员的吃饭工具，可以说现在绝大部分的安卓项目都是跑在Android Studio上面的。Android Studio 是基于 IntelliJ IDEA 且适用于开发 Android 应用的官方集成开发环境 (IDE)，功能非常强大，使用体验相当好，从我的使用感觉来说比Visual Studio要好。最新版本: 稳定版3.6.1(20

2020-11-24 15:18:21 743

原创背景图片下边剪切成圆弧

.bjs{ width: 375px; height: 250px; clip-path: ellipse(150% 100% at 50% 0%);}.bjs div{ width: 100%; height: 100%; background-image: url(user-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center;}<div c

2020-09-25 17:57:22 512

转载 HbuilderX配置Git插件并导入项目和上传代码

一、安装git 没有安装git的，从 git官网下载windows版本的git【一般使用默认设置即可：一路next下去，git安装完毕！】二、安装TortoiseGit工具到 TortoiseGit官网下载对应的TortoiseGit包进行安装【一般使用默认设置即可：一路next下去，TortoiseGit安装完毕！】三、安装TortoiseGit-Lang...

2020-09-22 17:57:10 4642

原创可滑动移动端tab选项卡

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0,user-s

2020-09-17 18:29:39 1161

原创浅论前端页面优化对SEO的重要性

“前端开发”，即“HTML、CSS、JS”的统称。用户在浏览器，可视化屏幕上浏览到的数据布局格式，即为前端的控制效果。一份高质量的前端代码，不仅可以让用户赏心悦目，留住客户，还会有利于“蜘蛛”的爬取和收录。性能角度优化：网页的性能主要体现在“加载速度”和“浏览流畅度”两个方面，主要方法有：**减少页面请求、CDN加速、精简代码（一个页面最好不要超过100k）、压缩传输（js css压缩）、引用新框架等、合理设置http缓存、图标处理成雪碧图、图片懒加载、流加载页面、减少cookie传输 **结构角度优

2020-09-09 14:39:49 810

原创 SEO网站优化从小白到专业

百度蜘蛛工作流程抓取 --》过滤 --》建立索引 --》输出结果SEO常用命令site: 查询收录domain: 查询外链inurl: 在网址上包含的intitle: 在标题里含有filetype: 类型查找SEO 常用术语权重此网址在在搜索引擎的重要程度收录量蜘蛛爬行并被收率的数量蜘蛛即搜索引擎的爬行程序索引量能够参与排名是数量指数 index.baidu.com 一般指百度指数快照

2020-09-05 18:42:41 689

原创常用弹性布局及其兼容性写法

// 开启弹性布局 display:-webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;// 定义子元素排列 -webkit-box-orient:horizontal; -webkit-box-direction:normal; -moz-box-orient:horizontal; -moz-box-dire

2020-08-12 09:59:37 472

原创 js实现弹窗滚动背景页面不跟随滚动

js实现弹窗滚动背景页面不跟随滚动<script> function getScrollOffset() { if (window.pageXOffset) { return { x: window.pageXOffset, y: window.pageYOffset } } else {

2020-08-01 16:32:34 1013

原创 js给标签设置随机背景

js给标签设置随机背景function bac(){ var gba = "rgb(" + Math.floor(Math.random() * 255) + ',' + Math.floor(Math.random() * 255) + ',' + Math.floor(Math.random() * 255) + ')' return gba}; document.getElementsByTagName('div')[0].style.backgroundColor = bgc()

2020-07-08 14:41:55 137

原创 js 中的条件语句

if …else语句var name = '';if(name === 'zhangsan'){ alert('这是张三');}else{ console.log('这不是张三')}if …elseif…else语句<label for="weather">Select the weather type today: </label><select id="weather"> <option value="">--Make a choi

2020-07-07 13:57:59 166

原创 js 函数创建的三种方法及其区别

1.函数声明function fa1 (n1, n2){ return n1 + n2};2.函数表达式法，又叫函数字面量法var fa2 = function(n1,n2){ return n1 + n2;};var fa3 = (function(a1, a2){ return a1 + a2})(22, 33);console.log(fa3) =====>> 55以上两者的区别：解析器会优先读取函数声明，并使其在执行任何代码前都可以访问；函数表达式则必

2020-07-06 15:46:28 275

原创前端常用的特殊字符集

使用方法：这些字符属于unicode字符集，所以，你的文档需要声明为UTF-8；编号用在HTML中时，需要在前面加上&#符号；用于CSS文件中，但是需要用反斜杠\转义；用于JavaScript，和CSS用法一样，不过要用\u来转义。需要注意：有的字符在不同的浏览器下表现不太一样；比如小雪人 ☃ 在Firefox和Chrome下不太一样，钻石 ◆ 在IE下要比Chrome下要大一点儿；有的字...

2020-06-04 10:02:16 5062

原创隐藏滚动条兼容各浏览器

// 谷歌浏览器隐藏滚动条.scroll::-webkit-scrollbar{ display: none;}// 火狐浏览器隐藏滚动条.scroll { scrollbar-width: none;}// ie浏览器隐藏滚动条.scroll { -ms-overflow-style: none;}

2020-05-12 16:25:53 455

原创 uniapp 自制头部左侧胶囊组件

uniapp 自制头部左侧胶囊组件 // 组件页面<template> <view class="navigation-bar" :style="{height:navBarH}"> <view class="navigation-bar-fixed" :style="{height:navBarH,background:(!config.transpar...

2020-04-30 16:45:33 1887 1

原创 Git相关基础总结

Git 官网下载地址，按照官网教程安装即可温馨提示：显示.git文件：git init初始化的文件件下 —》点击计算机上导航栏上的工具 ——》文件夹选项 --》查看 --》高级设置中的显示隐藏文件夹在本地配置git现在本地电脑上成功安装Gitgit config user.name 配置git 用户名 || git config --global user.name 用户名 ...

2020-04-14 21:58:08 80

原创 vue 项目上线打包

步骤1找到config 目录下的index.js，将productionSourceMap 设置成 true在项目目录中执行npm run build ,会生成一个dist目录，然后把dist里面的内容复制到服务器里面即可（注意，只复制dist里面的static文件夹和index.html，不要dist文件夹）Markdown将文本转换为 HTML。例如：...

2020-04-14 21:11:22 262

原创 uniapp 返回上一页并刷新

uniapp 返回上一页并刷新 let pages = getCurrentPages(); let page = pages[pages.length - 1]; page.onLoad()在uniapp 中 getCurrentPages() 方法获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面， let page = ...

2020-04-08 13:10:47 12787 1

原创多状态下支付倒计时

多状态下支付倒计时<div class="headBox" id="headBox"> <div class="status" id="unfilled_orders"> <div class="sta"> <span class="staName"&g...

2020-01-15 11:46:28 197

原创 js find方法和findIndex方法

/*数组中，取出满足要求的第一个值*/ const myArr=[1,2,3,4,8,12]; var v1=myArr.find(value=>value>8); console.log(v1); /*通过数组下标取对应值*/ var v2=myArr.find((value,index,arr)=>{ return ...

2019-12-22 10:20:05 5084

原创 uni-app 动态绑定class 和 style

uni-app style class 绑定官网vue style class 绑定官网 // 绑定单个内联样式 <view :style="{'display':config.isHaveSearch ? 'block':'none'}" ></view> <view :style="{color:item.age<18?'#ccc':...

2019-12-19 15:35:14 33597

原创 uniapp 的uni.navigateBack 方法返回上一页携带参数

这里写自定义目录标题uniapp的uni.navigateBack返回页面带参数uniapp的uni.navigateBack返回页面带参数 // B页面 let pages = getCurrentPages(); //获取所有页面栈实例列表 let nowPage = pages[ pages.length - 1]; //当前页页面实例 let prevPage = page...

2019-12-17 15:46:53 10215 1

原创移动端开发，禁止屏幕的滚动

手机端出现弹框后，禁止页面的滚动。移动端使用e.preventDefault()禁止滚动及取消,兼容苹果原文链接//实现滚动条无法滚动var mo=function(e){e.preventDefault();};/***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; ...

2019-12-05 11:31:17 406

原创 m端城市地点三级联动选择器

h5 m端城市地点三级联动选择器效果如下： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=...

2019-11-30 17:38:22 147

原创前端 Html 常见文本占位符

常见的占位符　可以看作一个空白的汉字  == 普通的英文半角空格  ==   ==   == no-break space （普通的英文半角空格但不换行）　 == 中文全角空格（一个中文宽度）  == &ensp; == en空格（半个...

2019-11-23 11:51:18 7294

原创 jquery 返回顶部

<div class="topup"> <img src="../images/topup.png" alt="" id="topup"> </div>.topup{ width: 45px; height: 45px; border-radius: 50%; position: fixed; ...

2019-11-09 14:31:24 62

原创 js 弹出框

js提示框弹出带有取消按钮 function delcfm() { if (!confirm("确认要退出？")) { window.event.returnValue = false; } } js退出框，点击是取消，确定按钮判断 var te...

2019-11-07 11:50:29 83

原创 uni-app 应用生命周期和页面生命周期的区别

uni-app支持的应用生命周期函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示onHide当 uni-app 从前台进入后台onError当 uni-app 报错时触发onUniNViewMessage对 nvue 页面发送的数据进行监听，可参考 vue...

2019-11-02 09:58:48 7936 4

原创 uni-app 小程序解决rich-text富文本样式设置不成功问题

富文本样式uni-app rich-app（富文本）组件介绍请求到的富文本文件内容"<p><span >编者按：本文来自微信公众号“</span><a href=\"https://mp.weixin.qq.com/s/zcN6wTnZm3ann6tNicjyrQ\" target=\"_blank\" >略大参考</a>&lt...

2019-11-01 17:10:44 5688 1

原创前端弹性布局总结

弹性布局学习阮一峰博客如何开启弹性布局开启弹性布局的标签即为”容器“.box{ display: -webkit-flex; /* Safari Webkit 内核的浏览器，必须加上-webkit前缀。 */ display: flex; display: inline-flex; /* 行内元素开启弹性布局*/}容器具有是属性flex-direction 决定主轴的方...

2019-10-30 08:07:53 408

原创前端单行或多行文本显示，溢出文本显示省略号，兼容IE多行溢出隐藏

文本单行显示,溢出的显示省略号对于一个单行文本标签，超出隐藏,只需要将标签设置一个定width，再加上 overflow: hidden; 属性即可。如果想超出的部分以省略号显示，再加上 text-overflow:ellipsis;white-space: nowrap; 属性。 { overflow: hidden; text-overflow:ellipsis;...

2019-10-19 15:44:13 2202 1

空空如也

window.location.href是否可以获取跳转失败的回调？