桑桑和阿战

原创 微信小程序开发--习题

2021 微信小程序开发(河北经贸大学) 章节测试答案第1周 初识微信小程序 第1周 单元测验1、 问题:注册微信小程序账号的网址是（ ）选项：A: https://www.weixin.qq.comB:https://mp.weixin.qq.comC:https://ap.weixin.qq.comD:https://xcx.weixin.qq.com答案: 【https://mp.weixin.qq.com】2、 问题:查看AppID的位置是在“开发”项目中的（ ）选项：A:

原创 Vue脚手架报错 Component name “Student“ should always be multi-word vue/multi-word-component-names

Vue脚手架报错 Component name "Student" should always be multi-word vue/multi-word-component-names

原创 Vue3组件化开发（3）

1.切换组件案例比如我们现在要实现一个功能：点击一个tab-bar，切换不同的组件显示；这个案例我们可以通过两种不同的实现思路来实现：方式一：通过v-if来判断，显示不同的组件； 方式二：动态组件的方式。2. v-if显示不同的组件我们可以通过v-if来判断显示不同的组件，这个可以使用我们之前学过的知识来实现：...

原创 Vue3组件化开发（2）

1. 非父子组件的通信在开发中，我们构建了组件树之后，除了父子组件之间的通信之外，还会有非父子组件之间的通信。这里我们主要将两种方式：Provide/Inject； Mitt全局时间总线。1.1 Provide和InjectProvide/Inject用于非父子组件之间共享数据：比如有一些深度嵌套的组件，子组件想要获取父组件的部分内容。在这种情况下，如果我们仍然将props沿着组件链逐级传递下去，就会非常麻烦。对于这种情况下，我们可以使用Provide和Inject：无论层级

原创 Vue3组件化开发（1）

1. 认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中： 在之前的案例中，我们只是创建了一个组件App，如果我们一个应用程序将所有的逻辑都放在一个组件中，那么这个组件就会变成非常的臃肿和难以维护。所以组件化的核心思想应该是对组件进行拆分，拆分成一个个小的组件；再将这些组件组合嵌套在一起，最终形成我们的应用程序； 我们来分析一下下面代码的嵌套逻辑，假如我们将所有的代码逻辑都放到一个App.vue组件中： 我们会发现，将所有的代码逻辑全部放到一个组件中，代码是非常的臃肿和难以维护

原创 VueCLI和Vite

1. VueCLI1.1 Vue CLI脚手架什么是Vue脚手架？ 我们前面学习了如何通过webpack配置Vue的开发环境，但是在真实开发中我们不可能每一个项目从头来完成所有的webpack配置，这样显示开发的效率会大大的降低； 所以在真实开发中，我们通常会使用脚手架来创建一个项目，Vue的项目我们使用的就是Vue的脚手架； 脚手架其实是建筑工程中的一个概念，在我们软件工程中也会将一些帮助我们搭建项目的工具称之为脚手架。Vue的脚手架就是Vue CLI： CLI是Comman.

原创 Vue3的Options-API

1. 复杂data的处理方式 我们知道，在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况，我们可能需要对数据进行一些转化后再显示，或者需要将多个数据结合起来进行显示； 比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示； 在模板中使用表达式，可以非常方便的实现，但是设计它们的初衷是用于简单的运算； 在模板中放入太多的逻辑会让模板过重和难以维护； 并且如果多个地方都使用到，那么会有大量重复的代码； 我们有没有什么...

原创 小程序组件

表1

原创 数据及事件绑定

一、数据及事件绑定1.知识点（1）算术运算、对象和数组绑定的实现方法（2）事件绑定的实现方法2.实现方式（1）WXML（WeiXin Markup Language）。WXML是框架设计的一套标签语言，结合基础组件、时间系统，可以构建出页面的结构。（2）data对象。data对象是页面第一次渲染时使用的初始数据，WXML中的动态数据均来自对应的Page的data。页面加载时，data以JSON字符串的形式由逻辑层传至渲染层。data中的数据包括：字符串、数字、布尔值、对象、数组。

原创 小程序的基本架构

一、小程序的基本架构1.知识点（1）小程序整体配置方法。（2）小程序页面配置方法2.实现方法2.1全局配置小程序根目录下的app.json文件夹用来对微信小程序进行全局配置，文件内容作为一个JSON对象，主要配置项如下表所示。属性类型必填描述pagesstring[]是页面路径列表windowobject否全局的默认窗口表现tabBarobject否底部tab栏的表现networkTimeoutobject否网络超时时间d

原创 小程序编程基础（四）

小程序编程基础（四）一、随机数求和1.知识点（1）JavaScript中Array对象函数的使用方法。（2）JavaScript中Number对象函数的使用方法。2.实现方法JavaScript中的对象包括：字符串、数字、数组、日期等等。对象是拥有属性和方法的数据，属性是静态数据，方法是能够在对象上执行的动作，即动态数据。2.1 JavaScript中的Array对象用于在单个的变量中存储多个值，其常用属性和方法如下表所示。属性和方法说明length设置或返回数组中元

