前端

前端自动化测试jest教程8-snapshot快照测试

由 孤者浪人 提交于 2020-01-28 03:11:28
准备条件 以第1节教程的创建的目录和代码为基础进行讲解。如果没有看过第1节教程，请关注我，查看以往该系列的文章 这节教程主要讲解在jest中的怎样进行快照测试，将第1节的代码复制一份，并且把 index.js 和 index.test.js 文件内容全部清空 在 index.js 中写入一些待测试方法 export const data1 = ( ) => { return { name : 'Jsoning' , age : 26 , time : '2020.1.1' } } export const data2 = ( ) => { return { name : 'Jsoning' , age : 26 , time : new Date ( ) } } 在 index.test.js 中写入一些测试实例 import { data1 , data2 } from "./index" it ( '测试快照 data1' , ( ) => { expect ( data1 ( ) ) . toMatchSnapshot ( { name : 'Jsoning' , age : 26 , time : '2020.1.1' } ) } ) it ( '测试快照 data3' , ( ) => { expect ( data2 ( ) ) . toMatchSnapshot (

黑马程序员：从零基础到精通的前端学习路线

由 廉价感情. 提交于 2020-01-28 01:20:03
黑马程序员：从零基础到精通的前端学习路线 随着互联网的深入发展，前端开发工程师一跃成为市场上非常抢手的人才。很多同学，包括以前做UI的、Java的、或者对于IT完全零基础的同学都想学习前端。下图是网上流传甚广的一张前端学习思维导图，很多初学者表示看到这些密密麻麻的知识点就已经晕了。确实，前端是一门涵盖面很广的学科。但是想学前端的你也不用慌张，内容虽多但有迹可循，只要循序渐进就不怕学不好前端！ 那么前端开发到底需要学什么？应该怎么学？接下来黑马程序员前端学院教你如何从零基础学习前端。 一、前端开发入门 在入门阶段，你首先要学会最基本的技能：根据UI的设计稿，实现HTML的静态页面制作。这就要求你得掌握HTML、CSS页面布局排版、样式美化等技能。 在这个阶段你需要学习： 1、HTML+CSS基础 掌握HTML的标签使用、排版技巧、CSS的布局定位、样式美化、浏览器兼容性。 2、JavaScript基础 掌握JS的基本语法、条件、语句、循环等，学会常用算法，增强逻辑性。 3、常用的前端工具 比如Webstrom、Sublime、Dreamweaver等。掌握其快捷键设置等技巧，可快速提高开发调试效率。 这个阶段的学习难度相对不高，学完这些之后，我们已经能完成静态页面的制作。当然，这只是入门，如果你想用这些技能找工作的话还是比较困难的。 二、前端开发初级 在接下来的这一个阶段

【前端开发工具】WijmoJS 2018 v3 正式发布，全面支持Angular7

由 丶灬走出姿态 提交于 2020-01-27 13:09:51
WijmoJS（前端开发工具包） 2018年度第三个大版本已经正式发布，本次更新除了全面支持Angular7之外，还允许用户使用Web Workers在前端更高效地导出PDF、智能的分组表头属性、全新的Ribbon主题示例以及OLAP功能增强。 ​ ​ ​ 本次主要更新特性有： WijmoJS 全面支持Angular7 更高效的纯前端 PDF 导出功能 智能的分组表头属性 轻松创建 Ribbon 主题示例 OLAP 数据切片器及其功能增强 葡萄城免费公开课预告： 主题：WijmoJS 前端开发工具包 - 新功能详解 时间：2018/11/29（星期四）下午14：00 讲师：李欣 -- 葡萄城 WijmoJS 产品经理 直播地址： http://live.vhall.com/763947560 ​ ​ 以下是本次更新详细内容，让我们去了解一下： WijmoJS全面支持Angular7 ​ WijmoJS拥有一流的Angular支持。随着最新版Angular的发布，您已经可以使用2018 V3版本的WijmoJS来构建Angular 7应用程序了。 >>点击此处，阅读WijmoJS 全面Angular 7的技术博客。 使用Web Workers让前端 PDF 导出效率更高效 做过前端开发的应该都深有体会，PDF导出通常会降低Web应用程序的速度，这是由于导出发生在浏览器的UI线程中

前后端分离+基于Vue实现的ElementUI基础

由 坚强是说给别人听的谎言 提交于 2020-01-27 05:28:58
1.前后端分离概念 前后端分离是一种 web架构设计模式。在开发阶段，前后端工程师约定好数据交互接口，实现并行开发和测试；在运行阶段前后端分离模式需要对web应用进行分离部署，前后端之前使用HTTP或者其他协议进行交互请求。 1.1交互形式： 后端为前端提供约定好的接口(controller层)，通过restful的形式将数据传送给前端接收展示，最后渲染到浏览器上。 1.2人员分配： 前端（CSS+HTML+JS等） 后端(java服务器 ) 1.3代码组织方式： 未分离：前后端共用一个代码库，代码存放在同一个工程中。 半分离：前后端共用一个代码库，但是代码分别存放在两个工程中。后端不关心或很少 关心前端元素的输出情况，前端不能独立进行开发和测试，项目中缺乏前后端 交互的测试用例。 真分离：前后端代码库分离，前端代码中有可以进行Mock测试(通过构造虚拟测试对 象以简化测试环境的方法)的伪后端，能支持前端的独立开发和测试。而后端 代码中除了功能实现外，还有着详细的测试用例，以保证API的可用性，降低 集成风险。 1.4前端环境搭建： ①. 使用idea创建一个static web 静态web项目 ②.在npm命令控制台执行命令： vue init webpack 生成vue项目 ③.运行项目 npm run dev 运行成功状态： 2.ElementUI 2.1安装： 在

react-router-dom5.x使用示例

由 南笙酒味 提交于 2020-01-27 05:19:19
react-router-dom5.x使用示例 安装 使用 BasicExample--基础实例 UrlParams--动态路由 Nesting--嵌套路由 AuthRoute--路由鉴权 CustomLink--自定义路由 PreventingTransitions--阻止过渡 NO Match--404 Sidebar 侧边栏 config 路由配置 Query parameters 查询参数 学习资源推荐 微信扫码关注公众号 ： 前端前端大前端 ，追求 更精致 的阅读体验 ，一起来学习啊 关注后发送关键 资料 ,免费获取一整套前端系统学习资料和老男孩python系列课程 安装 npm install --save react-router-dom 使用 import React from 'react' ; import { BrowserRouter as Router , Route , Link } from "react-router-dom" ; import Home from './components/Home' import News from './components/News' import Music from './components/Music' //exact表示严格匹配，去掉的话，访问/news实际会渲染Home，News两个组件

前端解析数组Json字符串中有\r\n换行符

由 依然范特西╮ 提交于 2020-01-27 03:07:32
将Json字符串中所有的\r\n转成\\r\\n 注意：不能使用replace(/[\r\n]/g, "\\r\\n")同时\r\n转换，如果是\r\n连续出现的时候，就会被替换两次，三次....死循环下去。 可以分两次转换： replace(/[\r]/g, "\\r").replace(/[\n]/g, "\\n") 来源： CSDN 作者： Vic zhao 链接： https://blog.csdn.net/zhaoxl0210/article/details/103630983

前端学习路径

由 依然范特西╮ 提交于 2020-01-27 00:03:46
HTML（3-4天） CSS（5-7天） google首页 js（一周-两周） 2048游戏 git/github（2天） fecth 微信机器人 框架 来源： CSDN 作者： TOKI不吃海鲜 链接： https://blog.csdn.net/qq_42736179/article/details/104089798

前端学习--HTML入门第一天

由 核能气质少年 提交于 2020-01-26 22:12:07
目录 HTML的基本概念 什么是HTML 什么是HTML标签（HTML TAG) 网页 第一个HTML文档 用记事本编写第一个HTML文件 编写HTML文件 文件的保存 web解释 可能遇到的问题 HTML常用标签 标题 段落 图像 链接 HTML的基本概念 什么是HTML HTML是超文本标记语言（ H yper T ext M arkup L anguage），用来描述网页。 不是C,C++之类的编程语言，而是一种标记语言 标记语言是一套标记标签 HTML利用标记标签来描述网页 什么是HTML标签（HTML TAG) 用<>括号括起来的关键字 一般是成对出现的，标签对中第一个标签称为开始标签，第二个标签称为结束标签 网页 网页==HTML文档，包含HTML标签和纯文本 网页的开发步骤 编写HTML文档 使用WEB浏览器打开HTML文档 WEB浏览器读取 HTML 文档，并以网页的形式显示出它们。 浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容 第一个HTML文档 <html> <body> <h1>Header 标题</h1> <p>段落</p> </body> </html> <html> 与 </html> 之间的文本描述网页 <body> 与 </body> 之间的文本是可见的页面内容 <h1> 与 </h1> 之间的文本被显示为标题 <p> 与 </p>

django项目表单校验

由 安稳与你 提交于 2020-01-26 21:09:56
django项目表单校验 校验通常使用用来对用户输入和输入规范的比较。form表单提供给开发者和使用者更好的交互体验。但是往往用户提交的内容并不让人满意，所以需要校验来限制form表单提交内容的格式和内容。基于实现的原理，我们把校验分为： 前端校验：写在html上，用来对前端input进行校验，编写简单，直观。但是如果有一定技术的用户绕过页面进行提交，就容易发生问题。 后端校验：写在视图函数保存数据的部分，在保存数据到数据库或者对数据进行判断之前，进行校验，这样校验，比较复杂，但是安全程度高，大部分前后端校验都有。 前端校验 form表单校验onsubmit的值是true还是false js当中定义对应的函数进行判断 后端校验 django为开发者提供了完整的后端校验模块，这个模块叫forms类。 form表单定义步骤： 创建forms文件（在app下） 编写form类 在视图当中调用form类 在前端使用form类 注意 : form表单提供了html代码，但是需要保证html的灵活性 form表单类不会生成form标签获取其他父级标签（ul,table）， 同样不会生成提交按钮，所以在使用form类生成html的时候需要如下写 form表单字段属性 widget error_messages 校验的流程： 1、创建表单实例 2、将请求数据出入表单实例 3、发起校验 4
订阅 前端