前端爱好者小王-CSDN博客

系统：centos7安装yum install httpd* -y检查apache运行状态systemctl status httpd添加开机自启systemctl enable httpd修改配置文件配置文件路径 /etc/httpd/conf/httpd.conf1.同时监听81和82端口分别对应两个网站2.**修改静态资源目录默认目录在 var/www/html因为监听的是两个端口所以我设计81端口静态资源在var/www/html下82端口静态资源在var/www

2022-02-17 11:32:18 2399

原创 call apply bind函数区别和简单手写

1.call和apply的传参不同，call(对象，参数1，参数2，…)调用支持多参，而apply只支持2个参数apply(对象，传参数组)2.call和apply改变的是一个函数调用的this指向，bind返回一个this指向已经改变的新函数。在js中 function中的this 谁调用this就指向谁无人调用this默认指向window。[function].apply([object],[参数1，参数2，参数3，…[function].call([object],参数1，参数2，…

2022-02-17 09:40:17 148

原创 vue+echarts实现中国地图

先看效果图第一步：脚手架中引入echartsnpm 安装npm install echarts --save//引入echartsimport * as echarts from 'echarts/core';//图表类型按需import { BarChart, LineChart} from 'echarts/charts';//组件类型按需import { TitleComponent, TooltipComponent, GridComponent, V

2021-11-25 15:49:40 3791 2

原创 centOs7配置防火墙常用命令(对外开放关闭端口)

centOs7 防火墙常用操作若使用腾讯云阿里云等云服务器，会出现外部仍不能访问的情况是，请去腾讯云/阿里云云服务器控制台配置相应的开放端口1、查看防火墙服务状态systemctl status firewalld[root@wsm ~]# systemctl status firewalld● firewalld.service - firewalld - dynamic firewall daemon Loaded: loaded (/usr/lib/systemd/system/fi

2021-06-26 17:34:18 754

原创 docker入门之——常用命令总结

docker命令介绍一、起步1.环境准备centOs 7gccgcc-c++2.安装docker卸载旧版本dockeryum remove docker \ docker-client \ docker-client-latest \ docker-common \ docker-latest \ docker

2021-06-26 08:43:28 231

原创 uniapp实现头像上传功能

uniapp实现头像上传功能步骤：大概分为以下3步1.点击触发事件2.选择图片3.通过接口上传1.事件触发<view class="info_list" @click="chooseImage"> <p>头像</p> <view> <image :src="userInfo.image" mode=""></image> <uni-icons type="arrowright" size=

2021-05-28 08:09:00 5481 1

原创 uniapp微信小程序用户授权问题（纯前端！）

获取微信绑定的手机号【繁琐】前言微信获取用户手机号，和用户名以及头像，在微信api更新后，都需要用户主动触发授权事件！！！通俗来讲，必须以点击事件的形式触发授权弹框！！！获取微信头像和用户名是一个事件，获取手机号也是一个事件，若同时要获取微信用户的头像用户名手机号，那么最少需要两个按钮来让用户主动触发2次！！！详情请看步骤代码：第一步去微信公众平台拿到你的小程序的 AppID 和 AppSecret链接 https://mp.weixin.qq.com第二步调用 uni.login方法获取

2021-04-27 10:22:31 2367

原创 css1像素下边框问题

1px下边框显示问题今天做移动端项目时在ui设计图稿出现了1px的下边框线但是在我实际做项目中border-bottom:1px solid #ccc;如图，直接设置会发现实际比1px要粗很多代码设置的时1px，但是实际为4px，比ui稿上还要粗，一下被我的像素眼给发现了，在论坛中找到的方法，觉得挺实用的，可以记录一下，方便以后查找。产生的原因这种问题产生的原因是因为随着科技的进步，各个设备的像素变得越来越高，1px显然在有点设备上为虚拟单位，甚至显示不到，会出现两种问题：1.老设备，

2021-04-23 13:56:46 486

原创本地代码和git仓库进行链接并且提交

首先，请确保你得电脑上装有git第一步：在gitee创建一个空的仓库第二步：拿到仓库链接第三步：在本地项目文件夹下打开 git bash执行 git init第四步与远程git仓库建立链接git remote add origin 仓库地址仓库地址是在第二步中复制的第五步将远程仓库内容拉取到本地 git pull origin master如果没有输入过用户名和密码的会提示你输入账号密码，把你的gitee账号密码输入进去即可第六步将文件添加到暂存区 git add

2021-04-02 09:44:57 548

原创 uni-app路由传参(对象)接收时候为[object,object]踩坑

路由传参[object,object]需求：点击动态传递参数，参数为当前对象 <view class="position_item" v-for="(item,index) in wshAddress" @click="toMap(item)"> <view class="position_item_title">慧慧</view> <view class="position_item_content"> <view&gt

2021-03-30 09:13:52 4747 1

原创 vue中时间过滤器中的月日不足两位补0

先将月，和日转换为字符串，然后用字符串的padStrat(2,0)方法(两位，不足补0)

2021-03-23 14:46:46 3365

原创 vue的混入，工作中遇到的踩坑问题

混入简介混入 (mixin) 提供了一种非常灵活的方式，来分发 Vue 组件中的可复用功能。一个混入对象可以包含任意组件选项。当组件使用混入对象时，所有混入对象的选项将被“混合”进入该组件本身的选项。// 定义一个混入对象var myMixin = { created: function () { this.hello() }, methods: { hello: function () { console.log('hello from mixin!')

2021-03-23 11:51:25 607

原创 uni-app字体图标引入

uni-app字体图标引入1.从阿里巴巴矢量图标库下载所需图标文件官网链接：https://www.iconfont.cn/2.下载完成后解压如下3.在项目中app.vue中引入此方法全局引入，局部引入可在需要的页面下引入 @import url("./static/fonts/iconfont.css");4.配置字体文件在url地址中加入你的字体文件存放路径以 ~@开头配置之前：配置之后5.在页面上使用class类的名称，第一个为第二个为...

2021-03-04 10:54:53 207 1

原创盘点那些Javascript中字符串常用方法

字符串查找查找指定位置的字符串 charAt()方法返回某个位置的字符，也就是字符串的下标，第一个字符的下标从0开始如果下标超出了字符串长度，该方法将返回一个空字符串var xw = "前端爱好者小王";var a = xw.charAt(0); //返回前var b = xw.charAt(1); //返回端var c = xw.charAt(10); //返回空var e = xw.charAt(13); //返回空console.log(a+'-'+b

2021-02-04 11:56:35 144

原创 Vuex5个状态详解

Vuex本篇文章适合对Vuecli和Vuex稍微有一定了解的小伙伴，我将代码拆分解释和整合，希望可以帮助到你一、起步安装npm i -S vuex使用1.脚手架src中新建store文件夹，再建一个index.js入口文件import Vue from 'vue' //导入vueimport Vuex from 'vuex' //导入VuexVue.use(Vuex)const store = new Vuex.Store({state:{//存放状态，也就是共享数据},m

2021-02-03 12:00:52 1299

原创 Webpack基本配置

安装webpack全局安装全局安装npm install webpack -g指定版本安装npm install webpack@3.6.0 -g1.安装webpack全局安装npm install webpack -g指定版本安装npm install webpack@3.6.0 -g2.基本使用webpack使用webpack对js文件进行打包webpack 打包的项目路径打包后的项目路径3.webpack的配置（1）打包指令配置pack.json文件中的script中

2021-01-16 10:55:30 233

原创 vue路由$router和$route的区别

$router$router就时VueRouter的实例，如果想要实现代码路由，则使用$router.push()方法$route$route为当前router跳转的对象，可以从里面获取，name、path、query、params等

2021-01-16 10:51:20 147 1

原创 Vue的生命周期函数

vue的生命周期以及生命周期函数-生命周期

2020-12-30 11:41:49 144

原创 node.js链接MongoDB数据库初体验之新增一条数据

入门教程链接：https://www.runoob.com/mongodb/mongodb-window-install.html需要：node.js 和monggodb环境one下载安装mongodb并启动教程链接：https://www.runoob.com/mongodb/mongodb-window-install.htmltwonpm第三方插件 mongoose npm install mongoose --save实现新增向数据库新增一条数据// 1-加载mongoos

2020-12-19 19:11:45 394 3

原创 js实现轮播图（幻灯片）思路原生+es6

网页中经常可以看到的轮播图效果点击小按钮切换非JQuery中fadeIn效果图片链接https://s3.ax1x.com/2020/12/06/DXl03Q.jpghttps://s3.ax1x.com/2020/12/06/DXlw9g.jpghttps://s3.ax1x.com/2020/12/06/DXla4S.jpg实现思路布局思路①需要两个盒子，父盒子中有一个轮播图盒子，父盒子的尺寸和每一张轮播图的尺寸相同，轮播图盒子的尺寸，高度固定，宽度为百分比，x张图片宽度为x百%，如图

2020-12-06 13:14:59 806 3

原创 JavaScript ES6新语法重点基础知识整理x-mind框架版，欢迎各位大佬纠错补充

以下为png格式，需要原版可私信

2020-11-25 13:15:28 187 1

原创 JQuery重点知识整理X-mind框架版，欢迎纠错补充

需要x-mind原文件可修改版可联系，以下为png版

2020-11-25 13:11:21 160 1

原创前端js面试会问到的浅拷贝和深拷贝（以浅拷贝为例）

拷贝首先，明白拷贝的含意，拷贝在我们通俗的讲来就是复制，一般用于对象的拷贝。将一个有数据的对象的内容拷贝到一个空对象中。使两个不同的对象，拥有相同的属性，并且操作其中一个对象时，另一个对象不会改变。基础知识数组和对象的赋值其实是复制的地址值，我们以数组为例：当b数组改变时，a数组也会跟着改变浅拷贝浅拷贝的实现思路：1.前提条件：一个带有属性的对象obj1{}，和一个空对象obj2{}2.怎么实现：遍历带有属性的对象obj1{}，并且每次都将属性拷贝到空对象obj2中实现代码如下这是

2020-11-20 12:47:02 405

原创 JS内部方法取指定范围的随机数推理过程Math.random()

取随机数公式我们以向下取整为例Math.floor（）①取0-1之间的随机小数var a = Math.random()；包含0但是不包含1；alert（a）②如果我们把这个随机数加2，那么得到的就是2~3的随机小数var a = Math.random()+2；alert（Math.floor（a））③如果我们把这个随机数乘4，那么得到的就0~4的随机整数var a = Math.random()*4;alert（Math.floor（a））④ 为③的结果再加上1,发现得出的结果为

2020-10-20 12:21:32 359