原创 小程序编程基础（三）

小程序编程基础（三）一、 摄氏温度转华氏温度1.知识点（1）input组件的使用方法。（2）数学表达式转化为JavaScript表达式的方法。（3）JavaScript程序顺序执行的实现方法。2.实现方法（1）JavaScript中顺序结构的程序设计方法。顺序结构程序设计是指按照解决问题的顺序写出相应的语句，它的执行顺序是自上而下，依次而行。（2）JavaScript中数学运算的基本方法。JavaScript中的数学运算需要将数学表达式利用JavaScript运算符和函数等转换为JavaS

原创 小程序编程基础（二）

小程序编程基础（二）1.盒模型1.1知识点（1）盒模型的结构。（2）边框的设置方法，包括边框宽度、样式和颜色。（3）编剧的设置方法，包括外边距和内边距。1.2盒模型所有WXML元素都可以看做盒子，在WXSS中，box model这一术语是用来设置布局时使用。盒模型本质上是一个盒子，封装周围WXML元素，他包括边距，边框，填充和实际内容，模型结构如图01所示，各部分说明如下。（1）element（内容）：盒子的内容，包括文本和图像。（2）padding（内边距）：清楚内容周围的区域，内边距

原创 小程序编程基础（一）

小程序编程基础（一）1.字体样式设置1.1知识点（1）各种字体样式属性名称及其含义。（2）利用style和class设置字体样式的方法。（3）在index.wxss和app.wxss中定义样式类的方法。属性含义属性值列举font-family字体类型serif,sans-serif,monospace,cursive,fantasy,…font-size字体大小5px/rpx/cm,large,small,medium,larger,smaller,…f

原创 双核心出口三层结构园区网配置（完整版）

配置双核心三层结构双路由双出口园区网：环境要求：1、安装win7、win10或winsrv的pc机一台2、cisco Packet Tracer7.3以上模拟器任务一:在模拟器上配置网络拓扑，分配IP地址设备名端口/接口IP地址掩码长度网关PC11.2Fa0172.16.11.224172.16.11.1PC12.2Fa0172.16.12.224172.16.12.1PC21.2Fa0172.16.21.224172.16.21.1

原创 smarty模板的使用（2）

