自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(45)
  • 收藏
  • 关注

原创 分享五个前端开发必备工具网站

1.Beautiful CSS box-shadow examples

2021-06-02 15:33:13 248

原创 uniapp 打包安卓app 微信提现

1.配置manifest.json文件怎么获取appid和appsecret怎么获取的问题去看文档。2.调用微信登录uni.login({ provider: 'weixin', success: function (loginRes) { // authResul下包含 用户的openid,把openid保存下来发给后端 console.log(loginRes.authResult); }});3.保存login接口返回的openid发送给后端,让..

2021-05-15 17:01:23 1330 1

原创 微信小程序报错Unhandled promise rejection TypeError: WebAssembly.instantiate():

报错信息TypeError: Cannot read property 'addEventListener' of undefinedVM336:1 Tue Apr 27 2021 21:15:55 GMT+0800 (中国标准时间) 渲染层错误VM317:1 TypeError: Cannot read property 'invoke' of undefinedVM317:1 Unhandled promise rejection TypeError: WebAssembly.instanti

2021-04-27 21:18:59 10883

原创 微信小程序配置绝对路径

微信小程序配置绝对路径。很简单。请不要再使用相对路径了!

2022-12-19 10:57:46 186

原创 微信小程序自定义分享功能开发笔记

方法定义转发内容,也需定义其他基础配置项,如promise该参数存在,则以 其resolve 结果为准,如果三秒内不 resolve,分享会使用默认参数。onShareAppMessage触发方式有两种,一种是通过下面示例的button方式触发,一种是右上角菜单转发。onShareAppMessage是同步方法,如果我们要自定义复杂的转发逻辑,需要通过其。方法实现,使用方法如下面示例。

2022-12-16 11:22:57 57

原创 前端生成二维码及把页面转为图片保存到本地

以vue项目为例,其他类型项目其实也是一样的所需components: QRCode html2canvas npm install qrcodejs2-- savenpm install html2canvas --save在需要使用的地方引入import QRCode from 'qrcodejs2'import html2canvas from 'html2canvas'生成二维码 creatQrCode() { var q...

2021-12-23 17:08:37 704

原创 axios报错 Cannot read properties of undefined (reading ‘cancelToken‘)

解决办法:检查路由拦截,是否return了config如果设置了config,就必须rentun 出去。 这是一个低级错误,希望大家不要犯错

2021-12-08 10:56:43 4001

原创 配置jsconfig.json使项目支持跳转@路径别名引入的方法及注释

关于什么是jsconfig.json在项目最外层目录创建 jsconfig.json文件,并加入以下代码就可以了{ "compilerOptions": { "baseUrl": "./", "paths": { "@/*": [ "src/*", ], } }, "exclude": [ "node_modules", "public", "server" ]}...

2021-11-15 16:08:55 1117

原创 exceljs导出单元格设置列宽、文字居中

对应代码: exportExcel() { // 导出的表头 let columns = [ { name: '90-100分', width: 50 }, { name: '80-89分', width: 50 }, { name: '70-79分', width: 50 }, { name: '60-69分', width: 50 }, { name: '0-59分', wid..

2021-09-15 17:13:25 2231

原创 点击转换按钮位置特效

先看效果

2021-06-16 11:58:36 94

原创 niapp打包安卓app,微信授权登录,获取用户openid 不对问题

1.uniapp打包安卓app,如果需要微信登录的话,需要对manifest.json文件进行配置2.使用uni.login方法获取用户信息uni.login({ provider: 'weixin', success: function (loginRes) { //loginRes.authResult里包含openid console.log(loginRes.authResult); }});注意:如果出现没有配置appid和app...

2021-05-15 16:38:42 927 1

原创 swiper轮播图、前端轮播、等待轮播图都加载完毕再执行轮播的方法

使用了swiper轮播图插件+jq var mySwiper = new Swiper('.swiper-container', { autoplay: { delay: 5000, stopOnLastSlide: false, disableOnInteraction: true, }, loop: true, //

2021-04-23 15:28:57 849

原创 Vue 前端开发微信公众号总结

1.vue开发微信公众号页面需要的工具vs code 微信开发者工具,用来调试公众号页面2.会遇见的坑用户使用微信公众号需要授权,而授权是需要跳到小程序的授权页面来进行的,用户授权完毕,微信会自动跳回公众号页面 //local就是完成授权后,微信会跳转的页面const local = "http://xxxxx.com";var wxappid = "wx321321321321";var url = `https://open.weixin.qq.com/connect/oauth

2021-03-26 16:47:48 1729 1

原创 vue中使用 echart 报错undefined

学弟踩坑问我的,个人觉得有必要写一下。可能会出现的错误 Cannot read property 'init' of undefined" 打印echarts对象为undefined 排错方式查看引入方式是否正确 查看 package.json 文件下是否有echarts的包,并确认 echarts包的版本 如果安装包的版本大于 4.9,使用 import * as echarts from 'echarts' 引入 或者 npm install echa.

2021-03-09 22:45:29 1112 1

原创 两行CSS代码实现可调整尺寸的UI组件

先上效果实现:css属性????resize+ overflowresize属性具有四种值none:用户无法调整元素的尺寸both:用户可调整元素的高度和宽度horizontal:用户可调整元素的宽度vertical:用户可调整元素的高度注意:必须给目标元素设置overflow属性,且值推荐位hiddne<!DOCTYPE html><html lang="en"><head> <meta charset="U

2021-03-03 15:03:06 117 1

原创 盲生我发现了html— h1-h6 标签的华点

蓝色是父div,白色字体是H1标签,代码中没有任何的margin,padding,但是蓝色DIV怎么会和H1标签一起向下移动了呢?大家好好思考一下,是什么导致的呢???结论:元素之间发生了垂直外边距合并(????看不懂下面的点链接) 外边距合并(叠加)是一个相当简单的概念。 简单地说,外边距合并指的是,当两个垂直外边距相遇...

2021-02-23 17:28:28 118 1

原创 uniapp开发安卓App对接微信支付(详细,没有接触过的朋友推荐看一下)

这张图很重要!!!1.在支付页面的 onLoad 生命周期函数中执行 uni.getProvider 方法,作用是获取服务供应商 ,此步骤不对应上图,是预先准备工作// 获取provider uni.getProvider({ service: "payment", success: (e) => { e.provider.map((value) => { switch (value) { case 'wxpay...

2021-02-20 11:14:29 2086

转载 HTML5:离线存储

我们来看看HTML5的新特性---离线存储吧。随着Web App的发展,越来越多的移动端App使用HTML5的方式来开发,除了一些HybridApp以外,其他一部分Web App还是通过浏览器来访问的,通过浏览器访问就需要联网发送请求,这样就使得用户在离线的状态下无法使用App,同时Web App中一部分资源并不是经常改变,并不需要每次都向服务器发出请求,出于这些原因,HTML5提出的一个新的特性:离线存储。通过离线存储,我们可以通过把需要离线存储在本地的文件列在一个manifest配置文件中,这样即使

2021-02-19 13:35:16 297

原创 uniapp打包安卓APP实现自动更新(更新app)

先列出需要注意的地方,避免新手朋友们出错如果uniapp运行app报错:ReferenceError: plus is not defined ,普通浏览器里没有plus环境,只有HBuilder真机运行、打包后、或流应用环境下才能运行plus api。 注意url,此功能需要后端配合 version建议使用整数,版本号递增 如果APPID相同,软件会自动覆盖(所以需要让更新的appid和原来的appid相同,否则就是两个程序了)// 检查版本更新 let _this = this

2021-02-18 11:52:26 3068 5

原创 uniapp 实现长按复制文本功能

本篇没啥营养,就是告诉不熟悉uniapp的开发者怎么完成长按复制,懂得朋友别浪费时间1.给text组件设置对应平台的对应属性,在安卓手机上的效果2.直接设置剪切板的内容uni.setClipboardData(OBJECT)<text style=" @longpress='copyText'>长按触发longpress事件</text>//对应事件copyText() { uni.setClipboardData({ dat...

2021-01-23 09:07:16 5916

原创 微信小程序实现顶部固定,内容区域自适应大小并滚动的布局

效果镇楼box-top头部区域内容是可以不设高度,完全又内部元素撑开的,没有任何问题,而且也可以在底部加上别的区域,也是没有问题的,中间紫色区域也是自适应大小的,不会影响其他元素。<view class="box"> <view class="box-top"></view> <view class="box-bottom"> <scroll-view scroll-y="true" class="box-bottom-

2020-12-31 17:05:48 1896 2

原创 egret 使用图片纹理集 (最新!)

egret 太TM坑了,新手谨慎入坑!文档之类的很多年不维护了~废话少说,红字的思想感情自己体会去纹理集使用步骤!使用工具Texture Merger合成纹理集按照步骤来,完事后导出 资源组中加入纹理集 exml文件使用纹理集资源方式:直接写资源名就行,不用加后缀4.在ts文件中使用纹理集改变exml图片样式:这个名字个资源组里的资源名对应上就行不写路径this.djs.source = "zhizhu"写的糙了点,不排版了。发现问题大家提出来就行...

2020-10-12 12:09:16 640

原创 白鹭引擎学习笔记(二)

显示对象 注:在 egret 中建立显示对象和渲染显示对象是两个过程,建立显示对象后,对象会处于内存中,但不会参与渲染过程,只有把显示对象放到显示列表后,显示对象才会参与渲染过程,如果想将某个显示对象从渲染过程中删除,只需要将其移除显示列表即可1.egret 中所有显示对象均继承于 DisplayObjectContainer2.直接继承自 DisplayObject 的类都属于非容器3.继承自 DisplayObjectContainer 的类都属于容器//自定义显示对象..

2020-09-24 16:01:15 393

原创 egret 白鹭笔记(2020)简单笔记

目录结构 核心文件夹 .src文件夹,所有项目的源代码都放在这个目录下。 Main.ts 为项目入口类,也称文档类。 egretProperties.json 是项目的配置文件 resource 目录是用来存放项目所需的所有资源 LoadingUI.ts 是加载过程中的辅助显示组件,用来显示加载进度 libs 目录下包含项目各模块所对应的所有类 项目编译的文件存储到 bin-debug 目录下 开启调试 通过 egret run -a 命令来实时监听文件是否修改..

2020-09-19 16:54:42 1888

原创 JS 跳转到任意网页的指定位置

同页面跳转到指定位置 可以通过锚点的方式跳转 <a href="#name">点击跳转到 id 为name的标签位置</a><div id='name'>我是id为name的标签</div> js的方式 window.location.hash = '#name' 以上两种方式只适合对同一页面来进行跳转,如果我们想在当前页面跳转到另一个页面的指定位置,通过这两种方法是办不到的,请看下一种方式 ..

2020-09-16 17:29:18 3672 2

原创 JS ES6新增 数组常用方法总结

es5:concat 、join 、push、pop、shift、unshift、slice、splice、substring和substr 、sort、 reverse、indexOf和lastIndexOf 、every、some、filter、map、forEach、reducees6:find、findIndex、Array.from、includes、Array.of、fill、copyWithinES6方法普遍浏览器兼容性如上表,有兼容性需要的小伙伴谨慎使用,或使用babel 将e.

2020-06-06 22:08:32 825

原创 JS 统计字符串中大小写字母个数

JS 统计字符串中大小写字母个数注:字母a-z的code为97 - 122,A-Z的code为65 - 90 这很重要。不过记不住也没关系 let str = 'naAZiHesnKuanzgA' console.log('a'.charCodeAt(), 'z'.charCodeAt(), 'A'.charCodeAt(), 'Z'.charCodeAt()) //97 122 65 90 function countABC(str) { let A

2020-06-03 23:58:13 2462

原创 Vue-router 路由传参及隐藏参数详解

1.路由跳转及传参形式vue中路由中需要传递参数的话可以用query和param传递,两者类似于get和post。先上路由配置文件 (router/index.js)const routes = [{ path: '/chat', name: 'Chat', component: Chat}, ]path 方式跳转<router-link :to="{ path: '/chat', query: { plan: 'private' }}">Reg

2020-05-25 16:10:29 9710 11

原创 原生JS把日期字符串转换为时间戳 + 获取当前时间与指定时间的间隔并显示为 xx分钟前 xx小时前 xx天前

都有碰见不省心的后端的时候,打又打不得,骂又骂不得 ,只能靠自己动手修改后端代码这样勉强过日子了????(纯属娱乐,跟后端说他肯定你会给转成你想要的格式)1.日期字符串转为时间戳js字符串转化时间戳可以使用自带函数 Date(要转化的时间字符串)先转化为Date类型,之后再将Date类型转化为时间戳类型,其中时间字符串有要求,形式必须是 yyyy-MM-dd HH:mm:ss 的形式,也可以是yyyy-MM-dd 等合法类型new Date(要转换的日期格式).getTime()

2020-05-15 20:06:17 222

原创 js数组去重多种办法详解 (对萌新提供额外优待)

6种萌新必备数组去重 + 扩展方法 var arr = [1, 1, 'true', 'true', true, true, 15, 15, false, false, undefined, undefined, null, null, NaN, NaN, 'NaN', 0, 0, 'a', 'a', {}, {}]; console.log('原数组', arr) /* 那为什么没有去除空对象呢? 这是因为当两个值比较的.

2020-05-14 23:07:41 253

原创 前端面试题:如何渲染大批量数据而页面不被卡住

FE-Interview javascript 66 setTimeout(() => { // 总共加载10万条数据 const total = 100000 // 一次加载20条 const once = 20 // 需要加载多少次 const loopCount = total / once // 加载到第几次了 let curr..

2020-05-09 18:02:03 1614

转载 回流重绘

作者:Noxus丶SJ链接:https://zhuanlan.zhihu.com/p/134024353来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。什么是回流?当一个元素自身的宽高,布局,显示或隐藏,或元素内部的文字结构发生变化,导致需要重新构建页面的时候,就产生了回流什么是重绘?当一个元素自身的宽高,布局,及显示或隐藏没有改变,而只是改...

2020-05-09 17:38:24 77

原创 面试题:JS 快速打乱一个数组

先上代码sort + Math.random()解析: sort() 方法用于对数组的元素进行排序。sort( )方法推荐通过传入一个函数来定义自己想要的排序规则 函数内会传两个参,如图 注意: sort()方法直接作用于原数组,不生产副本,如不想改变原数组请拷贝一份副本再排序 根据你的评判标准,a小于b,在排序后的数组中a应该出现在b之前,就返回一个小于0的值。 如果a等于b,就返回0。 如果a大于b,...

2020-05-09 08:09:12 497

原创 面试题:JS中,null和nudefined的区别

null和undefined的区别var a = null;var b = undefined;老实说,在javascrip中,unll和undefined几乎没什么区别。在if语句中,null和undefined都会被自动转换为false相等运算符的结果也是true。????控制台中打印的结果but,区别嘛,要定义的话还是有的undefined 表示“缺少...

2020-05-06 22:08:28 423

原创 Vue 项目打包优化

1.移除代码中的console 打包上线后的console语句没有任何作用,所以我们应该移除它,除去手动移除,还可以使用插件的方式来移除代码里的console语句。 使用babel-plugin-transform-remove-console 插件来移除代码console 步骤 : 1.安装babel-plugin-transform-remove-c...

2020-04-30 00:35:23 2076 3

原创 vue中用nProgress实现页面加载进度条

1.安装nprogressnpm install --save nprogress2.引入// 引入进度条的js文件和css文件import nProgress from 'nprogress'import 'nprogress/nprogress.css'3.使用需要调用start() 和 done()来控制进度条nProgress.start()是开始进...

2020-04-29 15:40:07 183

原创 Element UI 图片上传功能踩坑

样式效果: <el-upload multiple drag class="upload-demo" :headers="token" action="http://127.0.0.1:8888/api/private/v1/upload" :on-previe...

2020-04-24 15:24:23 2809

原创 Moment.js 时间格式化插件基本使用

Moment.js 中文官网http://momentjs.cn/docs/#/parsing/Moment.js基本使用:格式化 秒 :moment.unix(毫秒).format(‘YYYY-MM-DDHH:mm:ss’)格式化 毫秒 :moment(秒).format(‘YYYY-MM-DDHH:mm:ss’)想换输出格式看下面表...

2020-04-23 17:24:36 240

原创 面试题: 浏览器同源策略

1.同源策略来历 同源策略于1995年由网景公司引入浏览器,目前,所有浏览器都实行这个策略。2.什么是同源? 所谓同源 ,指的是:协议,域名,端口三者一致3.同源策略的目的 同源策略的目的,是为了保证用户信息的安全,防止恶意的网站窃取数据4.如果非同源,浏览器的限制 (1):Cookie,LocalStorage和IndexDB 无法读取 ...

2020-04-06 19:44:24 513

原创 Vue自定义指令使用事件修饰符

vue的自定义指令目前是不可以使用vue的事件修饰符的。你要想让你的自定义指令实现vue的事件修饰符效果,比如使用.stop .prevent ,就需要自己来定义效果。大家看一下自定义指令 的钩子函数上代码。更清晰事件修饰符就藏在binding.modifiers中自定义指令的钩子函数,为我们提供了两个参数,el 是当前触发事件的对象,第二个参数中包...

2020-04-02 09:03:46 1588

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除