溯丶-优快云博客

原创 vue中calss类关联js中的参数

不知道大家有没有一种要是class类中可以使用js中的变量就好了的想法。其实很简单，首先在html或者js中定义css变量，然后通过行内注入的方式将变量和css关联起来，最后通过CSS var()函数读取注入的变量即可。vue代码如下：<template> <div class="hello"> <p class="useVar" :style="newStyle">hello world</p> </div></te

2021-02-25 11:17:48 271

原创 JS中的void 0、!! 和 ??

虽然在全局作用域中undefined不可以被重写，但是在局部作用域中undefined是可以被重写的，如下所示{ let undefined = 'hello world'; alert(undefined); //输出'hello world'}void 0会返回undefined，而且无法被重写。事实上void 后面无论是什么表达式，返回的都是 undefined，而void 0较之undefined可以省出三个字节。...

2020-12-07 11:17:24 780

原创跨域问题原因及解决方法

跨域问题原因如今前后端分离开发已经屡见不鲜，作为前端开发人员，肯定或多或少遇到过跨域问题。其实跨域问题的本源是浏览器的同源策略限制，它是由网景公司提出的一个著名的安全策略，所谓同源是指"协议+域名+端口"三者相同，而同源策略是一种约定，现在所有支持 JavaScript 的浏览器都会使用这个策略。四种解决方法我用过四种方式解决过跨域问题，解决跨域的方法主要分为浏览器端解决跨域问题和服务端解决（服务端通信一般不存在跨域问题）1.使用proxyTableproxyTable是vue-cli提供的解决

2020-11-09 23:01:49 711

原创 ionic实现下拉分页加载

分页是一种将数据分段展现给用户的一种技术。现如今一般有两种方式，一种是前端获取所有记录并存在内存中，然后将部分数据分页显示给用户。另一种是前端多次像后端获取数据，每次只获取部分数据。在ionic框架中，通过InfiniteScroll可以方便地进行下拉加载，实现分页效果，如下图所示具体代码如下：html文件<ion-content> <ion-i...

2018-10-18 22:48:32 788

原创 ionic使用百度地图实时定位并导入标记

最近遇到前端需要实现地图的功能，其实调用地图的例子网上有好多，这边介绍一下我们如何通过ionic框架在前端调用百度地图。首先我们需要在src目录下的index.html文件中引入百度地图，在这之前请申请百度地图密钥（密钥在百度地图官网申请） <script type="text/javascript" src="http://api.map.baidu.com/api?v=2...

2018-10-15 19:24:35 1293 3

原创 ionic调用支付宝插件

最近项目中要调用支付宝插件，其实支付宝插件网上有很多，当时我们试了好多插件都不行，要不是显示cordova is not defined，要不是显示cordova is not available，要不是打包调试的时候显示plugin is not installed，最后在即将奔溃的时候发现alipay按照他们说的有误，因为plugins下面只有ali，下面介绍一下我们如何使用ionic的ali...

2018-09-08 23:40:32 1231

原创 ionic 表单输入元素input的三种事件

最近遇到一个随着输入同时更新数据的问题，作为小萌新特地查了ionic表单输入元素input的三种事件。 1.onblur事件onblur事件即为失去焦点时触发的事件，而所谓的焦点就是一闪一闪的光标。而ionic中onblur则为ionBlur，具体用法如下：//html<ion-input [(ngModel)]="setprice" (ionBlur)="onBlur(...

2018-09-04 22:33:32 3826 1

原创 ionic3获取列表值并以及页面跳转数据的传递

最近初识ionic框架，遇到这么个问题，具体是需要获取列表元素实时的值，并且传递给下一个页面，经过查阅资料，大致流程如下。首先我们再ts文件中创建一个getData函数，并将并设置形参，具体代码如下： getData(item: any){ ... }此时，我们便可以获取到列表元素值，当然我们可以通过console.log()查看一下是否获取到准确的数据。 ...

2018-09-04 22:19:18 1614

原创 ionic动态控制样式的几种方法

最近在学习ionic时一直遇到要动态控制元素样式的情况，在实践后总结了三种比较方便的方法（一）通过 document.getElementById(id) 来动态控制元素样式getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。因此，在操作一个特定的元素时，我们可以通过id来动态控制元素样式。具体代码如下：//在ts文件中，我们可以通过boxShadow来...

2018-07-25 00:08:01 6548 1

qq_37172173的博客