JavaScript
文章平均质量分 70
ammi_bai
软件 前端
展开
-
第三方框架小程序单测(Vue Test Utils + JEST)
一、背景:项目采用第三方框架uni-app开发微信小程序,vue语法 + wxApi二、单测方案:Vue Test Utils + JEST前期调研:微信官方推荐单测工具 【miniprogram-simulate】,官方提供的案例demo都针对原生小程序开发方案,尝试了测试第三方打包后的小程序代码,load方法无法渲染uni-app提供了测试方案【@dcloudio/uni-automator】,属于自动化测试。测试需要编译代码,api提供的示例方案偏重于渲染组件,判断当前渲染的组件属性是否原创 2021-12-31 15:46:58 · 1195 阅读 · 0 评论 -
微信小程序-地理授权-获取经纬度-权限相关 流程总结
想要获取当前位置,大前提:1、微信允许访问位置信息,2、手机定位开启所以,我们进入小程序时,要获取位置,需要考虑权限问题。怎样才能在每次进入都获取,并且大部分用户进入 执行的代码更少?怎样避免每次每人都执行所有的代码?考虑:1、既然每次都要获取经纬度,那么获取位置方法必须。同时,老用户,绝大部分情况是微信授权过的,至于新用户,反正都是得执行一遍。所以,我进入后直接获取位置经纬度。2、如果获取经纬度失败,那么有两种情况,一个是微信位置没有授权,一个是定位没开。我这里,优先判断微信位置授权,site原创 2021-04-06 11:54:20 · 2984 阅读 · 0 评论 -
elementUI对table表格二次封装(slot支持某一列自定义;支持通过filter函数处理行数据;支持通过func判断操作列某个功能按钮是否展示)
<template> <div> <el-table v-loading="loading" :size="size" :data="tableData" tooltip-effect="dark" style="width: 100%" border width="100%"原创 2020-08-24 17:39:39 · 790 阅读 · 0 评论 -
2020 前端面试题 面试总结,记得的也就这些了【3月份的, 3年经验】
promise手写;v发布订阅者模式手写;vajax原理 v深浅拷贝实现异步的几种方法 settimeout promise ajax generator yeild v设计模式【发布订阅】webpack4中关于分包的内容的优化webpack干了什么【分析代码。转换代码,编译代码,输出代码】Promise jsonp v查找字符出现的次数 x闭包及其在什么地方运用进程和线程的区别 v生命周期vu原创 2020-08-12 11:43:32 · 388 阅读 · 0 评论 -
jsonp的原理-大白话
理论:ajax请求受同源策略影响,不允许进行跨域请求,而script标签src属性中的链接却可以访问跨域的js脚本,利用这个特性,服务端不再返回JSON格式的数据,而是返回一段调用某个函数的js代码,在src中进行了调用,这样实现了跨域。实践分析:前端代码:【myCallBack函数拿到返回的数据】 <script type="text/javascript"> function myCallBack(data){ console.log(data, '这是原创 2020-08-12 11:13:49 · 122 阅读 · 0 评论 -
阿里云oss图片的常用处理方法小结
代码转格式,缩略图HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。图片的分辨率为96dpi。如果传入的类型非“image/png”,但是返回的值以“data:image/png”开头,那么该传入的类型是不支持的。canvas.toDataURL(type, encoderOpti...原创 2019-09-10 10:21:54 · 10318 阅读 · 0 评论 -
前端初步涉及腾讯云ubuntu服务器配nginx,https,转发端口号
服务器安装nginx的话看这个链接的,https://blog.csdn.net/wang545593725/article/details/51993652?utm_source=blogxgwz6,按照这个博客安装nginx步骤执行,但是我配置的时候是在/etc/nginx/sites-enabled目录下,有个default文件,在这个里边配置下边代码,【下边代码是腾讯云api里边的说明 ...原创 2019-04-28 19:25:46 · 347 阅读 · 0 评论 -
mysql存表情失败,目前试过的两种解决方案
就是普通的手机表情,mysql没特殊配置之前,普通utf8,报错:Incorrent string value:’\xF0’。。。就这类错误,搜了一下,“utf8最大的一个特点,就是它是一种变长的编码方式。它可以使用1~4个字节表示一个符号,根据不同的符号而变化字节长度。其中Emoji表情是4个字节,而MySql的utf8编码最多3个字节,所以导致了数据插不进去”解决方案1:将字符集 utf8 ...原创 2019-04-26 16:40:25 · 1741 阅读 · 0 评论 -
限时秒杀倒计时案例
setInterval(code,millimSec)可以按照一定时间间隔重复调用代码块,时间间隔单位是毫秒。clearInterval( )用来清除计时器;<div style="border: 1px solid black;width: 100%; text-align: center;height: 200px;line-height: 100px"> 9月16日0时原创 2017-09-16 14:51:30 · 2626 阅读 · 0 评论 -
window.open和close
点击触发func在浏览器新开一个窗口,关闭新窗口后还可以控制function openMyWindow(turnUrl) { var newWidth=1200; //弹出窗口的宽度; var newHeight=600; //弹出窗口的高度; var newTop= (window.screen.availHeight-30-newHeight)/2; //获...原创 2018-06-06 14:06:57 · 457 阅读 · 0 评论 -
单行,多行文本溢出。。。
单行css样式,简单粗暴{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行css控制,有兼容性问题,webkit浏览器可用,一般不这样用{ display: -webkit-box; display: -moz-box; word...原创 2018-06-06 16:19:53 · 339 阅读 · 0 评论 -
关于js/vue等前端技术实现打印的几种方式(仅限我试验过的)
我的小发现首先说明,我用的是jq插件。table表在打印的时候,写在&amp;lt;thead&amp;gt;&amp;lt;/thead&amp;gt;里边的表头,还有&amp;lt;tfoot&amp;gt;&amp;lt;/tfoot&amp;gt;之间的表尾会在打印的时候自动拼在每一页数据的头和尾哦,这个能有效解决表格过长自动分页第二页断层的丑样子,加了表头跟好看呀j原创 2018-10-18 11:47:13 · 15867 阅读 · 0 评论 -
node后台获取用户ip
直接用就行,方法什么的是node内置的~~function getIPAddress(){ var interfaces = require('os').networkInterfaces(); for(var devName in interfaces){ var iface = interfaces[devName]; for(var i=0;i<iface....原创 2019-02-18 18:11:56 · 1206 阅读 · 0 评论 -
怎么写promise,初级promise的理解和使用
到底怎么写一个promise我想要实现的:数组[a,b,c](假设上传多个图片); 要把a,b,c 分别发给后台,后台一次只能接受一个;写代码如下:let promiseArr = []let tempPromise = new Promise((resolve, reject) => { wx.getImageInfo({ src: item,...原创 2019-04-09 18:22:52 · 499 阅读 · 0 评论