3 麦兜:)

尚未进行身份认证

我要认证

对学习的新技术分享,对网上优秀代码整理,对工作遇到的问题分享

等级
TA的排名 11w+

在html中使用import遇到的问题

1.目前大部分浏览器已经原生支持HTML imports了,浏览器支持性如图:2.可根据如下代码判断浏览器支不支持HTML imports// main.htmlfunction supportImport() { return 'import' in document.createElement('link');}if (supportImport()) { console.log('浏览器支持import特性');} else { console.log('浏览器不支持im

2020-05-27 14:48:19

宝塔面板安装Pure-Ftpd,但ftp无法建立连接问题

1.首先在宝塔面板的软件商店安装Pure-Ftpd如图:2.在你购买服务器的厂商的官网上打开20,21 和 39000-40000端口3.然后再宝塔面板中的安全放行20,21 和 39000-40000端口如图:4.修改Pure-Ftpd配置把#ForcePassiveIP前面的#去掉,并把ip改成你服务器外网的ip如图:5.重启Pure-Ftpd服务6.打开你电脑的IE, 设置->Internet选项->高级把如图的被动模式勾上,已勾的忽略7.建立链接成功

2020-05-21 14:50:16

宝塔配置nginx + php,并解决宝塔888端口phpmyadmin无法访问的问题,绝对可用

情景:可能是我前面部署有其他项目吧,用了nginx占用了80端口,导致后面安装php和phpmyadmin的时候,打开phpmyadmin都是无法访问,我用的是华为云,表示安全组和防火墙都放行了888端口,都不行.在网上也找了很多,但都行不同,所以就只能自己想方法了,跟着我的步骤,肯定没错.环境: (请安装好以下版本的环境)宝塔面板 + Linux Centos7.x + nginx 1.16.1 + php7.4 + MySQL 5.7.30 + phpMyAdmin 5.0那么就开始吧!1.编

2020-05-21 11:35:03

css实现单色或图片背景透明,而文字不透明的方法

一.单色背景方法: 不使用opacity属性,而是使用rgba例子:<style> .bg { background-color:rgba(0,0,0,0.4) }</style><div class="bg">背景是透明度0.4的黑色,文字不透明</div>效果:二.图片做背景方法1: 将图片跟文字设置成兄弟关系,对图片设置opacity属性,把文字设置成绝对定位,然后将其定位到图片上例子:<style&g

2020-05-19 11:44:28

vue cli3.x以上版本搭配vant配置postcss-pxtorem和lib-flexible

1.下载包npm install lib-flexible --savenpm install postcss-pxtorem --save-dev2.在main.js,加入以下代码import "lib-flexible/flexible";3.在public/index.html,删除<meta name=“viewport” …>原因:flexible会为页面根...

2020-05-07 17:03:22

vue-cli3.0 axios跨域请求代理配置

假设后端的请求地址: http://127.0.0.1:3000/admin/api1.在根目录下创建vue.config.js文件(vue cli3.x以上版本是没有config文件的),代码如下:module.exports = { devServer: { // 设置代理 proxy: { '/api': { target: 'http:/...

2020-05-02 15:04:37

在vue中,解决papaparse把.csv转成json格式中文乱码问题,并把处理过程进行封装

前后效果图:一.出现这类问题的原因编码格式的问题,默认处理时utf8格式,但可能出现GBK,GB2312…等格式二.解决的方法识别编码,告诉papaparse三.需要的插件jschardet只能检测编码,不能把乱码转成原文四.创建一个文件夹...

2020-04-28 22:11:39

广东移动UNT401H南传通过adb装当贝桌面

1.机子如图:2.需要的: 电视盒子,电脑,安装包3.先准备好adb和当贝桌面安装包adb下载链接: 网盘分享,提取码: mtl5当贝桌面: 当贝桌面官网,下载好后把dbzm-xxx.apk的命名改成dbzm.apk,并把dbzm.apk放在解压后的adb目录下4.在机顶盒的设置里面连接上wifi,电脑也要连上,并且要连同一个wifi上.然后到设置里的网络设置里,记下IP地址。5.广...

2020-04-20 13:18:28

纯css3实现可按下动效按钮

