自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

http://xueshuai.top

一个web小白的成长

  • 博客(146)
  • 资源 (1)
  • 收藏
  • 关注

原创 uniapp编译到H5怎样禁止浏览器下拉?

uniapp编译到H5怎样禁止浏览器下拉

2022-08-18 13:14:37 61

原创 uniapp全局组件全局使用(不在每个页面template使用,仅支持H5),函数式调用全局组件方法

uniapp全局组件全局使用(不在每个页面template使用,仅支持H5),函数式调用全局组件方法

2022-08-16 14:17:34 1302 3

原创 H5引入Web调试工具、VConsole引入

H5的web调试工具、vconsole的引入

2022-07-16 09:15:10 234

原创 Vue根据富文本内容生成目录

根据富文本内容生成目录,CV即可

2022-06-14 15:54:58 383 6

原创 Alibaba CloudToolkit 前端自动化部署

前端自动化部署工具之Alibaba Cloud ToolKit

2022-06-10 16:05:58 123

原创 Vue3尝个鲜,reactive、ref、toRefs的简单使用

这年头不会vue3的是不是要被淘汰了,为了我还能吃上口热乎饭,赶紧来玩一玩需求是响应式的,修改数值,如图所示这在 vue2.x 中简直无脑操作,接下来我们用 vue3 中的两种方式去实现<!-- HTML代码我们保持一致 --><template> <div>{{ a }}</div> <button @click="add">+</button> <button @click="reduce".

2022-04-29 14:31:49 441 3

原创 nvm在windows下的简单应用,CMD乱码,CMD的编码格式修改

​前提:先卸载电脑本身的nodejs下载 nvm 在 windows 下的安装包,点此下载我这里选择的是 setup.zip下载完成之后,双击安装即可,如果事先没有装 nodejs 两次安装目录可自定义安装完成之后,打开 cmd(使用管理员方式) 执行如下命令,出现下图的版本号即为安装成功nvm -v# 安装指定版本的nodenvm install 14.7.0nvm install 10.15.0# 查看已安装的nodenvm list# 使用指定版本的nodenv

2022-02-23 16:14:06 359

原创 宝塔部署Nodejs定时任务

项目背景:一个nuxt服务端渲染项目,用到了mongodb数据库,后端接口使用的node的express框架需要定时备份mongodb数据库编写定时任务代码nodejs 代码放在 nuxt 项目的 server 目录下,在 server 目录下有一个 command 目录,里面存放定时任务,一个任务一个 js 文件,注意 command 目录权限 777在 nuxt 根目录下有一个 ecosystem.config.js ,这个是 pm2 需要执行的文件贴出 eco..

2021-11-11 16:28:58 571 2

原创 在Linux服务器上安装Git并配置Git密钥

安装Gityum 为我们提供了git,但是版本相对较低,这里使用yum提供的git,或者你也可以去 github找到git仓库的 issure 下找到最新源码去编译安装,这里不做演示yum -y install git通过 git --version 可以查看是否安装成功,出现版本号则成功配置密钥1、执行下面命令,生成密钥,然后连续三个回车ssh-keygen -t rsa -C "gitee或github邮箱"2、首先需要确保ssh-agent可以正常工作.

2021-10-30 17:47:44 593

原创 Git常用操作

1.本地创建分支,编写代码,提交本地分支到远程仓库# 本地创建dev分支git branch dev# 本地切换devgit checkout dev# 在dev分支编写代码...# 提交本地代码到本地仓库git add .# 提交本地代码到本地dev分支git commit -m 'xxx'# 提交本地dev分支到远程仓库git push origin dev2.本地dev分支拉取远程master分支,并将master分支内容合并到本地dev# 切换到本地

2021-10-11 09:34:06 46

原创 Centos宝塔上面如何部署Nuxt服务端渲染项目

服务器必装 Nodejs PM2 MongoDB(因为我这个项目用的MongoDB) Redis(我这里用到了)广告:(推荐几个服务器厂商,进去购买有优惠)阿里云https://www.aliyun.com/activity/daily/fy22sepmain?userCode=layypnp8腾讯云https://curl.qcloud.com/CrBmXe58项目上传这里先看一下我Nuxt目录结构简单介...

2021-09-10 11:42:20 280

原创 php开启websocket服务,php实现简单的websocket服务

这是一个单独的服务,不用嵌套在任何一个框架都可以使用首先有一个空目录 php-websocket在该目录下有一个 test.php 文件在该目录下下载依赖模块 workermancomposer require workerman/workerman在 test.php 编写代码<?phprequire_once __DIR__ . '/vendor/autoload.php';//注意:这里是绝对路径,请查看你是否可以访问到该文件use Workerman\W.

