fe_梅小西-CSDN博客

原创 flex布局全解（一看就懂）

flexBox的布局方式主要分为两个角色Flex ContainerFlex Items对Flex Container的设定flex-direction（设定Flex Items的排序方向）当flex-direction：rowmain-axis(主轴)是row，cross-axis(交叉轴)是column当flex-direction：columnmain-axis(主轴)是column，cross-axis(交叉轴)是rowjustify-content设定主轴的排序方向

2020-12-07 20:06:50 724

原创 echarts使用技巧、常用配置和api，使用教程

按需引入(https://github.com/apache/incubator-echarts/blob/master/index.js)tooltip提示框添加点击事件：tooltip: { enterable: true //鼠标是否可进入提示框浮层中},tooltip显示超出视图范围的解决方法将tooltip限制在容器内tooltip: { confine: true},为tooltip添加额外样式tooltip: { extraCssText: 'z-ind

2020-09-07 15:27:08 1588 2

原创前端使用文件流接口下载文档的处理方法

GET方式：func_export(){ let url = "/xxx/xxx/xxx/downloadFile?fileName=" + fname; window.open(encodeURI(url)); }POST方式：func_export(){ let params = { "userId":s...

2019-08-29 16:50:06 1982

原创前端构建工具Grunt的使用

Grunt和所有grunt插件都是基于nodejs来运行的。使用前需安装node.js。第一步：全局安装Grunt。npm install -g grunt-cli第二步：创建项目在【package.json】文件中添加一些东西{ "name": "project", "version": "0.1.0", "devDependencie...

2019-05-15 14:20:42 227

原创 vuex的使用简介

vuex安装完成后我们在【src】目录下新建一个【store】目录，目录内新建一个【index.js】文件；首先在【index.js】文件中引入vue及vuex，并创建vuex实例import Vue from 'vue';import Vuex from 'vuex';Vue.use(Vuex);// 创建vuex实例const store = new Vuex.Sto...

2019-05-09 16:08:10 174

原创 vue中slot插槽的使用

父组件中<div class="right"> <router-view> <h1>你还好吗？</h1> </router-view></div>div>子组件中<template> <div class="welcome"> welcome...

2019-05-07 10:31:21 1076

原创微信小程序自定义组件简单实现

本文将教你如何实现一个自定义的toast提示框，实现后的基本效果图如下:小程序中一个自定义组件由 json wxml wxss js 4个文件组成的。下面我们一步一步地来创建文件及完成其中的配置：step1：创建自定义组件首先创建一个components文件夹，用于放置所有自定义的组件，创建之后的目录结构为其中的toastedit是我们本次要实现的toast提示框组件。step2：基本配置toas...

2018-03-02 10:30:03 7146

原创微信小程序自定义toast的简单实现

小程序官方文档里面的wx.showToast(OBJECT)比较局限，没法把图标去掉，用起来有很多不方便，趁有空就还是自己写个简单的出来用用吧！具体实现：wxml：wxss：js：为了方便调用，我把js部分的内容写道了app.js里面。下面说说怎么引用：首先引用模板内容：再引用样式最后是使用的方法：好了，一个非常简单的弱提示弹框就实现了，现在只能够定义提示的内容和显示的时间，其它的可以再加，也很方...

2017-10-10 17:42:07 1506

原创 canvas的drawimage使图片失真变模糊的解决方法

这几天做了个刮刮卡的活动，用的是wScratchPad.js。发现刮开之后的图片变得好模糊，，解决方法是通过把canvas先放大一倍，然后再通过transform: scale(0.5);使canvas回到原来的尺寸最后还需要对wScratchPad的源码进行修改。修改前：修改后：这个解决了canvas进行transform: scale(0.5);处理后刮卡位置出现偏移的问题。最后刮出的效果为：...

2017-05-31 15:45:26 16134

csdn_梅小西的博客