效果如下:css代码:<style> body { background: #272822; margin: 0; perspective: 600px; -webkit-perspective: 600px; } /* Button ...

2020-03-30 21:23:38

uni-app整合最新版vant-weapp,遇到的问题和解决办法

1.前往github下载vant-weapp组件库,github地址2.在HBuilderX中新建uni-app项目,并在新项目的根目录下新建个目录,用于存放vant-weapp组件,我新建的目录名为wxcomponents为例3.将步骤1的dist文件复制粘贴到wxcomponents目录下,并改名为vant4.使用uni-app提供的easycom组件模式,具体看uni-app文档...

2020-03-30 12:41:13

一文彻底弄懂scoped的原理,导致的问题及解决的办法

原理:给元素添加唯一属性(同一组件中所有dom添加的属性值相同),然后通过属性选择器获取该元素(类似于人的身份证,在这个组件中是唯一的)通过 PostCSS 实现以下转换<template> <div class="test">hello</div></template><style scoped>.example {...

2020-03-26 17:02:05

解决vue keyup.enter和blur绑定同一事件,触发两次的问题

<el-input ref="editTagFoucus" size="mini" @keyup.enter.native="$event.target.blur" @blur="editCompleteTag(items)" v-model='items.name'> </el-input>

2020-03-15 12:28:07

使用css3的网格(Grid),做出瀑布流式布局

效果如下:关于网格grid,就看大神阮一峰的Grid 网格布局教程效果的代码如下:html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...

2020-03-09 17:04:14

在vue中实现图片懒加载,并引入promise判断加载状态和优化

为什么需要懒加载?答: 当你的一个网页,图片有几十张,上百张时,同时的加载,有可能会导致网页出现很长一段时间的空白,而且用户并不一定会浏览全部的图片,全部加载完,也会浪费用户的浏览,这样的体验是很不好的.效果如图:那么如何在vue项目中实现懒加载呢?1.懒加载的原理一张图片就是一个标签,浏览器是根据src的属性发起图片请求的.那么我们实现的依据就是当前图片出现在可视屏幕上,就把图片的地...

2020-02-25 00:27:52

解决vue cli3.x打包更新版本,浏览器缓存问题

问题: 每次打包更新版本发到服务器上,导致偶尔会出现不能及时更新最新代码,浏览器存在缓存的问题。总不能让用户打开新的无痕窗口吧。解决: 我们可以在打包的文件名中添加一个版本号以便浏览器能区分。1.找到vue.config.js(vue cli3.x生成的项目默认没有这个文件,需要自己创建)2.添加如下代码// 时间戳保证不会版本重复const Timestamp = new Date()...

2020-02-24 12:45:45

mongoDB开启权限认证及node连接数据库的配置

1.打开cmd命令窗口2.输入mongo,如图3.创建管理用户(这一步一定要给我先做了)use admindb.createUser( {user: "admin",pwd: "123456",roles: [ { role: "userAdminAnyDatabase", db: "admin" } ]})4.找到mongod.cfg文件4.1 windows系统的话,一般在c...

2020-02-15 22:20:58

CentOS7.x下,安装node+pm2+mongoDB+nginx部署vue项目

本文章参考了添加链接描述的博客,改动主要在现有版本的更新和自己参考博客搭建遇到的问题(已解决)赋上了说明。一、购买服务器和远程连接1.购买服务器和域名可以选择腾讯或者是其他产商的服务器,购买后会获得服务器ip地址,再购买域名,将域名绑定到ip地址上。2.下载Xshell和XftpXshell是用来远程连接服务器的,Xftp是用来远程上传文件的(你的项目文件),下载地址: 添加链接描述,填...

2020-02-14 17:47:39

简单使用Vuex

由例子开始,从中学会简单使用Vuex,需求,把路由的标题应用在网页上,效果如下:环境: 利用了vue cli3.x并在初始化项目时添加了Vuex1.在目录store下的index.js中的代码import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)export default new Vuex.Store({ sta...

2020-02-06 16:23:23

使用vh,vw配合媒体查询做pc端的界面自适应

效果如下:前景提要:因为我司后台管理的页面都需要在可视的浏览界面中展示所有内容,不允许在html,body中出现滚动条,查找了很多的布局方法,都不尽人意.后面看到vw,vh单位,惊喜起来.特写此文章前端的环境:利用vue cli3.x搭建,css预编译使用的是less一.全局引入less的变量1.下载style-resources-loader,使用vue add这样会自动在vue....

2020-02-03 17:25:47

mongoose populate 查询返回指定字段

使用mogoose处理分类数据时,还要获取上一级的父类name,默认情况下只找到父_id(存在parent),还要根据父_id查询到name,这时我们需要用到populate方法情况一: 直接链式,返回name(值为1),不返回_id(值为0)Model.find().populate('parent',{name: 1,_id: 0})情况二: 使用通用 CRUD 接口时,部分接口需要特...

2020-02-01 21:42:11

查看更多

勋章 我的勋章
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv2
    阅读者勋章Lv2
    授予在CSDN APP累计阅读博文达到7天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 1024勋章
    1024勋章
    #1024程序员节#活动勋章,当日发布原创博客即可获得
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。