yueyangwuyanzu-优快云博客

原创十分钟弄懂js的call(),apply(),bind()

其实很简单，十分钟看完从一脸懵逼到完全理解。先看下面的例子例1var name = '张三',age = '18'var obj = { name:'李四', objAge:this.age, fn:function(){ console.log('名字：' + this.name,'年龄：' + this.age) }}console.log(obj.objAge)obj.fn();例2var name = '王五'

2022-02-16 10:57:53 172

原创使用preload或者prefetch预加载页面资源

preload与prefetch的区别preload浏览器页面必定需要的资源，浏览器一定会加载这些资源适应场景：首页一些肯定会加载的资源 prefetch浏览器页面可能需要的资源，浏览器不一定会加载这些资源。适应场景：例如滚动之后会加载的资源，滚动是可能触发，并不是一定触发如何使用：用法几乎一致，以preload为例。使用link标签创建<link rel="preload" href="./common.css" as="style">动态创建一个link标签后插

2022-01-27 10:32:24 766

原创实现图片预加载

使用css中的background的属性通过CSS的background属性将图片预加载到屏幕外的背景上。只要这些图片的路径保持不变，当它们在WEB页面的其他地方被调用时，浏览器就会在渲染过程中使用预加载（缓存）的图片。缺点：由于CSS是同页面的其他内容一起加载，这也就意味着增加了页面的整体加载时间。使用js中的 new Image()方法（推荐）步骤1、使用new Image()动态的创建img var newImg = new Image(); 步骤2、设置其src为要加载的图片

2022-01-27 10:29:09 1357

原创 ES6中promise详解

文章目录前言一、pandas是什么？#pandas_19 二、使用步骤#_26 1.引入库#1_27 2.读入数据#2_45 总结前言ECMA是javascript的规格，javascript是ECMA的实现。初学者一开始学的其实就是ECMA3.0版本的语法，而4.0版本没有通过，大部分内容都被es6继承了，又因历史原因，ES6指的并不是一个特定版本的标准，而是涵盖了ES2015、ES2016、ES2017等，因此es6是一个内容又多又重要的一个版本。提示：以下...

2021-12-28 12:37:01 271

原创 uni-app在安卓手机监听物理返回键

//在项目的首页进行监听onLoad(){ //写在onLoad钩子里使得进入后直接被调用 var webview = plus.webview.currentWebview();//调用H5+API获取窗口 plus.key.addEventListener('backbutton', function() {//调用H5+API监听返回事件 webview.canBack(function(e) { if (e.canBack) { .

2021-11-22 14:58:22 2435 1

原创 js中如何更好的替代if...else...语句

在大家平常开发过程中条件判断语句if else的使用频率还是很高的，特别是满屏的if...else...让人难免看着就头疼。这里我们在某些特定场景为大家额外提供一种其他的思路。一、二元逻辑运算符：||/** *在函数定义时，常有若函数调用未提供参数则使用默认值的情景，*/function fn(a) { if(!a){ //可以使用if else来解决这个问题： a = 'test'; };};//有没有更优雅的去除做法呢? 我们可以使用 |..

2021-11-19 15:10:38 2653

原创 http相关知识介绍

● 说一下http和httpshttps的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服务器端请求和应答的标准（TCP），用于从WWW服务器传输超文本到本地浏览器的传输协议，它可以使浏览器更加高效，使网络传输减少。https: 是以安全为目标的HTTP通道，简单讲是HTTP的安全版，即HTTP下加入SSL层，HTTPS的安全基础是SSL，因此加密的详细内容就需要SSL。https协议的主要

2021-11-17 11:58:16 174

原创 npm 安装不上@vue/cli的解决办法

npm i @vue/cli -g时报ENOTFOUND是因为淘宝镜像的地址不对所以大家第一反应都是npm config set registryhttps://registry.npmjs.org但是改完了再运行安装命令还是报错执行下方命令即可安装成功npm cache clean --forcenpm config set proxy nullnpm config set https-prox nullnpm config set registryhttp://r..

2021-11-04 14:28:04 1448

原创 uni-app获取当前苹果设备系统版本

使用uni-app进行H5项目开发获取苹果系统版本号// 针对于ios系统判断var str = navigator.userAgent.toLowerCase();var ver = str.match(/cpu iphone os (.*?) like mac os/);if (!ver) { return}//使用js获取的系统版本let num = ver[1].replace(/_/g, ".").split('.')[0]/***获取到的系统版本不是当前系统的版本而是下载

2021-10-27 16:32:28 2198

原创 vue中自定义组件如何使用v-model

这里使用input做个示例，更好的展示自定组件使用v-model/***父组件*/<template> <div> /** *需要传递给子组件的value值， *否则将无法修改value值 */ <Child v-model="value" :parentData="value"/> /** *等价于 */ .

2021-10-25 18:00:05 244

yueyangwuyanzu的博客