jquery/js库/Jest
关注
分享
扫一扫
文章平均质量分 70
jquery和相关插件，
TDD jest 测试
胖鹅68
熟悉h5,jquery,css2/3,angular,ionic,springMVC,hibernate,spring,struts,mybatis,mysql,oracle,linux,android等技术
了解openfire开源系统，熟悉openfire的IM功能
展开
-
pdfjs（2.13.216）浏览器展示pdf文件
文章目录一、参考1.1 使用场景二、两个库文件三、案例（版本 2.13.216 ）3.1 自定义，使用canvase 展示3.2 自定义分页3.3 使用pdfjs 库的 viewer.html 展示一、参考pdfjs 官网在线查看PDF文件,pdf.js使用方法1.1 使用场景直接将pdf 在浏览器中展示出来将word转为pdf,然后再通过浏览器展示出来二、两个库文件一个pdf.js; 一个负责API解析加载pdf文件PDFJS.getDocument('helloworl原创 2022-03-24 15:30:22 · 1734 阅读 · 0 评论 -
axios以‘application/json‘方式传递数组Array作为参数
文章目录一、问题描述二、解决过程2.1 尝试着用后台提供的swagger发送请求，看看是否成功？2.2 尝试着用postman 发送请求，看看如何传递参数？三、使用axios 传递参数3.1 参考[axios gihub](https://github.com/axios/axios) 中的案例3.2 给出案例的的答案一、问题描述前后端分离，跟同事联调接口，后台定义的接口是application/json方式请求，参数为数组，却没有key，如图所示我第一反应是如果要传递JSON对象，至少要告诉我 J原创 2022-02-21 17:00:26 · 6283 阅读 · 0 评论 -
js-base64库学习
文章参考js-base64 npm问题描述工作中，java 开发同事需要将返回的 JSON 对象返回给 “第三方控件”，然后通过第三方控件 返回给web 浏览器，结果出现了乱码，经过定位反复调试，都没有解决该问题，由于“第三方控件”对于开发来说是黑盒，于是最终的解决办法是 java将返回的JSON对象转为Base64字符串，web浏览器拿到Base64字符串之后，再反解析为标准的JSON 对象。js-base64 库实现base64转换安装引用依赖库npm install --save js原创 2021-12-15 09:17:21 · 8974 阅读 · 0 评论 -
pubsub-js库实现“跨组件”数据传递
文章目录一、 参考应用场景描述使用说明快速入门(订阅——发布)发布匹配多个订阅 规则发布匹配公共订阅和个性化订阅 规则类似应用一、 参考pubsub-js npm地址应用场景描述在React和Vue开发中，如果遇到同级组件或者跨多级组件的数据传递，可以使用pubsub-js库实现“订阅和发布”的能力，实现“数据跨组件传输”使用说明快速入门(订阅——发布)// 参考 https://www.npmjs.com/package/pubsub-jsimport PubSub from 'pub原创 2021-11-29 10:34:03 · 644 阅读 · 0 评论 -
crypto-js 加密库学习笔记
文章目录文章参考一、现状二、解决问题三、crypto是什么?四、快速入门五、加密方式介绍Base64加密单向散列（hash）加密对称加密非对称加密谈撒盐（salt）加密加密(注册时)解密(登陆时)Hmac六、案例散列散列 + saltPBKDF2AESRSA文章参考https://www.liaoxuefeng.com/wiki/1022910821149312/1023025778520640https://www.npmjs.com/package/crypto-jshttps://githu原创 2021-05-26 11:03:12 · 1432 阅读 · 0 评论 -
react-big-calendar一个比较好的日历(schedule)添加事件标注插件
文章目录文章参考问题描述快速入门文章参考react-big-calendar githubreact-big-calendar 例子和文档问题描述最近想做一个用户根据日历（schedule）选择时间创建会议的功能，千挑万选最终找到 “react-big-calendar” 组件快速入门import React, { Component } from "react";import { Calendar, momentLocalizer } from "react-big-calendar"原创 2021-03-23 15:29:45 · 5035 阅读 · 2 评论 -
moment 日期控件国际化
文章目录文章参考问题描述解决办法第一种：使用moment 自带的国际化资源文件第二种：自定义国际化文章参考antUI Calendar组件react-big-calendar 组件问题描述最近想做一个用户根据日历（schedule）选择时间创建会议的功能，千挑万选最终找到 “react-big-calendar” 组件，结果改组件不支持国际化，而是将国际化交由其他组件了，例如 moment；因此问题就变为了如何将moment 组件国际化了解决办法第一种：使用moment 自带的国际化资源文原创 2021-03-23 15:18:25 · 929 阅读 · 0 评论 -
react使用fetch-mock模拟fetch请求的数据
文章目录文章参考什么是 fetchfetch 的优势fetch 与 ajax 的差异fetch-mock安装案例文章参考Jquery ajax, Axios, Fetch区别之我见什么是 fetchfetch是一种HTTP数据请求的方式，是XMLHttpRequest的一种替代方案。fetch不是ajax的进一步封装，而是原生js。Fetch函数就是原生js，没有使用XMLHttpRequest对象它的API是基于Promise设计的 在nodejs中使用需要引入 node-fetchfet原创 2021-01-06 12:02:14 · 2727 阅读 · 0 评论 -
axios get请求 传递数组
文章参考get请求如何传递数组参数问题描述当我们需要通过get方式传递一个数组作为参数 tag:[1,2,3,4]预期是解析为:https://www.cnblogs.com/enter?tag=1&tag=2&tag=3&tag=4然而真相是这样的：https://www.cnblogs.com/enter?tag[]=1&tag[]=2&tag[]=3&tag[]=4,后台是不可能解析到传递的参数qs插件qs在axios中自带的有我们无原创 2020-11-12 14:38:33 · 6000 阅读 · 4 评论 -
axios 下载文件使用mockjs会使文件异常
问题描述跟后台做excel导出的功能，发现用postman 和 swagger 调用下载接口，都是可以正常下载和打开但是自己用axios下载，发现下载的文件变大了（实际是7.6K 变为11K），并且打开文件提示“文件已损坏或者无法打开”查找资料axios下载excel踩坑记录（导出Excel总是报格式错误而且乱码）自己错误的原因因为自己方便开发，使用了Mockjs,导致下载excel出了问题代码说明/* * API * dev: 开发环境 test: 测试环境 p原创 2020-10-28 13:58:09 · 2253 阅读 · 0 评论 -
axios使用application/x-www-form-urlencoded和application/json传递参数的两种方式表现形式
文章目录问题描述jquery 正常的请求逻辑axios 请求'Content-Type': 'application/json' 请求'Content-Type': 'application/x-www-form-urlencoded' 请求问题描述今天跟后台调试接口，发现一个很奇怪的问题，使用jquery就可以访问后台的服务，但是使用axios就不行，说传递参数有误，并且返回400和跨域错误jquery 正常的请求逻辑下面代码是使用jquery 正常发送的请求$.ajax({ url原创 2020-05-08 19:05:46 · 24569 阅读 · 0 评论 -
axios快速入门（封装、设置header、配置说明）
文章目录文章参考axios创建实例作用是啥 可以不用吗?自定义 axios 封装axios 配置说明axios提供了一下几种请求方式config 参数说明文章参考axios创建实例作用是啥 可以不用吗axios npmaxios创建实例作用是啥 可以不用吗?默认会导出实例axios，通常你只需使用这个axios就可以了。但是有时候你需要创建多个实例，比如你需要访问多个服务地...原创 2020-02-20 22:21:26 · 11344 阅读 · 1 评论 -
TDD jest钩子函数
文章转自 前端自动化测试jest教程5-钩子函数文章目录jest中有4个钩子函数看例子更容易理解index.js 中写入一些待测试方法index.test.js 中写测试实例describe 的作用?再思考一下，如果我们不在测试实例中写入一些代码，执行顺序是怎样的呢？？？jest中有4个钩子函数beforeAll：所有测试之前执行afterAll：所有测试执行完之后beforeEa...转载 2020-02-04 23:09:36 · 322 阅读 · 0 评论 -
TDD jest 异步代码测试
文章转自 前端自动化测试jest教程4-异步代码测试文章目录应用场景安装axios例子演示index.js 中写异步代码错误测试示例index.test.js 中重新写正确的测试用例应用场景在实际开发中，肯定会用到异步请求，请求后台的接口数据，这里我们就使用 axios 来请求数据安装axiosnpm install axios --save 例子演示index.js 中写...转载 2020-02-04 22:43:07 · 520 阅读 · 1 评论 -
TDD jest 匹配器matchers
文章目录toBe(value)：匹配值，相当于===.toEqual(value)：匹配值，只匹配内容不匹配引用，可以用于引用类型的匹配.toBeNull()：匹配null.toBeUndefined()：匹配undefined.toBeNaN()：匹配NaN.toBeTruthy()：匹配结果为true的值.toBeFalsy()：匹配结果为false的值.toBeDefined()：匹配已定义...转载 2020-02-04 22:32:53 · 364 阅读 · 0 评论 -
TDD jest 快速入门
文章目录文章参考TDD 三大原则TDD开发实际问题为什么选择jest，不选择mocha?jest优点安装测试安装依赖库新建测试文件文章参考前端自动化测试jest教程1-配置安装一次学会使用 mocha & jest 编写单元测试TDD 三大原则从写测试开始一旦测试失败，就开始写功能一旦功能通过测试，就开始写新的测试TDD开发实际问题测试用例难写要针对不同功...原创 2020-02-04 19:34:37 · 648 阅读 · 0 评论 -
artTemplate 嵌套循环
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...原创 2019-09-17 20:55:52 · 687 阅读 · 0 评论 -
jquery defered 对象学习
文章参考 http://www.ruanyifeng.com/blog/2011/08/a_detailed_explanation_of_jquery_deferred_object.html 简单说，deferred对象就是jQuery的回调函数解决方案。在英语中，defer的意思是"延迟"，所以deferred对象的含义就是"延迟"到未来某个点再执行。 jquer原创 2017-01-30 00:46:12 · 647 阅读 · 0 评论 -
在ionic中用 ajaxfileupload.js 插件上传文件
1、定义一个file表单，并隐藏 附件 上传照片 注意事项：1）、file控件在angular中没有所谓的“ng-change”事件，因此，只能使用“原生事件”2）、onchange="angular.element(this).scope().startUpload()" 是将原生事件引入到对应的$scope链中。 2、逻辑co原创 2016-09-07 18:11:46 · 659 阅读 · 0 评论 -
Jquery “选择”和“筛选”概念的区分
选择：从DOM树中找到自己需要的对象筛选：经过选择之后对象任然不满足自己的需要就要进一步的筛选，它是jquery中的定义的函数或者是方法，也就是进一步的选择原创 2013-12-04 10:18:21 · 1788 阅读 · 0 评论 -
动态给table 添加 tr(行)，实现添加多个对象
usually function 序号 姓名 年龄 生日 备注 删除 用户输入表单： 姓名 年龄 生日 备注 添加原创 2013-12-04 10:27:29 · 1298 阅读 · 0 评论 -
jquery ajax直接提交表单
下面给出查看帮助文档的例子 $(function(){ $("#results").append( "" + $("form").serialize() + "" );});Results: Single Single2 Multiple Multiple2 Multi原创 2013-12-04 10:21:56 · 513 阅读 · 0 评论 -
tipswindow 控件学习（弹出效果）
down 1.0关于插件：一个基于jQuery的弹出层。支持拖拽，支持内容为文字，图片，URL等!至于兼容性。在IE6下，弹出对像无法绝对固定。其他应该没啥大问题；应用演示：弹出文本信息提示： tipsWindown("提示","text:提示信息内容","250","150","true","","true","msg")弹出页面中的某个ID的html： tipsW原创 2013-12-04 10:30:37 · 687 阅读 · 0 评论 -
JS面向对象入门(jquery思想)
class_obj_js_class var userObj = function(){ }; userObj.prototype={ age:0, name:"huangbiao", getUserName:function(){ return this.name; }, getUserAge:原创 2013-12-04 09:42:08 · 522 阅读 · 0 评论 -
div ul li模拟下拉选项(option标签)
现在很多页面为样式的美观，对option标签的使用越来越少了，而是自己定义一种样式来模拟这样的情况，下面这个例子是我自己写的方法，但是没有做css样式，希望大家能够明白我在说什么 $( function(){ $("#lang").click(function(){ if("block" == $("#huangbiao").css("displa原创 2013-12-04 09:53:54 · 6042 阅读 · 0 评论 -
jquery 选中checkbox兼容问题
今天在做一个checkbox选中功能的时候，在本地测试已经通过，但是把代码上传到服务器上测试却是功能不能正常工作！最后老大告诉我本地和线上的jquery插件不一致，虽然我知道jquery插件有浏览器兼容的问题，但是这个还是自己第一次遇到或者说是留意到这个问题，下面将我做的写下来，提供给大家学习 $(document).ready( function()原创 2013-12-04 09:54:09 · 870 阅读 · 0 评论 -
jquery查找最近的父节点
查找当前控件最近的table usually function table1 table2 table3 $(function(){ $("td").bind("clic原创 2013-12-04 10:12:34 · 1895 阅读 · 0 评论 -
ajax请求在IE中响应，在Firefox中无法响应的原因
在工作中碰到这么一个问题，发送ajax请求，在IE和chrome中可以正常的响应，但是在Firefox中无法响应，代码如下： function abc() { $.ajax({ type: "POST", url: "${pageContext.request.contextPath}/appManager/delAction.do",原创 2013-12-04 10:29:31 · 794 阅读 · 0 评论 -
jquery.validate 学习笔记（验证form表单工具）
在网上找了一些资料，很多对表单验证的工具需要指明表单的控件的name 或者 id，就需要自己写JS代码来指明哪些控件需要添加校验，如果页面很多，自己JS的工作量还是比较大的，还不如自己写代码去校验，因此我选择了jquery.validate.js这个工具，它只需要在控件中添加对应的属性就可以了，不需要再写JS代码去指明哪些控件需要校验表单内容。 修改默认提示信息的方法/* 默认提示信息原创 2013-12-04 10:27:34 · 592 阅读 · 0 评论 -
jquery live()函数原理及实现
jquery live()函数原理及实现 table{ border-collapse:collapse; border-spacing:0; } td{ border:1px solid #cdcd原创 2013-12-04 10:30:47 · 839 阅读 · 0 评论 -
jquery根据name属性查找
$("div[id]") 选择所有含有id属性的div元素 $("input[name='newsletter']") 选择所有的name属性等于'newsletter'的input元素 $("input[name!='newsletter']") 选择所有的name属性不等于'newsletter'的input元素 $("input[nam原创 2013-12-04 10:12:13 · 522 阅读 · 0 评论 -
jquery查找一个table中的对象
下面的例子只要根据当前的obj就能够查找他的父级节点和兄弟节点。 usually function原创 2013-12-04 10:11:38 · 1076 阅读 · 0 评论 -
使用jquery层级查找注意tbody
使用jquery查询内容的时候，关于table需要注意：今天使用parent()方法查父亲table，但是一直提示查询不到，看代码就是已经到了table这个标签，最后用调试工具发现table标签下面还有一个tbody,这个标签在HTML代码中没有显示出来原创 2013-12-04 10:12:23 · 900 阅读 · 0 评论 -
jquery queue()队列学习
http://www.cnblogs.com/snandy/archive/2013/02/18/2892749.html 先看例子入门function cb1() {alert(1)}function cb2() {alert(2)}var arr = [cb1, cb2]; $.queue(el, 'mx', cb1); // 第三个参数为function$.q原创 2016-09-07 17:57:39 · 582 阅读 · 0 评论 -
格式化table长度
在开发的过程当中，经常会碰到展示列表内容过长，因此需要修改代码，将显示的长度设定为合适的长度，使界面变得美观 field1 field2 field3 field4 field5 11111111111111111111111111 111111111原创 2013-12-04 10:29:51 · 542 阅读 · 0 评论