- 博客(35)
- 收藏
- 关注
原创 小程序开发入门
课程目标了解小程序技术,认识小程序的基本开发方式,为小程序技术学习打下良好的基础。一、小程序与web区别小程序分类微信:以社交流量为载体今日头条:以信息传播流量为载体支付宝:以交易属性为载体小程序特点小程序与web在技术上的区别小程序部分组件直接通过原生实现如camera、canvas、video、map 和 textarea 等小程序会在端上做资源的缓存、销毁等,控制小程序的周期,让小程序能够更快速的加载小程序在架构上将逻辑和渲染进行了分离,而 web 是在同一个进程中。
2021-08-27 00:09:00
191
原创 React 实战
一、React 视图层项目创建Create React Appnpx create-react-app my-appcd my-appnpm start / yarn startJSX基于 JS 的扩展语法如何将 React 元素渲染到DOM中?const element = <h1>Hello,world</h1>;ReactDOM.render(element,document.getElementById('root'))组件React 应用组成
2021-08-26 18:38:33
279
原创 HTML 基础
网页三大元素HTML:网页的基本结构CSS:网页的展示效果JS:网页的功能与行为HTML 简介HTML(HyperText MarkupLanguage 超文本标记语言),用于构建网页超文本:文本中包含指向其他文本的链接标记语言:将文本以及文本相关的其他信息结合发展历时伯纳斯-李在1989年提出了基于互联网的超文本系统1993年IETF(互联网工程任务组)发布首个HTML提案,由此HTML语言第一版诞生在经历过几个草案之后HTML 2.0于1995年发布,包括了基于表单的文件上传、表
2021-08-23 15:28:13
169
原创 TypeScript 入门
开发环境1.安装Node.jshttps://nodejs.org/zh-cn/通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南 根据电脑系统环境进行安装2.初始化一个 TypeScript 项目mkdir project && cd projectnpm init -ynpm install -save-dev typescript3.创建 tsconfig.json 文件方法一:在vscode 中,点击右下角版本号方法二:n
2021-08-23 15:26:56
163
原创 Node.js 基础入门
一、Node.js 简介Node.js 是一个基于 Chrome V8 引擎 的 JavaScript 运行时环境安装与运行下载https://nodejs.org/zh-cn/download/[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-CtVVmSv8-1629702390137)(https://687a-hzpc-1258873690.tcb.qcloud.la/cloudbase-cms/upload/2021-08-23/KfNhtU7MjpvMW
2021-08-23 15:09:35
272
原创 koa2 入门实战
一、创建项目1.初始化项目npm init -y2.安装 koanpm install koa -s3.新建文件 index.jsconst Koa = require("koa");const app = new Koa();const port = "3000";const host = "0.0.0.0";app.use(async (ctx) => { ctx.body = "Hello World";});app.listen(port, host,
2021-07-31 16:20:31
426
原创 云开发 Webify部署vuepress
简单介绍一下:Web 应用托管:Web 应用托管(CloudBase Webify)为您的 Web 应用提供一站式托管服务,支持包括静态网站、动态 Web 服务各种类型的 Web 应用,提供默认域名、自定义域名、HTTPS 和 CDN 加速等功能,提升 Web 应用的性能和安全性,此外还提供基于 Git 的工作流、DevOps 流程和加速开发部署流程,为您提供极佳的服务体验。VuePress :VuePress 是一个以 Markdown 为中心的静态网站生成器。你可以使用Markdown来书写..
2021-07-24 19:16:47
208
原创 微信云托管部署flask项目
一、项目介绍这个项目时我在学习 python 时写的,用 flask 框架和腾讯云开发cms 开发的一个公司官网。其主要功能就是通过 requests 请求云开发cms提供的数据,然后渲染到页面上。软件架构前端UI 框架:layui 服务端:flask 后端API:云开发CMS二、部署项目微信云托管部署 flask 项目1.先将本项目clone到本地(或者直接下载压缩包)https://github.com/hzjsj/flaskProject.git2.访问微...
2021-07-24 19:14:18
1233
原创 vite运行项目报错events.js:352 throw er; // Unhandled ‘error‘ event
解决方法运行命令node node_modules/esbuild/install.js启动项目npm run dev
2021-07-11 14:43:06
1565
原创 页面跳转报错This request has been blocked; the content must be served over HTTPS
js报错:This request has been blocked; the content must be served over HTTPS报错原因:http、https混合导致的网站用的是 https 要跳转到 http 请求,被阻止了。解决方法:1.页面中都是用 https ,或者都使用 http2.在 <head> 标签中添加以下代码<meta http-equiv="Content-Security-Policy" content=.
2021-05-26 12:46:44
35089
4
原创 配置wordpress主页和文章页
本文主要讲解在 wordpress 中,自定义一个主页,和把文章列表页放到导航菜单选项下新建页面在页面选项下,新建两个页面。一个用来当首页的静态页面,一个用来展示文章列表页。配置主页和文章页在设置选项下,点击阅读,这个时候会打开阅读设置页面配置完成后,主页这个页面可以自己布局,文章页这个页面一定是空的,用来展示文章列表。这个时候是看不到文章页的,可以先打开之前创建的页面,看看预览效果。然后在到外观选项下,单价菜单进行配置。...
2021-01-28 16:54:06
3274
原创 阿里云 Serverless 训练营结业测试题
1.函数计算最大可以申请的内存是多大?A. 3072MB. 2048MC. 1024MD. 512M2.以下那种语言(Runtime)是阿里云函数计算所默认支持的A. nodejs12, python3, java8B. php7.2, python2.7C. dotnetcore2.1, nodejs10D. 全都支持3.如果我想做一个Web应用,需要HTTP触发,我在创建函数的时候需要选择以下那个内容A. 事件函数B. HTTP函数C. 事件函数和HTTP函数都可以D. 事件
2020-12-09 15:42:47
1132
4
原创 使用 Docker 部署WordPress博客(Windows 10 专业版)
Docker 介绍Docker 是一个开源的应用容器引擎,基于 Go 语言 并遵从 Apache2.0 协议开源。Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中,然后发布到任何流行的 Linux 机器上,也可以实现虚拟化。Docker 安装Docker 官网:https://www.docker.com/get-started现在 Docker 有专门的 Win10 专业版系统的安装包,需要开启 Hyper-V。阿里云镜像加速阿里云镜像获取地址:https:/
2020-12-04 22:17:41
959
原创 CMD 操作文件和文件夹
文件夹操作命令创建 test 文件夹mkdir test删除 test 文件夹rd test文件操作命令创建 test.txt 文件echo > test.txt创建带内容的文件echo '# Hello test' > README.md查看 README.md 文件内容type README.md删除 test.txt 文件del README.md操作截图如下...
2020-11-08 14:08:08
110
原创 Git 基本操作
仓库# 在当前目录新建一个Git代码库$ git init# 新建一个目录,将其初始化为Git代码库$ git init [project-name]# 下载一个项目和它的整个代码历史$ git clone [url]配置# 显示当前的Git配置$ git config --list# 编辑Git配置文件$ git config -e [--global]# 设置提交代码时的用户信息$ git config [--global] user.name "[name]"$
2020-11-08 14:05:24
61
原创 宏替换 #define SQR(X) X*X
宏替换意思就是原样替换#include <stdio.h>#define SQR(X) X*Xmain(){ int a = 16, k = 2, m = 1; a /= SQR(k + m) / SQR(k + m); // a /= k + m * k + m / k + m * k + m; printf("%d\n", a); return 0;}可以看到宏替换后,第 7 行和第 9 行,意思相同。补充:带参宏定义#define 宏名(形参表)
2020-11-08 13:50:50
4085
1
原创 CMD 操作文件和文件夹
文件夹操作命令创建 test 文件夹mkdir test删除 test 文件夹rd test文件操作命令创建 test.txt 文件echo > test.txt创建带内容的文件echo '# Hello test' > README.md查看 README.md 文件内容type README.md删除 test.txt 文件del README.md操作截图如下...
2020-11-02 21:39:03
336
原创 CentOS7 配置网络、主机名、yum源
修改和添加网卡配置文件/etc/sysconfig/network-scripts/ifcfg-enp*(具体的网口)一、controller节点配置网络:enp8s0: 192.168.100.10DEVICE=enp8s0TYPE=EthernetONBOOT=yesNM_CONTROLLED=noBOOTPROTO=staticIPADDR=192.168.100.10PREFIX=24GATEWAY=192.168.100.1enp9s0: 192.168.200.10
2020-10-06 22:21:59
951
原创 React 组件和事件
基于class 关键字创建组件1.最基本的组件结构//如果要使用 class 定义组件,必须让自己的组件基础React.Componentclass 组件名称 extends React.Component{ //在组件内部,必须有 render 函数 //作用是渲染当前组件的虚拟 DOM 组件 render(){ //render 函数中,必须返回合法的 jsx 虚拟DOM结构 return <div>这是 class 创建的组件</div>
2020-09-05 22:10:39
157
原创 React 基本用法
React 基本用法一、语法元素用 className 来代替 class<div className="App"></div>htmlfor 替换 lable 的 for 属性<label htmlFor='0'></label>标签标签必须成对出现,如果是单标签,则必须自闭和注释推荐使用 {/* 这是注释 */} ,也可也用 //这是注释/* 这是注释 *///这是注释当编译引擎,在编译 JSX 代码的时候,如果遇到了
2020-09-03 23:38:47
329
原创 如何用域名来当作邮箱
之前搭建博客时购买了一个域名,在备案了,准备长期使用,突然想把域名当成邮箱。在网上查了一下,之前可以用QQ邮箱来解析,现在应该不可以了。然后就使用了 腾讯企业邮 做了一个域名邮箱。下面介绍如何使用腾讯企业邮来做一个域名邮箱1.我们需要有一个域名,需要实名认证2.注册一个 腾讯企业邮在注册过程中,如果没有企业的话,可以随便填一下,应该不会影响腾讯企业邮的使用注册成功后,登入管理员账号,系统会给我们随机分配一个免费的域名邮箱,这个时候,我们可以绑定自己的域名,如果是在腾讯云上买的域名,可以扫描授权一下
2020-09-01 14:50:05
1168
原创 Vue 中使用 markdown
Vue 中使用 markdown注意项目使用 CLI3+创建首先安装 marked 插件使用 npmnpm install marked -S使用 yarnyarn add marked在组件中引入 marked<template> <div v-html="md"></div></template><script> //引入marked const marked = require('marke
2020-07-03 13:02:23
670
原创 怎么用win10自带虚拟机
电脑是现代生活中必不可少的工具之一,在使用时候我们常常会遇到虚拟机操作,本次就给大家介绍怎么用win10自带虚拟机,快来看看吧。方法/步骤1.打开“控制面板”,在“程序和功能”子菜单中选择“启用或关闭windows功能”。2.勾选“Hyper”把它展开都勾选上,点击确定并重启电脑。3.重启完成打开开始菜单在“Windows管理工具”子菜单中打开,“Hyper-v管理器”。4.点击“操作”在子菜单下选择“新建”—“虚拟机”。5.当虚拟机创建好之后装系统,将下载好...
2020-07-01 18:17:12
3398
原创 React 安装
React是一个用于构建用户界面的 JavaScript 库。通过 npm 使用 React1.安装Node.js 和 npm通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南根据电脑系统环境进行安装。国内使用 npm 速度很慢,你可以使用淘宝定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:npm install -g cnpm --registry=https://registry.npm.taobao.orgnpm c..
2020-06-29 20:33:44
281
原创 GitHub上部署静态页面
为站点创建存储库如果站点是一个独立的项目,您可以创建新仓库来存储站点源代码。 如果站点与现有项目关联, 您可以将站点的源代码添加到该项目仓库中的gh-pages分支或master分支上的docs文件夹。 例如,如果您创建站点来发布已经在 GitHub 上的项目文档, 您可能想要将站点的源代码存储在与项目相同的仓库中。如果要在现有仓库中创建站点,请跳至 创建您的站点 一节。1.在任何页面的右上角,使用下拉菜单选择New repository(新建仓库)。...
2020-06-15 20:17:46
679
原创 码云上部署静态页面
码云Pages是一个免费的静态网页托管服务,您可以使用 码云Pages托管博客、项目官网等静态网页。如果您使用过Github Pages那么您会很快上手使用码云的Pages服务。目前码云Pages支持 Jekyll、Hugo、Hexo编译静态资源。一、 使用前须知1.仓库必须有 index.html 才可以正常访问2.静态网页的样式可以自己写,也可以拿一些静态模版来修改,Pages服务本身不提供任何形式的模版,但我们后续会陆续增加例子,供大家参考使用。...
2020-06-15 20:14:39
1494
3
原创 WordPress配置SMTP服务发送邮件,实现注册和找回密码功能
wordpress博客有一个注册功能,填了用户名和邮箱后,会收到一封邮件,邮件里有一个链接,点击该链接可以获得密码和修改密码。很多用户试着注册等半天都没有收到邮件,其实我们是需要单独设置这个发送邮件的功能的。我们需要安装一个WP SMTP插件,并做一定配置就可以轻松解决这个问题。1、配置邮箱的SMTP服务的基础信息新浪邮箱,126邮箱,163邮箱,阿里云邮箱和qq邮箱均可以实现这个功能的。新浪邮箱和阿里云邮箱不需要授权码,登录账号和密码就可以在第三方直接使用。而qq邮箱在第三方登录时需要输入
2020-06-12 11:59:20
2932
原创 宝塔面板部署WordPress
在阅读本文时需要使用一台 Linux 服务器来部署宝塔面板,并安装 WordPress。1.安装宝塔你可以通过服务器运营端控制台或是ssh连接你的服务器,连接上你的服务器以后,就可以开始安装宝塔面板,可以看官方的宝塔Linux面板安装教程。https://www.bt.cn/bbs/thread-19376-1-1.html2.创建站点登入宝塔控制面板后,点击网站选项,然后点击添加站点按钮,输入域名或者服务器公网ip,然后提交。3.下载Wo...
2020-06-12 10:59:09
2232
原创 Git 仓库基础操作
仓库基本管理初始化一个Git仓库(以/home/gitee/test文件夹为例)$ cd /home/gitee/test #进入git文件夹$ git init #初始化一个Git仓库将文件添加到Git的暂存区$ git add "readme.txt" 注:使用git add -A或git add .可以提交当前仓库的所有改动。查看仓库当前文件提交状态(A:提交成功;AM:文件在添加到缓存之后又有改动)$ git status -s.
2020-06-11 11:41:42
142
原创 使用git提交第一行代码
在使用Git前我们需要先安装 Git。Git 目前支持 Linux/Unix、Solaris、Mac和 Windows 平台上运行。Git 各平台安装包下载地址为:http://git-scm.com/downloads微云下载地址:https://share.weiyun.com/k5kve9vh我们可以使用 码云 和 GitHub 来创建仓库,并托管我们的代码,这里我用的是码云在创建完仓库之后,可以通过如下方式,可以向仓库提交第一行代码。此处我们以用户账号下命..
2020-06-11 11:35:48
156
原创 Vue CLI 的安装和使用element-ui
工具准备:首先确保系统包含以下环境:1.安装Node.js 和 npm通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南 根据电脑系统环境进行安装,Vue CLI 需要Node.js8.9 或更高版本 (推荐 8.11.0+)。2.安装 Vue CLInpm install -g @vue/cli# ORyarn global add @vue/clivue --version //查看是否安装成功3....
2020-06-10 18:58:27
1907
1
原创 serverless做一个查询IP地址的接口
简单介绍一下:Serverless Framework:Serverless Framework 是业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。工具准备:首先确保系统包含以下环境:1.安装Node.js 和 npm通过 node -v 命令查看本机是否安装,如果没有安装,参考node.js安装指南 根据电脑系统环境进行安装2.安装 Serverless Frameworknpm in..
2020-06-09 17:20:51
385
1
原创 serverless部署炫酷的简历网页
今天和大家分享一篇,serverless部署个人简历的文章,简单的说就是不用购买服务器部署一个个人简历网站。简单介绍一下:Serverless Framework 是业界非常受欢迎的无服务器应用框架,开发者无需关心底层资源即可部署完整可用的 Serverless 应用架构。Serverless Framework 具有资源编排、自动伸缩、事件驱动等能力,覆盖编码、调试、测试、部署等全生命周期,帮助开发者通过联动云资源,迅速构建 Serverless 应用。工具准备:首先确保系统包含以下环境:
2020-06-09 15:11:38
591
原创 Linux 上安装 Node.js
直接从 Node 官网下载已经编译好的包wget https://nodejs.org/dist/v14.2.0/node-v14.2.0-linux-x64.tar.xz //下载tar xf node-v14.2.0-linux-x64.tar.xz //解压cd node-v14.2.0-linux-x64/ //进入解压目录./bin/node -v //执行node命令,查看版本v14.2.0 pwd //查看当前目录,用来设置软链接
2020-05-19 12:43:08
248
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人