- 博客(23)
- 收藏
- 关注
RSS订阅原创 vue2、vue3打包版本号
适用于正式生产打包时在dist目录下生成zip压缩包，并以版本号命名，每次打包自动叠加构建次数，同时可避免部分公司内的加密软件对前端文件加密。
2023-03-21 20:15:00
1455
原创 vue3使用postcss-px-to-viewport适配屏幕
本教程只使用于vue3+vue-cli5创建的项目，说白了就是使用的webpack环境，不适用于vite，后面会更新。因为技术总是更新迭代，大多数博主都没有习惯写上自己的配置，总是把一段自认为可以的配置贴出来，很多时候看了不仅误人子弟，还耽误很多开发时间，我，致力于做一个负责人的博主，都会贴出配置和使用环境，方便大家做参考。以上就是本次分享的全部内容了，致力于做一个有态度的前端！留言！
2022-08-20 16:07:46
2756
1
原创 threejs 模拟天空
1.在html声明webgl变量<script type="x-shader/x-vertex" id="vertexShader"> varying vec3 vWorldPosition; void main() { vec4 worldPosition = modelMatrix * vec4( position, 1.0 ); vWorldPosition = worldPosition.xyz; gl_Position = projectionMa
2021-09-26 12:01:47
782
原创 threejs 初始化封装
threejs 初始化封装对threejs场景进行初始封装，以便多项目复用。自用学习记录仅供参考，欢迎留言。初始化包括以下：场景初始化相机初始化灯光初始化，点光源，平行光，环境光初始化渲染器初始化鼠标控制器通过new Web3DRenderer() 实例化以后可以拿到以上所有初始化对象。import { OrbitControls } from 'three/examples/jsm/controls/OrbitControls'const THREE = require('thr
2021-08-27 14:49:56
1153
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
9641
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
202
原创 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
1095
原创 centos7 部署pbootcms nginx php-fpm php
一、准备工作1.centos 72.下载pbootcms源码，并在pbootcms官网获取授权码（免费）3.下载地址：https://gitee.com/hnaoyun/PbootCMS/releases/V3.0.34.安装 vim 编辑器，使用方法自行百度yum install vim -y二、环境搭建1.安装Nginx，请自行百度安装2.安装MySQL 5+ 数据库，自行百度安装3.安装所需依赖库，此次安装使用的版本：php 5+ ，其他版本自行尝试yum
2020-10-29 13:42:23
2433
原创 高德地图去除水印
前言 因一些业务场景需要，客户要求去除高德地图的水印，查找了一些资料发现通过修改样式即可实现隐藏。步骤版本 ：高德地图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
4343
3
原创 vue-cli 分环境打包 附加打包时间
前言在开发项目的时候，调用后端接口难免遇到要切换各种环境的情况，比如开发联调后端开发，联调测试，联调线上，打包测试，打包正式等等，每次切换都需要切换不同的请求服务地址，手动改来改去比较麻烦，那么能否通过一条命令就能自动切换环境，答案是可以的，本次着重解决这个问题。适用环境配置vue-cli:3.x、4.x步骤首先配置 项目根目录下的package.json文件的scripts，在运行命令后面添加 --mode dev，可以根据需要自定义运行环境名称--mode 环境名，我添加了...
2020-05-25 15:20:20
2480
原创 vue 浏览器保存后端文件流到本地 | 前端文件流下载文件
前言本次主要分享一下前端如何保存后端返回文件流到本地，是否为vue项目均可。关键点：axios URL.createObjectURL实现思路： 首先设置axios的响应类型为 responseType: 'blob' ，也就把流文件转换成blob对象；其次用window.URL.createObjectURL()方法生成一个blob对象的url(暂且这么描述吧，主要是太菜了)；最后用a标签调用浏览器的文件下载。 大概就是这样的思路吧，上代码。配置ax...
2020-05-11 14:05:20
15675
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
12210
7
原创 vue多级菜单的实现
本次记录基于iview3框架实现多级菜单+vue router实现页面切换方法一：使用Tree 树形控件，官方文档https://www.iviewui.com/components/tree以官方demo为例，数据中添加URL属性，用于路由跳转，正式项目中该tree控件的数据由后端给出，需要注意的是后端给出的URL跳转地址最前一定要看清有没有"/" ，如果没有自己手动加或后端改，没有...
2019-01-25 10:15:30
10381
原创 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
2813
1
原创 主题色切换功能实现
1.使用Window全局变量，把当前皮肤名称变量写入全局，const colorList = ['default','red','green']; //全局变量Window.themeColor=colorList[0]; //写入Window对象2.使用less生成对应皮肤的样式，使用less中的变量函数，通过不同的颜色参数生成对应颜色的皮肤； 在less中...
2019-01-09 11:56:07
3831
原创 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
5917
原创 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
56843
17
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人