![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
WEB前端
文章平均质量分 56
王天平·Jason Wong
这个作者很懒,什么都没留下…
展开
-
echarts5 折线图平滑曲线 渐变区域填充样式
echarts5 折线图 区域渐变样式原创 2022-05-10 18:20:47 · 1359 阅读 · 0 评论 -
前端websocket封装+自动重连+心跳
前端websocket封装+自动重连+心跳原创 2022-04-20 10:10:37 · 759 阅读 · 0 评论 -
threejs 初始化封装
threejs 初始化封装对threejs场景进行初始封装,以便多项目复用。自用学习记录仅供参考,欢迎留言。初始化包括以下:场景初始化相机初始化灯光初始化,点光源,平行光,环境光初始化渲染器初始化鼠标控制器通过new Web3DRenderer() 实例化以后可以拿到以上所有初始化对象。import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'const THREE = require('thr原创 2021-08-27 14:49:56 · 1100 阅读 · 2 评论 -
史上最详细wordpress部署教程 centos7+mysql+nginx+php7
部署环境系统:CentOS 7 x64环境:nginx + mysql5.7 + php7.4版本:wordpress 5.7.x安装nginx安装yum工具,vim编辑器,wget下载工具sudo yum install yum-utils vim wget -y用vim编辑器添加repo文件sudo vim /etc/yum.repos.d/nginx.repo添加yum源,按i键进入输入模式,添加以下代码,按esc键退出编辑模式,输入 :wq 保存文件[nginx-stable原创 2021-06-27 19:40:44 · 8017 阅读 · 6 评论 -
CSS 与 BEM
CSS 与 BEM1.什么是BEMBEM就是 block 、 element、modifiers 的缩写。利用命名空间来创建block,然后用 .block__element 来选择元素,用 .block-modifiers 来修改block一些属性,从而在class命名上就可以一眼看出其功能,简而言之BEM实际上可以理解为CSS一种编写规范。2.创建block与Selectorblock的创建其实很简单,就是给元素命名一个class,可以是一个组件 .form 或者是一个页面 .page,像原创 2021-01-19 16:42:28 · 178 阅读 · 0 评论 -
vue3 中文档 Composition API Setup
vue3 中文档 Composition API SetupSetup参数 ArgumentsPropsContextAccessing Component PropertiesUsage with TemplatesUsage with Render FunctionsUsage of thisSetup参数 Arguments1.props 组件props2.context 执行上下问Propssetup函数的第一个参数就是props。没错,和你想的一样,他就是标准组件中的props,在s原创 2020-12-09 18:00:05 · 1077 阅读 · 0 评论 -
高德地图去除水印
前言 因一些业务场景需要,客户要求去除高德地图的水印,查找了一些资料发现通过修改样式即可实现隐藏。步骤版本 :高德地图js web api sdk 1.4.151.引入高德地图api sdk2.添加如下样式到项目全局.amap-logo { display: none!important; visibility: hidden!important;}.amap-copyright { display: none!important; visibility..原创 2020-09-11 11:11:18 · 4187 阅读 · 3 评论 -
vue-cli 分环境打包 附加打包时间
前言在开发项目的时候,调用后端接口难免遇到要切换各种环境的情况,比如开发联调后端开发,联调测试,联调线上,打包测试,打包正式等等,每次切换都需要切换不同的请求服务地址,手动改来改去比较麻烦,那么能否通过一条命令就能自动切换环境,答案是可以的,本次着重解决这个问题。适用环境配置vue-cli:3.x、4.x步骤首先配置 项目根目录下的package.json文件的scripts,在运行命令后面添加 --mode dev,可以根据需要自定义运行环境名称--mode 环境名,我添加了...原创 2020-05-25 15:20:20 · 2423 阅读 · 0 评论 -
vue 浏览器保存后端文件流到本地 | 前端文件流下载文件
前言本次主要分享一下前端如何保存后端返回文件流到本地,是否为vue项目均可。关键点:axios URL.createObjectURL实现思路: 首先设置axios的响应类型为 responseType: 'blob' ,也就把流文件转换成blob对象;其次用window.URL.createObjectURL()方法生成一个blob对象的url(暂且这么描述吧,主要是太菜了);最后用a标签调用浏览器的文件下载。 大概就是这样的思路吧,上代码。配置ax...原创 2020-05-11 14:05:20 · 15555 阅读 · 1 评论 -
vue高德地图搜索功能
一、开发环境:vue版本:v2.5.2vue-cli版本:v2.9.3webpack版本:3.6.0高德地图api版本:JavaScript API V1.4.12二、直入主题首先在,index.html文件中引入高德地图api <script type="text/javascript" src="https://webapi.amap.com/maps...原创 2019-02-15 11:31:23 · 12118 阅读 · 7 评论 -
vue多级菜单的实现
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一:使用Tree 树形控件,官方文档https://www.iviewui.com/components/tree以官方demo为例,数据中添加URL属性,用于路由跳转,正式项目中该tree控件的数据由后端给出,需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ,如果没有自己手动加或后端改,没有...原创 2019-01-25 10:15:30 · 10327 阅读 · 0 评论 -
主题色切换功能实现
1.使用Window全局变量,把当前皮肤名称变量写入全局,const colorList = ['default','red','green']; //全局变量Window.themeColor=colorList[0]; //写入Window对象2.使用less生成对应皮肤的样式,使用less中的变量函数,通过不同的颜色参数生成对应颜色的皮肤; 在less中...原创 2019-01-09 11:56:07 · 3777 阅读 · 0 评论 -
iview中checkbox混合了disabled的选项时取消全选时保留disabled禁用选项
先上一段官方全选的demo代码,官方效果https://www.iviewui.com/components/checkbox为了演示先将苹果选项disabled<template> <div style="border-bottom: 1px solid #e9e9e9;padding-bottom:6px;margin-bottom:6px;">...原创 2019-01-24 11:58:48 · 2788 阅读 · 1 评论 -
VUE cli打包后打开白屏解决办法
使用vue cli脚手架可以快速搭建开发环境,但是开发完以后想要在本地浏览器打开的时候却是白屏的。What the F ???? 一番折腾终于找到解决办法。项目环境版本:vue 2.5vue-cli2.9 (3.0版本需要使用Vue.config.js配置,请自行参考官方文档)webpack 3.6解决办法:找到 config/index.js 文件修改build字段中...原创 2019-01-08 14:33:17 · 5903 阅读 · 0 评论 -
VUE axios 跨域问题 No ‘Access-Control-Allow-Origin‘ header is present on the requested resource.
开发环境中,使用axios调用接口时,出现跨域的时候会被浏览器拦截,故而造成请求失败,并且在控制台中显示No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8081' is therefore not allowed access....原创 2019-01-07 09:20:04 · 56745 阅读 · 17 评论