自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 我不允许你还不知道CSS的filter的drop-shadow阴影用法以及与box-shadow的区别详解

filter: drop-shadow可实现不规则元素或图片的阴影效果!

2023-02-12 15:49:57 5415 2

原创 一款极简的原生农历日期滚动选择器(小程序版本)体积小,速度快

nlselect-weapp 为一款极简的农历日期滚动选择器(微信小程序版),功能简单,通过原生的picker进行封装,体积小,速度快。

2022-09-14 16:28:10 622

原创 前端webpack5+打包工具基础入门css压缩babel配置ES6代码转ES5搭建简单的线上环境完整流程(一)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/;使用chrome浏览器时遇到英文网站可以点击右键翻译安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。1.创建一个webpackdome文件夹首先我们创建一个webpackdome文件夹,然后把该文件夹拖入之我们的编辑器(vsc

2021-05-27 19:14:12 878

原创 node.js后端koa2框架博客项目连接mongodb数据库实现简单的增删改查等(三)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/;mongodb,官网下载链接:https://www.mongodb.com/try/download/community,我们安装社区版的就可以了(mac用户建议使用brew安装毕竟方便,brew官网链接:https://github.com/mongodb/homebrew-brew,里面有流程)mong

2021-05-17 12:05:42 765 2

原创 node.js后端koa2框架博客项目连接mysql数据库实现简单的增删改查等(二)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/;mysql,官网链接下载:https://dev.mysql.com/downloads/file/?id=503267;workbench(一款mysql数据库可视化软件),官网下载:https://downloads.mysql.com/archives/workbench/。安装自己电脑的合适版本即可

2021-05-15 17:51:41 984

原创 node.js后端koa2框架koa-generator脚手架代码详解快速创建项目入门(一)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/;使用chrome浏览器时遇到英文网站可以点击右键翻译安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。1.首先我们创建一个koa2目录,进入终端安装脚手架命令:npm install express-generator -g“-

2021-05-14 11:16:55 876

原创 mac版nginx简单修改配置文件代理操作流程讲解

相信大家都已经成功安装了nginx,接来下我们直接修改配置文件mac版1.进入终端输入(该操作是打开nginx配置文件):vim /usr/local/etc/nginx/nginx.conf2.进入后我们按键盘‘a’键进行编辑,光标进入http对象里的server对象,具体来看看图注意:前面带#号为注释,如果报错可以在每次输入命令行代码前加sudo 为管理员权限执行3.修改完成后我们需要保存退出,按键盘esc键输入 :wq4.如果我们需要启动nginx,终端输入nginx(如需要重启则输入

2021-05-12 13:30:51 1156

原创 node.js后端express框架express-generator脚手架入门(一)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。1.首先我们进入终端创建一个expresstest目录,进入重点安装脚手架命令:npm install express-generator -g“-g”为全局安装,mac安装如果出现

2021-05-03 22:40:45 523

原创 原生node.js如何设置博客后端api路由链接返回数据(四)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。我们先在更目录下创建bin文件夹里再创建www.js文件写入代码:const http = require('http') // 引用httpconst serverHandle

2021-04-28 11:11:16 272

原创 原生node.js前端发送post请求给后端如何接收?(三)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。首先我们创建一个node的文件夹,里面创建一个index.js文件和1.html文件,就可以开始写代码了:1.html的代码如下,我们用form来模拟发送post请求<!DO

2021-04-26 21:44:45 740

原创 node.js中的url.parse已被弃用请使用URL类,通过GET发送数据(二)

因为node.js的url.parse方法采用的传统的urlObject,不符合URL现存标准-WHATWG URL API,因此弃用了。同时url.format(), url.resolve()也弃用了。那我们怎么办呢?官方推荐可以使用URL类所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可.

2021-04-22 11:53:45 15000 6

原创 node.js轻松入门,创建一个后端dome开始(一)

所需软件:vscode,官网链接下载:https://code.visualstudio.com/;(也可以用自己习惯的编辑器)node.js,官网链接下载:http://nodejs.cn/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。首先我们创建一个node的文件夹,里面创建一个index.js文件,就可以开始写代码了:我们来看代码和注释一行行来看:let http = require('http') //

2021-04-21 16:27:48 271

原创 vue前端常用的三种方式模拟获取数据

前端的三种方式模拟获取数据1⃣️、mockjs插件获取:1.首先我们先进行安装mockjs,进入项目在终端输入:npm install mockjs --save2.我们可以在src目录下新建mock文件并创建api.js文件,里面输入代码:import Mock from 'mockjs' // 先引入安装的mockjsMock.mock('/api/user/login', { // 通过mock方法,第一个参数为自定义的访问链接,第二个参数为自定义的需要返回数据 status: 0,

2021-02-26 18:15:54 1422

原创 (HTTPAPI后端如何查询修改小程序云数据库)vue-admin-template小型后端管理系统node.jskoa2框架访问查询、修改小程序云数据库步骤流程(系列七)

该文章紧接上一篇《进一步node优化koa2后端访问小程序云函数流程步骤(系列六)》进入我的主页左侧可以查看整个系列。vue-admin-template小型后端管理系统node.jskoa2框架访问查询、修改小程序云数据库步骤流程(系列七)所需软件:vscode,官网链接下载:https://code.visualstudio.com/;node.js,官网链接下载:http://nodejs.cn/git,官网链接下载:https://git-scm.com/安装自己电脑的合适版本即可。.

2020-12-23 22:52:09 402 1

原创 node进一步优化koa2后端访问小程序云函数流程步骤(系列六)

该文章紧接上一篇《vue-admin-template小型后端管理系统node访问小程序云函数步骤流程(系列五)》进入我的主页左侧可以查看整个系列。进一步node优化koa2后端访问小程序云函数流程步骤(系列六)所需软件:vscode,官网链接下载:https://code.visualstudio.com/;node.js,官网链接下载:http://nodejs.cn/git,官网链接下载:https://git-scm.com/安装自己电脑的合适版本即可。安装这些一般直接点击下一步即.

2020-12-23 22:16:49 369

原创 vue-admin-template小型后端管理系统node访问小程序云函数步骤流程(系列五)

1.首先在当前目录的src-api的文件夹中创建名:getsum.js并写入代码,因为我们这个是获取后端服务的所以尽量写在api的文件夹中。2.我们敲入代码如下:import request from '@/utils/request' // 引入当前自带的requestconst url = 'http://localhost:3000' // 定义url访问的链接export function getsum(params) { // 创建方法params为传入的参数 return requ

2020-12-23 22:07:15 562 1

原创 vscode后端koa框架如何调用HTTPAPI小程序云函数步骤流程(四)

1.创建项目(可以看我的上一篇文章“koa的Dome初尝试”),打开终端确定文件目录,输入npm install koa-router下载koa路由,安装成功后创建名app.js主文件中先引用const Koa=require('koa')//引用koa框架const app=new Koa()//创建koa框架实例const Router=require('koa-router')//引用koa路由const router=new Router()//创建koa路由实例2.再整个项目中创建文件

2020-12-23 20:41:03 437

原创 (如何获取微信access_token)node.js后端koa获取微信access_token详细步骤流程(系列三)

node.js后端koa获取微信access_token详细步骤流程1.新建文件名为:getAccessToken.js2.在小程序后台-点击开发选项获取appid和appsecret3.代码如下:const appid='输入你自己小程序的appid'const appsecret='输入你自己小程序的appsecret'const URL=`https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&a.

2020-12-21 16:56:28 1084 1

原创 创建vue-admin-template小型后端管理系统node项目步骤流程(系列一)

首先:我们先访问到GitHub官网:https://github.com/PanJiaChen/vue-admin-template/blob/master/README-zh.md因为他是一个极简的 vue admin 管理后台,所以只包含了搭建后台必要的东西。由于我这里使用的IDE是vscode,所以也建议大家使用哈,可以自行下载。还要下载node.js和git,链接分别是:http://nodejs.cn/https://git-scm.com/1.首先我们打开vscode,进入终端,输

2020-12-18 18:59:27 886

原创 用vscode创建一个koa2的Dome入门初尝试详细步骤流程(系列二)

作为前端人员,node可谓是必学的一项技能,包括小程序云端,相信大家多少有点了解,接下来我们一起梳理一下并创建我们第一个koa后端Dome。第一步:由于我们用的是vscode编写代码的,所以大家可以进入官网下载一个。地址:https://code.visualstudio.com/安装自己电脑的合适版本即可。再下载安装node,相信大家应该有。官网下载地址:http://nodejs.cn/安装这些一般直接点击下一步即可,对于一些国外的软件注意安装目录中最好不要有中文路径,以免出现问题。这些都下载

2020-11-27 22:14:20 603

原创 2020年最新最详细的微信小程序订阅消息操作流程步骤及使用方法

2020年最新最详细的微信小程序订阅消息操作流程步骤及使用方法:首先,先放官方的文档:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/subscribe-message.html我再用我自己的话解释一下:所谓小程序订阅消息的意思就是小程序向用户发起是否通知消息,由用户去决定是否要订阅此消息,用户每订阅一次小程序可以发送一次通知,称为一次性订阅。接下来看看步骤:第一步:我们需要先去小程序微信公众平台手.

2020-11-25 23:20:42 9324 9

原创 小程序利用TcbRouter实现一个云函数处理不同的业务需求,小程序如何用一个云函数处理不同的需求功能?

小程序利用TcbRouter实现一个云函数处理不同的业务需求,小程序如何用一个云函数处理不同的需求功能?使用TcbRouter,它是一个基于KOA轻量级路由库,一个云函数可以分成很多个路由来实现不同的业务需求功能,就好比新建一个总体一个大类的云函数,里面分成很多小的功能,利用TcbRouter每次可以调用大类的云函数里面的各个小的需求功能,从而减少云函数的建立,便于整理和扩展。我们先简单的需求就是访问同一个云函数返回不同的结果。一、首先新建一个带有云开发的项目,如何新建一个云函数,名字我们就叫T

2020-05-28 18:33:32 565

原创 最新小程序获取个人信息头像名称openid等方法

最新小程序获取个人信息头像名称openid等方法一、利用标签显示头像和用户名(用于展示微信开放的数据)<open-data type="userNickName"></open-data> //获取用户名称<open-data type="userAvatarUrl"></open-data> //获取用户头像<open-data type="userGender" lang="zh_CN"></open-data> //获取用

2020-05-25 15:52:56 1615

原创 小程序外部css样式app.wxss如何引用关联生效到组件内?小程序组件内怎么引用使用阿里iconfont字体样式?

·小程序外部css样式app.wxss如何引用关联生效到组件内?·小程序组件内怎么引用阿里iconfont字体样式?有些小伙伴发现在组件中使用阿里iconfont的图标样式未能生效,是因为小程序官方说组件内的样式只能在组件内使用,是一个样式隔离保护。因此组件内的样式也不会影响到外部。以下有三种方法可以解决将字体文件样式直接复制到组件内,然后在组件样式表中引用即可在外部(如page页面中)使用组件时传递当前可以访问到的样式(l-search是我自己引用的组件)。如下图然后在组件中的js文.

2020-05-14 10:55:57 1638

原创 微信小程序中引用组件button(按钮)样式异常原因

很多小伙伴在微信小程序中引用组件的时候会出现一些样式不对 就算从显示正确显示的代码直接复制也是一样,查看调试器却发现很多不相干的样式覆盖了你原来的样式!以下有几种方法可以尝试解决:大多数是因为小程序中最外的 app.json中的 “style”: “v2” 导致的,直接删掉即刻。button:not([size=‘mini’])中写入自己的样式在需要的样式后面添加 !important 至层级最高(需要自己尝试)**一个正在成长的猿!大家一起努力。**...

2020-05-13 19:18:25 1534

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除