smarty模板的使用（2）：一.函数每一个smarty标签输出一个变量或者调用某种函数.在定界符内 函数（用’{'包住）和其属性（用界符包住）将被处理和输出.例如:{funcname attr1="val" attr2="val"} 在模板里无论是内建函数还是自定义函数都有相同的语法.内建函数将在smarty内部工作,例如 {if} , {section} and {strip} .他们不能被修改.自定义函数通过插件机制起作用,它们是附加函数. 只要你喜欢,可以随意修改.你也可以自行添加

原创 smarty模板的使用（1）

smarty模板的使用（1）:一.什么是smarty模板？Smarty是一个php模板引擎。更准确的说,它分开了逻辑程序和外在的内容,提供了一种易于管理的方法。可以描述为应用程序员和美工扮演了不同的角色,因为在大多数情况下 ,他们不可能是同一个人。例如,你正在创建一个用于浏览新闻的网页,新闻标题,标签栏,作者和内容等都是内容要素,他们并不包含应该怎样去呈现。在Smarty的程序里,这些被忽略了。模板设计者们编辑模板,组合使用html标签和模板标签去格式化这些要素的输出(html表格,背景色,字体大小

原创 Babel对JS-Vue的处理（1）

为什么需要babel？事实上，在开发中我们很少直接去接触babel，但是babel对于前端开发来说，目前是不可缺少的一部分：开发中，我们想要使用ES6+的语法，想要使用TypeScript，开发React项目，它们都是离不开Babel的；所以，学习Babel对于我们理解代码从编写到线上的转变过程至关重要。Babel是什么？官方给出的解释是，Babel是一个工具链，主要用于旧浏览器或者环境中将ECMAScript 2015+代码转换为向后兼容版本的JavaScript。主要包括：语法转换、源

原创 PHP实现随机发牌功能

一、实训目的1、掌握数组相关知识。2、熟练应用数组遍历。二、实训内容1、扑克牌是一种家喻户晓的纸牌游戏。一副扑克牌有54张牌，其中52张是正牌，另2张是副牌（大王和小王）。52张正牌又均分为13张一组，并以黑桃、红桃、梅花、方块四种花色表示各组，每组花色的牌包括从1-10（1通常表示为A）以及J、Q、K标示的13张牌，玩法千变万化，多种玩法。请通过PHP编程实现扑克牌的随机发牌游戏，通过编程生成52章正牌，然后随机发给A、B、C三位玩家，每人10张牌。任务一：生成扑克牌<?php//

原创 PHP连接数据库(mysqli)

一.实训目的1、掌握mysqli扩展连接和选择数据库的使用2、学会mysqli扩展执行SQL语句和处理结果集的方法3、掌握常用数据库SQL语句二.实训内容自行创建数据库，完成PHP访问数据库的功能。要求：尝试四种处理结果集的方法。1.创建数据库并建表我使用的是phpstudy2016版，注意不同的版本创建数据库的方法也稍有不同。这是接下来我要使用的数据库与表：2.处理结果集建完数据库和表后，尝试使用如下表格中的方法处理结果集。代码如下：<!DOCTYPE **html**

原创 webpack安装问题（已解决）

前几天的博客说到了，webpack的两种安装方式：全局安装和局部安装。全局安装时也遇到了一些问题。问题：在nodejs已经安装且环境变量配置好的情况下，依旧报出“‘webpack’不是内部或外部命令，也不是可运行的程序或处理批文件”。这个问题纠结了我一个星期，如果你有其他方法建议先尝试，最后实在没办法了可以学我暴力解决。注意：使用这个方法的前提是nodejs和npm已安装，且环境变量配置好了。解决方法：首先，我们要知道webpack能够全局使用是因为我们调用的nodejs/node_g...

原创 求助帖：webpack全局安装出现问题

webpack全局安装出了点问题，求大佬帮忙解答(灬ꈍ ꈍ灬)问题描述：使用命令npm install webpack webpack-cli -g下载后，查看版本号，显示：‘webpack’ 不是内部或外部命令，也不是可运行的程序或批处理文件。找到他所在的文件夹，重新查看，成功。尝试解决：我的nodejs目录是C:\node,node和npm都可以使用。环境变量也设置好了，系统变量path：应该全都设置好了，但为什么不能用啊o(╥﹏╥)o求大佬指教！！！...

原创 PHP实现简单计算器

实训练习：PHP与Web表单交互一、实训目的1、掌握表单创建的语法格式。2、灵活应用PHP与表单数据的交互与处理。二、实训内容1、创建表单,模拟一个简单计算器,并对输入的数据进行合理验证。2、代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" > <meta http_equiv="Content-Type" content="text/html"

原创 PHP实例练习

使用PHP解决以下问题：1.百钱百鸡具体案例如下：公鸡5文钱1只，母鸡3文钱1只，小鸡1文钱买3只，现在用100文钱共买了100只鸡，问：在这100只鸡中，公鸡、母鸡和小鸡各是多少只？（设每种至少一只）任务一：创建PHP文件：使用穷举法解决百钱白鸡的问题。代码如下：<?php  $data=[];  for ($i = 1; $i < 20; $i++){ &n

原创 Webpack的基础打包

一．什么是webpackWebpack是一个静态的模块化打包工具，为现代的JS应用程序。静态的：最终将所需的代码打包部署到静态服务器；模块化：webpack默认支持各种模块化开发，AMD，CommonJS等；现代的：webpack的出现和发展正是由于现代前端开发所面临的各式各样的问题。打包：从官方给出的图中我们也可以看出webpack可打包的类型多样化，进而减少了页面请求。二．Webpack安装Webpack使用前提：1.官方中文文档：https://webpack.docschina

原创 使用PXE和kickstart批量安装centos7

HA实验一使用PXE和kickstart批量安装centos7文章目录HA实验一实验要求案例子任务一、使用centos7安装配置boot server服务1.安装图形界面的centos7作为boot server2.在boot server上安装配置检验dhcp服务3.在boot server上安装配置检验tftp服务4.在boot server上安装配置检验vsftpd服务案例子任务二、在boot server上准备PXE启动所需文件1.在boot server安装syslinux，准备PXE启动

原创 Linux实验1：使用vmware虚拟机安装CentOS系统

Linux实验作业1使用vmware虚拟机安装CentOS系统文章目录Linux实验作业1实验要求任务一：使用vmware建立新的虚拟机任务二：安装CentOS7系统任务三：系统登录、控制台切换、图形界面操作任务四：关机、重启实验要求试验任务名称使用vmware虚拟机安装CentOS系统试验任务序号01包含子任务数4环境要求PC支持VT，2G内存以上；安装有vmware； CentOS7安装盘ISO任务一：使用vmware建立新的虚拟机要

原创 vue3个人学习进度（PPT版）

原创 hexo init报错处理

项目场景：hexo+github博客部署中，在nodejs,Git环境搭建并注册Github账号并创建仓库后，开始搭建博客。运行npm install -g hexo安装hexo本地环境输入hexo查看是否能够运行hexo命令（1） 创建保存本地博客的工作文件夹MyBlog（2） 初始化hexo博客工程：hexo init（3）编译博客系统：hexo g（4） 启动本地服务器进行预览：hexo s如果hexo正常工作了，输入http://localhost:4000/就能看到博客

原创 Centos7 ping www.baidu.com : Name or service not know

Centos7 ping www.baidu.com : Name or service not known解决方法（1）文章中出现的问题是我在学习中所遇到的，解决方法也是在自己的揣摩下得以实现，如果我们的问题相同，希望能够帮得到你，如果未能解决你的问题，在此我深表歉意。项目场景：虚拟机上网调试过程顺序： 一.ping 网关（网关不通，检查地址）；二.ping 外网地址；三.ping 域名，例如www.baidu.com(ping 域名不通，ping地址8.8.8.8，若有问题，用route -n