- 博客(15)
- 收藏
- 关注
原创 react native项目使用react-native-change-icon通过编程方式修改app应用图标
(1)设置默认Icon,勾选‘Include all app icon assets’在AndroidManifest.xml文件添加。(2)在.plist文件后面添加以下代码。
2024-04-19 14:28:57
411
2
原创 NodeJs+puppeteer实现页面截图功能,并部署到AWS EC2运行
前言:最近实现一个针对页面做截图的功能,一开始是想使用html2canvas,但是发现html2canvas(V1.4.1)针对带有box-shadow属性的input或者button,截图出来后的效果不是很理想,所以考虑使用puppeteer+nodejs去实现,以下是我的实现步骤:2.创建入口文件3.在routers文件夹下创建puppeteer文件(主要是执行puppeteer截图功能)4. 在本地控制台运行注意:把上面代码的executablePath 修改成本地chorme.exe存放
2023-10-12 20:35:27
540
1
原创 通过设置年,月,日,获取最新的日期
通过年数获取最新的日期 var date = new Date(); var newdate = new Date(date.setFullYear(date.getFullYear()+1)); var Y = newdate.getFullYear() + "-"; var M = (newdate.getMonth() + 1 < 10 ? "0" + (newdate.getMonth() + 1) : newdate.getMonth() + 1) +
2021-05-19 15:16:26
130
原创 Vue+ElementUi动态修改选择器边框颜色
方法:利用css var动态生成颜色变量 <el-select v-model="data" :style="{'--select-borderColor': data? '#ae4e66':'#9d9d9d'}" > <el-option v-for="item in list" :key="item.value" :label="item.label" :value="i
2021-03-14 00:07:09
1886
原创 使用IntersectionObserver 實現惰性加载(demo)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .main {
2021-02-19 22:31:28
403
原创 Vue项目中简单使用百度地图
1.申请ak(密钥)2.项目index.html中导入script<script type="text/javascript" src="https://api.map.baidu.com/api?v=1.0&type=webgl&ak=您的密钥"></script>3.查看文档使用百度地图例子:使用逆/地址解析<template> <div id="container" style="width:100%;height:10
2020-06-27 15:38:28
690
原创 indexDB使用基础小結(结合dexie)
1.使用indexDBa.打开数据库和创建数据库 var db; (function () { var request = window.indexedDB.open('db', 1) request.onerror = function (event) { console.log('数据库打开报错'); }; request.onsuccess = funct
2020-06-09 10:11:27
1438
原创 JS中的call()、apply()和bind()小結
函数的三种调用方式 : 全局函数 对象方法 构造函数*共同点,this的执行时确定的无法修改a.全局函数:this指向windowb.对象方法:this指向对象c.构造函数:this指向new创建的对象上下文调用模式:可以动态修改this的指向三种语法异同点:相同点: 作用都是动态修改this不同点:传参方式不一样call(): 函数名.call(修改后的this,arg1,arg2,arg3………………)apply(): 函数名.apply(修改后的this,[arg
2020-06-07 00:17:35
104
原创 在Vue项目中定义全局方法
原因:有時候我們在vue項目的不同組件中要执行同一個方法获取一些想要的数据,如果在每个组件中都写同一个方法就会增加每个组件中的代码量,所以可以定义全局的方法,在不同的组件中调用1.方法一 :在入口文件(main.js)中,直接Vue.prototype上面定义,先看一下代码Vue.prototype.sayWhat= function(something){ console.log(`say:${something}`)}原理:因为Vue实质上就是一个对象。大多数对象都会存在原型对象
2020-06-05 13:48:06
1147
1
原创 ES6的Promise小结
1.promise是什么主要用于异步计算,解决回调地狱问题,可以将异步操作队列化,按照期望的顺序执行,返回符合预期的结果,可以在对象之间传递和操作promise,帮助我们处理队列2.Promise对象有以下两个特点(1)对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pending(进行中)、fulfilled(已成功)和rejected(已失败)。只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态。这也是Promise这个名字的由来,它的英语意
2020-06-03 14:35:25
227
1
原创 ElementUI中展開行table設置表頭顏色(添加icon)
圖例:步驟:1.添加屬性2.在data中添加: expands: [ ]3.創建方法函數 methods: { setLabel() { let _this = this; this.$nextTick(() => { let cellDiv = document.getElementsByClassName("cell use...
2020-04-24 13:41:12
417
1
原创 Vue項目中給圖片加水印并下載(已處理跨域問題)
1.封裝方法 DownLoadImages(imgUrl,text){ var image = new Image; // 解决跨域 Canvas 污染问题 image.setAttribute('crossOrigin', 'anonymous'); // image.crossOrigin = "anony...
2020-04-10 12:01:01
201
原创 Vue监听滚动条停止
1.在需要监听的组件的data中设定数值 data() { return { timer: null, scrollT: 0, stopscroll: 0 }; },2.在methods中设定方法 handleScroll() { clearTimeout(this.timer);//清除定時器 this.t...
2020-03-05 11:34:07
2377
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人