前端
文章平均质量分 75
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 · 1295 阅读 · 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 · 842 阅读 · 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 · 410 阅读 · 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 · 141 阅读 · 0 评论 -
阿里云oss图片的常用处理方法小结
代码转格式,缩略图HTMLCanvasElement.toDataURL() 方法返回一个包含图片展示的 data URI 。可以使用 type 参数其类型,默认为 PNG 格式。图片的分辨率为96dpi。如果传入的类型非“image/png”,但是返回的值以“data:image/png”开头,那么该传入的类型是不支持的。canvas.toDataURL(type, encoderOpti...原创 2019-09-10 10:21:54 · 10786 阅读 · 0 评论 -
mysql存表情失败,目前试过的两种解决方案
就是普通的手机表情,mysql没特殊配置之前,普通utf8,报错:Incorrent string value:’\xF0’。。。就这类错误,搜了一下,“utf8最大的一个特点,就是它是一种变长的编码方式。它可以使用1~4个字节表示一个符号,根据不同的符号而变化字节长度。其中Emoji表情是4个字节,而MySql的utf8编码最多3个字节,所以导致了数据插不进去”解决方案1:将字符集 utf8 ...原创 2019-04-26 16:40:25 · 1775 阅读 · 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 · 517 阅读 · 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 · 15959 阅读 · 0 评论 -
redux中,初步理解state,action , reducer到底怎么串在一起的
作为初级学者的一些想法 学习redux的时候总感觉查不到最符合心意的帖子,其实我只想先把最基本的逻辑跑通了,知道全局的state在哪里,在组件中怎么dispatch一个action,组建中怎么读取store 的state,需要引入什么文件之类的。目前了解的内容(代码就是举个例子,写的比较随便) 1.写anctionexport const func1 = data =&gt; ({...原创 2018-08-01 12:05:58 · 5272 阅读 · 1 评论 -
单行,多行文本溢出。。。
单行css样式,简单粗暴{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}多行css控制,有兼容性问题,webkit浏览器可用,一般不这样用{ display: -webkit-box; display: -moz-box; word...原创 2018-06-06 16:19:53 · 363 阅读 · 0 评论 -
使用第三方框架是一些样式的覆盖
react(ant-design-pro)项目问题小结组件默认样式怎么改一个组件渲染之后可能有很多内容,这些内容是无法在写的时候加类名的,所以,渲染页面上之后,查看代码,根据它渲染元素的类名在index.less里边覆盖样式就好了,覆盖不了的话就只能用万能的!important了。熟练:before和:after超有用。项目基本完成之后,设计竟然要求表格下边的分页和一个...原创 2018-03-31 11:45:41 · 223 阅读 · 0 评论 -
以ant design pro示例框架为基础的前端开发小结
如上图,为ant design pro基本机构,最外层还有一个重要文件.roadhogrc.mock.js。在该框架中,执行的基本逻辑如下:先搭建路由,src/common下有menu和router两个文件,先在menu里写入预备在slider里边展示的路径,然后在router里进行配置,将路由和文件的路径相匹配,并连接该页面的model(models文件夹下的文件,页面需要的)...原创 2018-03-16 18:28:00 · 6706 阅读 · 0 评论 -
requirejs小结
1.引入文件main.js是requirejs的主文件2.实现main.js// 配置requirejs.config({// 默认的基础路径(公共路径)baseUrl:"js",// 对应关系paths:{//注意,不要加.js"jquery":"libs/jquery-3.2.1","getData":"apps/getData"}});原创 2017-12-12 22:05:44 · 272 阅读 · 0 评论