es6
文章平均质量分 59
清风笑~
display:none
展开
-
codeceptjs前端UI自动化测试
最近做UI自动化测试,就选择了codeceptjs。其框架好处文档里都有,比如场景驱动——从用户的角度编写验收测试。使测试可读且易于遵循。Driver Agnostic — 测试可以通过WebDriver、Puppeteer、TestCafe、Protractor、Appium等帮助程序运行。所有这些代码都是相同的。初始化项目npm init -ynpm install -g allure-commandlinenpm i codeceptjs --save一路回车键或者自行定义.b原创 2021-06-07 11:35:17 · 1232 阅读 · 5 评论 -
react中对PureComponent的深度认识
谈react优化其中最重要的一个组件就是PureComponent,主要的特点就是当数据即使发生深层次的变化,PureComponent也不会更新而且影响到子组件。那PureComponent和Component的之间的联系在哪里,以下是对react框架代码的一些理解。一、都是从React.js中暴露出来, 删除多此次不相关代码import {Component, PureComponent} from './ReactBaseClasses';const React = { Childre原创 2020-05-10 23:16:34 · 947 阅读 · 0 评论 -
小程序使用taro时集成redux-saga
使用taro开发小程序时,初始化小程序taro init myApp选择redux组件。可以看到redux中, store.js里使用的是redux-thunk管理异步import { createStore, applyMiddleware, compose } from 'redux'import thunkMiddleware from 'redux-thunk'import ...原创 2019-06-04 00:21:37 · 2025 阅读 · 0 评论 -
react使用redux时reducer的重用和去switch判断
通常在redux中写reducer时,根据action传递过来的type,进行判断,数据处理也是在reducer中。当然不用if 就用switch,大多数还用的switchexport default (state = initState, action) => { switch(action.type) { case LOGIN: retu...原创 2018-12-08 20:25:17 · 2018 阅读 · 0 评论 -
css3单位使用vh摆脱父级元素高度
在给元素设置高度时,一般使用px,但是当父类元素没有设置height时,子类设置height:*%,是没有高度的。main元素没有高度没设置,导致layout–1Ow-jP元素设置了高度为100%,也没有撑开,现有高度还是button元素的高度遇到这样的情况,只有从根元素开始html,body,root, main, layout--1Ow-jP { height: 100%}这样...原创 2018-11-27 17:31:58 · 1763 阅读 · 0 评论 -
记react中antd打包的坑体积太大和className命名
前端使用antd的时后打包体积太大, 如图1.6M还是挺大的,把antd所有的资源都加载进入了根据antd 官网的推荐,按需加载方式居于.babel配置这样再来看看打包分析的按需加载打包了button和layout 在src文件下也只引用了这个两个组件这样做很方便的,同时要在entry这里在添加一个antd就不对了, 又把整个antd打包进来了, 这样就不对了entry: {...原创 2018-11-26 13:07:20 · 8153 阅读 · 0 评论 -
nginx配置多个前端项目
最近一台服务器要配置多个前端项目,当然前后端分离就需要nginx来配置了。单个项目还好说,如下 修改nginx的nginx.conf配置文件#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error....原创 2018-09-06 15:40:23 · 27993 阅读 · 3 评论 -
跨界闭包之javascript,java,groovy
一提闭包,前端首先想到的肯定就是javascript的闭包,接着就是其特性,闭包里的变量常驻内存不会消失,外部函数可以访问内部函数的变量,似乎是摆脱了作用域的限制。那么就先说说前端js的闭包,最简单的一个例子 function closure1() { var tmp = 'hello world'; return function() { ...原创 2018-03-18 19:55:14 · 361 阅读 · 0 评论 -
vue中动态加入ECharts图表时,ECharts宽度自适应/不能100%撑开
首先上图吧, 关于vue动态加入echarts时,宽度不能100%的问题,首先上图 如图,echarts中的canvas的width才500,显然不对呀,右边还有那么大的一片空白,需要说明下交互步骤看看代码, 按钮触发click方法 显示弹窗或者动态加载组件 <span class="btn" @click="showecharts&原创 2020-06-14 17:54:41 · 25419 阅读 · 2 评论 -
react-native,redux,redux-saga组合开发实现
简单的说搞react开发的痛点之一,单向数据流的传递,redux统一管理数据,redux-saga又处理管理了异步调用。要实现的内容如下,界面目录结构首先从请求接口入手,用axios封装请求接口,统一处理请求 axios.jsimport axios from 'axios'let defaultConfig = { timeout: 3000,}let ...原创 2017-12-24 23:11:15 · 4405 阅读 · 2 评论 -
nodejs用expressjs框架搭建多人博客(一)
想学习点新东西就是开手写,就写了个简单的实现,利用node实现一个博客。主要的内容就在首页也能看到了。 话不多说,expressjs怎么创建项目选择ejs模板,之前的文章都写过了。首先从用户注册开始,有了用户才能根据id查找文章。 <%- include("../layouts/header", {cssAry: ['/style/reg/index...原创 2017-03-21 15:17:21 · 2156 阅读 · 0 评论 -
vue-cli的webpack配置,迁移适用到react开发配置webpack
最近搞vue,用的vue-cli,快速构建开发环境,当然核心还是集成的webpack。之前自己做react的webpack环境配置总觉得差强人意,于是就把vue-cli的迁移过来,感觉还是不错的。对应一般开发需要,下面需要修改的就在build和config目录下的几个文件中从webpack.base.conf.js 文件开始,无论生产环境还是开发环境都以这个为基础的,...原创 2017-10-26 22:44:45 · 2088 阅读 · 0 评论 -
添加自定义vue全局方法,同时给自定义的方法 传递component调用其方法
项目中会遇到一个组件/方法, 在多个地方被调用,比较方便的的方式之一,this.$custom(agruments) 这样就比较方便,不然用组件引入的办法调用就就比较麻烦,每可能都需要这样调用import coustom from './coustom'export default { components: { coustom }}<coustom :data...原创 2017-11-05 17:41:33 · 13065 阅读 · 1 评论 -
vue-cli 打包找不到 css 资源或者图片资源问题
用vue-cli 开发,要打包了,放到tomcat 上发现css 或者图片加载不出来,控制台一看是资源路径不对资源是在assets 目录下的彻底的解决办法 utils.js 文件中 if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, p...原创 2017-10-14 15:39:00 · 5037 阅读 · 2 评论 -
react-native结合react-navigation之TabNavigator
react-native开发需时肯定有tab的切换,或者页面的转调,当然用RN自身的Navigator也可以但是也不是那么方便react-navigation 就能满足很多大部分需求,如下图的三种切换方式,下面就说下TabNavigator 和StackNavigator的应用,才踏的一个坑,还是太年轻呀,横刀一撸!!!!主要的界面 用tab 切换即是TabNavigator, 切换如下...原创 2017-07-08 02:35:15 · 20988 阅读 · 3 评论