![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
米斯特肖
分享会让优质脱颖而出
展开
-
ES6 Promise学习一下
<p>2015年6月份, ES2015正式发布(也就是ES6,ES6是它的乳名),其中Promise被列为正式规范。作为ES6中最重要的特性之一,我们有必要掌握并理解透彻。本文将由浅到深,讲解Promise的基本概念与使用方法。 </p> ES6 Promise 先拉出来遛遛 复杂的概念先不讲,我们先简单粗暴地把Promise用一下,有个直观感受。那么第一个问题来了,Promise是什么玩意呢?是一个类?对象?数组?函数? 别...原创 2021-11-18 11:58:55 · 125 阅读 · 0 评论 -
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 · 122 阅读 · 0 评论 -
js 代码块执行先后生命周期
js 代码块执行先后生命周期1. 即页面所有的 html 标签(包括图片等)都加载完了,执行下列代码块//文档加载,这是为了防止文档在完全加载(就绪)之前运行 jQuery 代码,换句话说,写在这里面的JQuery代码都是文档加载好之后的,方便维护。$(document).ready(function(){ console.log("ready执行1");})** 简写为 **$(function () { console.log("ready执行2");});不会被覆盖原创 2021-05-07 11:56:02 · 346 阅读 · 0 评论 -
按需加载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 · 137 阅读 · 0 评论 -
常用的前端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 · 95 阅读 · 0 评论 -
小白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 · 91 阅读 · 0 评论 -
前端模块化标准“ES6 Modul总结“
由于js文件中的全局变量可以相互调用,在多文件多变量中,容易将未知的已定义的变量重复值,因此模块化的 “分而治之” 的思想有了前景意义。常用的模块化标准:Common.js、Es6 Modul、AMD、CMD’UMD。模块化的出现,避免了变量的污染和命名冲突,使依赖更容易管理。ES6 Moudl在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJS 和 AMD 两种。前者用于服务器,后者用于浏览器。ES6 在语言标准的层面上,实现了模块功能,而且实现得相当简单,完全可以取代现有的原创 2021-03-08 14:33:41 · 195 阅读 · 0 评论 -
背景图片下边剪切成圆弧
.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 · 601 阅读 · 0 评论 -
可滑动移动端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 · 1197 阅读 · 0 评论 -
浅论前端页面优化对SEO的重要性
“前端开发”,即“HTML、CSS、JS”的统称。用户在浏览器,可视化屏幕上浏览到的数据布局格式,即为前端的控制效果。一份高质量的前端代码,不仅可以让用户赏心悦目,留住客户,还会有利于“蜘蛛”的爬取和收录。性能角度优化:网页的性能主要体现在“加载速度”和“浏览流畅度”两个方面,主要方法有:**减少页面请求、CDN加速、精简代码(一个页面最好不要超过100k)、压缩传输(js css压缩)、引用新框架等、合理设置http缓存、图标处理成雪碧图、图片懒加载、流加载页面、减少cookie传输 **结构角度优原创 2020-09-09 14:39:49 · 829 阅读 · 0 评论 -
SEO网站优化从小白到专业
百度蜘蛛 工作流程抓取 --》 过滤 --》 建立索引 --》输出结果SEO常用命令site: 查询收录domain: 查询外链inurl: 在网址上包含的intitle: 在标题里含有filetype: 类型查找SEO 常用术语权重 此网址在在搜索引擎的重要程度收录量 蜘蛛爬行并被收率的数量蜘蛛 即搜索引擎的爬行程序索引量 能够参与排名是数量指数 index.baidu.com 一般指百度指数快照原创 2020-09-05 18:42:41 · 755 阅读 · 0 评论 -
前端常用的特殊字符集
使用方法:这些字符属于unicode字符集,所以,你的文档需要声明为UTF-8; 编号用在HTML中时,需要在前面加上&#符号; 用于CSS文件中,但是需要用反斜杠\转义; 用于JavaScript,和CSS用法一样,不过要用\u来转义。需要注意:有的字符在不同的浏览器下表现不太一样;比如小雪人 ☃ 在Firefox和Chrome下不太一样,钻石 ◆ 在IE下要比Chrome下要大一点儿; 有的字...原创 2020-06-04 10:02:16 · 5504 阅读 · 0 评论 -
多状态下 支付倒计时
多状态下 支付倒计时<div class="headBox" id="headBox"><!-- 待发货状态下显示 --> <div class="status" id="unfilled_orders"> <div class="sta"> <span class="staName"&g...原创 2020-01-15 11:46:28 · 202 阅读 · 0 评论 -
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 · 5144 阅读 · 0 评论 -
移动端开发,禁止屏幕的滚动
手机端出现弹框后,禁止页面的滚动。移动端使用e.preventDefault()禁止滚动及取消,兼容苹果原文链接//实现滚动条无法滚动var mo=function(e){e.preventDefault();};/***禁止滑动***/function stop(){ document.body.style.overflow='hidden'; ...原创 2019-12-05 11:31:17 · 427 阅读 · 0 评论 -
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 · 164 阅读 · 0 评论 -
前端 Html 常见文本占位符
常见的占位符 可以看作一个空白的汉字  == 普通的英文半角空格  == ==   == no-break space (普通的英文半角空格但不换行)  == 中文全角空格 (一个中文宽度)  ==   == en空格 (半个...原创 2019-11-23 11:51:18 · 7676 阅读 · 0 评论 -
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 · 73 阅读 · 0 评论 -
js 弹出框
js提示框弹出带有取消按钮 function delcfm() { if (!confirm("确认要退出?")) { window.event.returnValue = false; } } js退出框,点击是取消,确定按钮判断 var te...原创 2019-11-07 11:50:29 · 91 阅读 · 0 评论 -
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 · 8137 阅读 · 4 评论 -
前端弹性布局总结
弹性布局学习 阮一峰博客如何开启弹性布局 开启弹性布局的标签即为”容器“.box{ display: -webkit-flex; /* Safari Webkit 内核的浏览器,必须加上-webkit前缀。 */ display: flex; display: inline-flex; /* 行内元素开启弹性布局*/}容器具有是属性flex-direction 决定主轴的方...原创 2019-10-30 08:07:53 · 415 阅读 · 0 评论 -
前端单行或多行文本显示,溢出文本显示省略号,兼容IE多行溢出隐藏
文本单行显示,溢出的显示省略号对于一个 单行 文本标签,超出隐藏,只需要将标签设置一个定width,再加上 overflow: hidden; 属性即可。如果想超出的部分以省略号显示, 再加上 text-overflow:ellipsis;white-space: nowrap; 属性。 { overflow: hidden; text-overflow:ellipsis;...原创 2019-10-19 15:44:13 · 2236 阅读 · 1 评论 -
前端常用meta标签属性总结大全
前端meta标签总结 <meta charset="UTF-8"> <!-- charset 属性规定 HTML 文档的字符编码 charset 属性是 HTML5 中的新属性,且替换了:<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> --> ...原创 2019-10-16 15:49:16 · 1042 阅读 · 0 评论