2021年01月_一个假的前端男

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 echarts labelLine(引导线)呈水平展示

通过labelLine属性把第一段引导线设置为0 labelLine: { length: 0, // 第一段引导线的长度 length2: 50, // 第二段引导线的长度 show: true, color: "#00ffff", }...

2021-01-29 11:39:58 3601 1

原创 vue-cli2.x rem配置

配置 flexible安装lib-flexiblenpm i lib-flexible --save在项目入口文件 main.js 里引入 lib-flexible引入 lib-flexibleimport 'lib-flexible/flexible'px 转 rem安装 px2rem-loadernpm install px2rem-loader在 vue-cli 生成的 webpack 配置中，vue-loader 的 options 和其他样式文件 loader 最终是都是由

2021-01-28 14:32:18 270

转载 uni-app 腾讯地图选址

需求：在H5实现地图选点功能步骤：1、官方文档有详细介绍官方地址2、个人操作步骤：申请你的key 官方地址：官网地址3通过webview嵌入组件，只支持新页面，不支持弹框形式<web-view src="https://apis.map.qq.com/tools/locpicker?search=1&type=1&key=你的key&referer=myapp"></web-view>监听点击位置信息的返回值// #ifdef H5

2021-01-27 23:57:35 582

原创 uni-app uview 的安装

本文通过npm 安装具体见官网1、安装node-sass sass-loader输入npm i node-sass sass-loader -D2、创建package.jsonnpm init -y3、安装uviewnpm install uview-ui4、引入uView主JS库// main.jsimport uView from "uview-ui";Vue.use(uView);5、在引入uView的全局SCSS主题文件/* uni.scss */@i

2021-01-27 23:49:44 260

转载 uni-app 自定义图标

1、在page.json里的配置项主要注意：fontSrc：图标类型为ttf text为图标的unicode编码 float决定了图标时的位置{ "path": "pages/my/index", "style": { "app-plus": { "titleNView": { "buttons": [{ "text": "\ue605", "fontSrc"

2021-01-27 22:22:22 754

转载 vue-cli3 rem 适配

项目构建：基于vue-cli3构建，使用postcss-px2rem px2rem-loader进行rem适配实现原理：每次打包，webpack通过使用插件postcss-px2rem，帮我们自动将px单位转换成rem单位第一步安装postcss-px2rem及px2rem-loadernpm install postcss-px2rem px2rem-loader --save第二部在根目录src中新建util目录下新建rem.js等比适配文件（可根据自己要求放置）// rem等比适.

2021-01-27 11:02:50 389

原创 ps 如何使文字弯曲

1、通过椭圆选框画一个圆2、通过路径下方的从选区生成工作路径3、点击文字工具移至你圆上出现下方符号4、输入文字即可如果想在圆的下方生成文字如图则需要在上方步骤下通过路径选择工具具体操作如下图...

2021-01-26 16:33:29 4819

原创 table 标签边框如何正常显示

这里是引用<table class="my-table"> <tbody> <tr> <td>告警ID:</td> <td>{{tableDataDetail.alarmSensitive.id}}</td> <td>源IP:</td> <td>{{t..

2021-01-25 18:07:58 399 1

原创 Nginx -- 前端打包后的效果现在观看

Nginx 的下载根据系统选择适合自己的版本Nginx官网Nginx 的安装下载好的安装包直接解压Nginx 的使用1、你找到conf文件下的naginx.conf文件对其进行修改#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/n

2021-01-22 14:59:18 269 1

转载 css 流动边框，蚂蚁线

蚂蚁线的效果蚂蚁线的解剖效果通过4条虚线的移动产生效果1、盒子相对定位 4条虚线绝对相对2、通过 transform: translateX(-200px); -200px 是使

2021-01-20 22:03:23 923

原创封装日期格式化函数

const date = new Date('2021-1-20 21:05:12') function formartDate(date, formart = 'YYYY年MM月DD日 HH:mm:ss') { // 第二个参数为默认参数也可传自己想要的格式 const config = { YYYY: date.getFullYear(), MM: date.getMonth(), DD: d...

2021-01-20 21:14:48 241

转载使用css3的linear-gradient线性渐变实现虚线图形

开发过程中，有画出虚线的需求：果使用border的dashed的属性，虽然也是虚线，但是不能控制每一个虚线的宽度可以使用css3的linear-gradient进行虚线的绘制:html：<div class="dashedBorder"></div>css:.dashedBorder{ height: 1px; background:linear-gradient(to right, rgba(0,0,0,0.1), rgba(0,0,0,0.1)

2021-01-20 11:48:58 628

原创加载动画

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { m

2021-01-18 17:14:39 90

原创 css字体强制换行

word-wrap: break-word;word-break: break-all;

2021-01-14 15:43:26 191

原创 echarts地图根据数据显示不同的颜色

visualMap 是视觉映射组件，用于进行『视觉编码』，也就是将数据映射到视觉元素（视觉通道）piecewise 分段var province = ['福建', '江苏', '浙江', '安徽', '广东', '北京', '山东', '上海', '辽宁', '四川', '河北', '河南', '湖南', '山西', '江西', '内蒙古','湖北', '广西', '重庆', '天津','陕西', '贵州', '宁夏', '云南','吉林','青海', '新疆','黑龙江', '甘肃'.

2021-01-14 14:25:56 5774 1

原创地图边界线下载地址

添加链接描述

2021-01-14 11:14:22 265

原创 js 中typeof的返回值

返回值主要有 number string boolean object function undefinenumber : 对于数字类型的操作数或者一些特殊值如下列特殊值Infinity 表示无穷大NaN 特殊的非数字值Number.MAX_VALUE 表示最大数字Number.MIN_Value 表示最小数字Number.NaN 特殊的非数字值Number.POSITIVE_INFINITY 表示正无穷大的特殊值Number.NEGATIVE_INF

2021-01-06 22:41:02 262

原创 css3 字体拉伸

添加链接描述

2021-01-06 17:36:30 360

原创在VUE中使用中国天气网插件

第一步在中国天气网根据自己的需要修改配置并生成代码中国天气网:链接第二步<div id="weather-v2-plugin-standard"></div>第三步mounted() { //天气插件配置 window.WIDGET = { CONFIG: { layout: 2, width: "386", height: "356", background: 4,

2021-01-06 11:41:34 756

原创 echarts 柱状图标注为三角形

2021-01-05 17:59:08 873 1

原创 css3 盒子四角边框的实现

重点1、:父相子绝 2、通过伪类before after 添加相应方向的边框实例代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title&gt

2021-01-04 20:57:53 703

贴图工具贴图工具zip

贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴图工具zip贴图工具贴

2024-03-27