2021-08-27 15:40:50 867 1

原创 Thinkphp5.1实现发送邮箱验证码

这里使用的是 phpmailer/phpmailer 这个类第一步加载类composer installphpmailer/phpmailer第二步编写公共方法/** * 邮箱验证码 * @param string $to 发送到邮箱 * @param string $name 当前邮箱服务器 * @return string $subject 发送标题 * @return string $body 发送内容 * @return string $attachment...

2021-07-26 11:36:06 356 1

原创 网站开发的流程介绍

首先了解一下,何为网页?网页包含电脑端网页(即你通过浏览器看到的任何一个页面),包括移动端网页(即你通过手机浏览器访问到的页面),一个好的网页可以是你一个强大的营销手段,产品营销,公司营销。实现过程 首先,你需要一个想法,所处的行业,以及对这个行业所了解的情况。 接下来,你需要找到一个专业的网页设计师(我们称之为UI设计师),你需要将你的想法告诉他,UI设计师会根据你的想法帮你设计出符合你需求的网页。 接下来你需要找到专业的前端开发工程师和后端开发工程师,将UI设计师完

2021-07-21 17:00:32 717

原创 Vue3封装IconFont组件

在 src/Components 目录下新建 iconFont/index.vue 文件

2021-06-03 10:23:50 305

原创 vue2.x+electron创建桌面程序

首先搭建vue2.x项目搭建完成之后可以通过浏览器 http://localhost:8080/ 访问然后在根目录下配置 vue.config.js 来解决打包静态资源页面空白module.exports = { publicPath: "./",//配置静态资源}然后在根目录下安装 electron//官网提供npm i --save-dev electron//由于上面是通过国外安装,可能会报错,出现报错可以试试国内镜像cnpm i --save-dev e

2021-05-25 14:52:32 1041 2

原创 thinkphp5.1封装一个分页组件,tp5.1怎么封装分页组件

先来看看效果新建分页类在 \extend 目录下新建 pagination 目录(我这里写了一个前台分页一个后台分页,这里主要先展示一下 前台分页 )在 Front.php 中写下如下代码<?phpnamespace paginator;use think\facade\Request;use think\paginator\driver\Bootstrap;class Front extends Bootstrap { /** * 上..

2021-05-14 12:27:42 284 1

原创 thinkphp5.1中jwt的使用,thinkphp使用JWT-PHP时找不到类解决方法

首先需要使用 composer 安装 jwt,执行如下命令composer require firebase/php-jwt安装完成之后,在你的 vendor 目录下会多出如下目录接下来在 application\common.php 中定义两个方法,一个生成token,一个验证tokencommon.php引入jwt另外,关于composer的下载可以参考这篇链接use Firebase\JWT\JWT;生成token我这里的参数都是从配置文件中直接取的,关.

2021-05-11 17:55:18 408

原创 thinkphp5.1自定义配置文件

这里我要定义生成token的一些配置首先打开 config 目录(根config),新建一个 token.php里面定义一些配置信息<?phpreturn [ 'secret' => '123456789', // token密匙 'iss' => 'sol', //签发人(官方字段:非必需) 'exp' => time()+3600*24*7,//过期时间(官方字段:非必需).

2021-05-11 17:42:18 421

原创 thinkphp5.1对模型的操作,增删查改

用最常见的文章操作来举例增加文章增加文章页面 增加文章控制器 增加文章模型在模型中定义模型方法<?phpnamespace app\admin\model;use think\Model;class Article extends Model { /** * @description 发布文章 * */ public function createArticle($article){ $this->save(.

2021-04-29 18:31:24 217 4

原创 微信授权登录,uniapp微信授权登录,wap2app微信授权登录,h5plus微信授权登录

既然是Dcloud产品,那编译器不约而同使用HBuilderX,并且下面的截图是前提UniAPP中的微信登陆(APP端)uni.login({ provider: 'weixin', success: function(loginRes) { // uniapp为我们封装了微信登陆,loginRes参数里含有我们需要的openid,unionid,access_token等参数 let openid = loginRes.authResult.o

2021-04-13 09:40:03 724

原创 APP、H5支付流程介绍

微信内嵌H5需要先 npm installjweixin-module -s 下载微信 jssdk在 vuex 中定义 const jwx = require('jweixin-module') 在vuex的actions中定义一个方法,请求后台接口,获得如下参数使用 jwx.config(res.data) 注入这些参数 在jwx.ready 中使用 sdk 提供的 API 返回到需要支付的页面,先调用刚才 vuex 中 actions 中定义的方法 先调后端接口下单拿到 订..

2021-02-25 18:52:37 329

原创 Nodejs依赖multiparty上传图片、nodejs上传图片出现unsupported content-type

首先肯定需要先下载依赖包npm install multiparty -s然后引入const multiparty = require('multiparty');router.post('/upload',(req,res)=>{ //注意:这里必须事先定义静态资源路径,不懂得下方有联系方式可以问我 let form = new multiparty.Form({ uploadDir:'./upload/' }); //该模块主要是

2021-02-09 11:14:46 417

原创 Nuxtjs怎样使用全局scss、less

首先需要安装 npm 插件@nuxtjs/style-resources然后在 nuxt.config.js 中进行配置export default { ... css: [ {src:'~assets/css/index.scss',lang:'scss'}//引入你的scss文件 ], ... modules: [ '@nuxtjs/style-resources',//引入模块 ], styleResources: { scss.

2021-02-08 09:42:17 458

原创 ThinkPHP配置静态资源地址

首先打开 application/index 目录新建一个 config/template.php 文件<?phpreturn [ 'tpl_replace_string' => [ '__CSS__'=>'/static/index/css',// 这里指向/public/static/index/css目录 '__JS__' => '/static/index/js',// 这里指向/public/static/i

2021-02-03 16:54:39 277

原创 服务器下部署thinkphp项目出现No input file specified,配置url访问重写,伪静态的配置

正常情况下我们通过url访问 thinkphp 项目,真实的 url 会是域名 / 入口文件【index.php】 / 模块【application目录下的直接子目录】/ 控制器【该子目录下的Controller目录中的文件】/ 操作方法【该Controller目录中文件的 function】很多情况下我们并不想让用户看到入口文件 index.php,就需要在服务器环境配置 url重写Apache服务部署httpd.conf配置文件中加载mod_rewrite.so模块 h...

2021-02-03 16:38:39 182

原创 初识ThinkPHP5.1的HTML复用,抽离HTML公共header和footer

首先在 application/index/view 下新建 public/header.html 和 public/footer.html 和 public/base.htmlpublic/header.html 公共头部 public/footer.html 公共底部 public/base.html 整合public/header.html 公共头部<!DOCTYPE html><html lang="en"><head> &l...

2021-02-03 12:24:01 312

原创 在ThinkPHP5.1中对数据库进行查询操作并渲染到页面

准备工作????:有一个 demo 数据库该数据库有个 demo_user 表该表中数据如下图首先在 /application/index 目录下有一个 view/index/index.html 和 controller/Index.php 和 model/User.phpview/index/index.html 指的是模板视图层【呈现给用户看的】 controller/Index.php 指的是【Index控制器】【这里的Index一定要与view层一一对应】 model

2021-02-02 17:44:11 1332

原创 ThinkPHP5.1的安装与搭建

这里使用 Composer 的方式安装,使用 PhpStudy 来部署Composer 的安装教程点击查看首先在一个空目录下执行如下命令来创建一个 thinkphp5.1 的项目composer create-project topthink/think=5.1.* thinkphp-demo然后使用 phpstudy 来部署然后访问配置的域名出现如下页面说明项目已经部署完成贴上项目目录结构个人博客????:点此进入(http://xueshuai.top)

2021-02-02 14:45:35 270 5

原创 Composer的安装,composer的下载安装

由于 Composer 镜像都在国外,所以直接在官网下载 Windows Installer 后安装很多情况下是无法成功安装的首先将 php 添加到系统环境变量,并开启 openssl 扩展 点击进入官网下载页,点击下载最新版下载后是一个 composer.phar 文件 放到 php 安装目录下,并新建一个 composer.bat 文件,写入如下内容并保存@ECHO OFFphp "%~dp0composer.phar" %*打开命令行 输入 composer -v 显示如下..

2021-02-02 14:32:21 190

原创 NuxtJS中使用axios,Nuxt封装axios请求

nuxt 项目通常都会给我们自带 @nuxt/axios 模块,如果你没有请安装npm install @nuxt/axios -s安装完成之后我们打开 nuxt.config.js,在 modules 中配置如下modules: [ '@nuxtjs/axios'],完成之后就可以直接在 asyncData 里面使用 axios 了但是这里主要讲的是 Nuxt 中 axios 的封装,包括 拦截 和 url 统一管理,请往下看首先在 plugins 目录下新建一..

2021-01-22 15:14:57 3841 1

原创 uniapp掘墓者之IOS时间格式

最近发现了一个小坑,特此记录一下let str = '2020-01-20 15:34:24';new Date(str)// Andriod// Mon Jan 20 2020 15:34:24 GMT+0800 (中国标准时间)// Ios // Invalid Date原因在于Ios只能识别/这种格式的时间格式,所以改成如下代码let str = '2020-01-20 15:34:24';let os = uni.getSystemInfoSync().pl...

2021-01-22 14:46:52 225

原创 uniapp掘墓者之context.drawImage方法

这两天在做一个前端使用canvas生成海报,好家伙,一个问题整了快一周需求是这样的:后台给我返回一个背景图在服务器上的地址 http://xxx.com/img/1.jpg,还有一个二维码所在的 x轴 和 y轴,二维码的内容前端拿到这些之后先把背景图画在canvas上然后通过 qrcode 或者别的技术生成二维码然后再通过x轴和y轴将二维码画在canvas上//先获取到canvas 第一个参数是template中写好的canvas的idlet context = un.

2021-01-22 14:43:10 2285

原创 uni-app组件之mescroll-uni的简单使用

mescroll-uni是一个翻页组件,官方文档【点击查看】这里对 mescroll-uni 进行了二次封装在 components 目录下新建一个 up-down-load.vue<template> <view> <mescroll-uni @init="init" :down="downOption" @down="downCallback" :up="upOption" @scroll="scroll" @up="upCallback" :...

2021-01-22 14:17:07 3829

原创 React的服务端渲染技术---Next.js

项目的创建与目录结构的详解项目的创建有两种创建项目的方式手动创建点击查看 create-next-app脚手架创建(主要介绍)首先需要全局安装 create-next-appnpm install -g create-next-app然后在一个空目录中创建 next 项目这里使用 npx 来创建项目,低版本的 node 没有 npx,所以需要额外的安装,一般情况下,略微高点版本的 node 都自带有 npx 命令 npm install -g npxnp.

2021-01-10 14:15:27 128

原创 Uniapp掘墓者之编译到微信小程序

先看下面这组代码<!--父组件--><father> <!--子组件--> <son @hand="hand"></son></father>hand(){ // #ifndef MP-WEIXIN console.log(this) //father // #endif // #ifdef Mp-WEIXIN console.log(this) //son

2021-01-05 15:10:20 105

原创 HTML怎样实现代码复用,HTML复用之gulp-file-include

首先需要全局安装 Gulpnpm install gulp -g在一个项目中安装 gulp-file-includenpm install gulp-file-include -s新建 dist 、src / include 目录、gulpfile.js 文件dist 是打包之后的页面文件 src/include 是写分离出来的 html 文件(公共html部分,只需要写 html body 部分) gulpfile.js 是 gulp-file-include 的配置文.

2021-01-05 09:43:58 215 1

原创 javascript计算倒计时

将 毫秒级时间戳 转为 天时分秒如 计算【时间戳 1609430400000】距离当前还有多久function countDown(end){ // end 结束时间 let start = new Date().getTime();//当前时间戳 end = new Date(end).getTime();//获取结束时间戳 let time = end - start;//计算相差时间戳 let d = parseInt(time/1000/60/60/

2020-12-28 17:09:16 269 1

原创 PHP学习笔记

开发环境的安装这里我使用的 xampp 集成环境,集成有 php 和 MySQLxampp 的下载安装,具体请点击此处XAMPP官方网站xampp 的具体使用方法这里就不赘述了,有想要了解的,可以加QQ群:【1063233592】运行第一个PHP程序万物皆从 HelloWorld 开始所有的 php 程序必须放在 xampp 的 htdocs 目录下,这里我就在该目录下新建一个 study 目录,新建一个 helloworld.php 文件接下来就要使用编译器...

2020-12-23 17:10:28 44

原创 Nodejs发送邮箱,nodejs怎样发送给163邮箱,nodemailer模块,发送邮箱错误代码535

前提需先安装 nodemailer 模块,执行下面的命令npm install nodemailer -s首先我有一个配置文件 conf.jsmodule.exports = { url:'mongodb://localhost:27017',//数据库地址 secretOrPrivateKey:'xxxxx',//签名 dbName:'xxxxx',//数据库名 port:8000,//端口 email:{ //邮箱配置 host:"smtp.163.

2020-12-23 11:29:40 289

微信sdk在uniapp中下载引入

微信sdk,1.6.0

2021-04-25

空空如也

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

TA关注的人

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