博客
文章平均质量分 73
桑桑和阿战
这个作者很懒,什么都没留下…
展开
-
Vue3组件化开发(3)
1.切换组件案例比如我们现在要实现一个功能:点击一个tab-bar,切换不同的组件显示;这个案例我们可以通过两种不同的实现思路来实现:方式一:通过v-if来判断,显示不同的组件; 方式二:动态组件的方式。2. v-if显示不同的组件我们可以通过v-if来判断显示不同的组件,这个可以使用我们之前学过的知识来实现:...原创 2022-04-10 10:00:00 · 1045 阅读 · 0 评论 -
Vue3组件化开发(2)
1. 非父子组件的通信在开发中,我们构建了组件树之后,除了父子组件之间的通信之外,还会有非父子组件之间的通信。这里我们主要将两种方式:Provide/Inject; Mitt全局时间总线。1.1 Provide和InjectProvide/Inject用于非父子组件之间共享数据:比如有一些深度嵌套的组件,子组件想要获取父组件的部分内容。在这种情况下,如果我们仍然将props沿着组件链逐级传递下去,就会非常麻烦。对于这种情况下,我们可以使用Provide和Inject:无论层级原创 2022-04-06 10:00:00 · 207 阅读 · 0 评论 -
Vue3组件化开发(1)
1. 认识组件的嵌套前面我们是将所有的逻辑放到一个App.vue中: 在之前的案例中,我们只是创建了一个组件App,如果我们一个应用程序将所有的逻辑都放在一个组件中,那么这个组件就会变成非常的臃肿和难以维护。所以组件化的核心思想应该是对组件进行拆分,拆分成一个个小的组件;再将这些组件组合嵌套在一起,最终形成我们的应用程序; 我们来分析一下下面代码的嵌套逻辑,假如我们将所有的代码逻辑都放到一个App.vue组件中: 我们会发现,将所有的代码逻辑全部放到一个组件中,代码是非常的臃肿和难以维护原创 2022-04-02 20:41:07 · 685 阅读 · 1 评论 -
VueCLI和Vite
1. VueCLI1.1 Vue CLI脚手架什么是Vue脚手架? 我们前面学习了如何通过webpack配置Vue的开发环境,但是在真实开发中我们不可能每一个项目从头来完成所有的webpack配置,这样显示开发的效率会大大的降低; 所以在真实开发中,我们通常会使用脚手架来创建一个项目,Vue的项目我们使用的就是Vue的脚手架; 脚手架其实是建筑工程中的一个概念,在我们软件工程中也会将一些帮助我们搭建项目的工具称之为脚手架。Vue的脚手架就是Vue CLI: CLI是Comman.原创 2022-03-30 08:56:10 · 7909 阅读 · 1 评论 -
Vue3的Options-API
1. 复杂data的处理方式 我们知道,在模板中可以直接通过插值语法显示一些data中的数据。但是在某些情况,我们可能需要对数据进行一些转化后再显示,或者需要将多个数据结合起来进行显示; 比如我们需要对多个data数据进行运算、三元运算符来决定结果、数据进行某种转化后显示; 在模板中使用表达式,可以非常方便的实现,但是设计它们的初衷是用于简单的运算; 在模板中放入太多的逻辑会让模板过重和难以维护; 并且如果多个地方都使用到,那么会有大量重复的代码; 我们有没有什么...原创 2022-03-27 14:30:00 · 1856 阅读 · 0 评论 -
数据及事件绑定
一、数据及事件绑定1.知识点(1)算术运算、对象和数组绑定的实现方法(2)事件绑定的实现方法2.实现方式(1)WXML(WeiXin Markup Language)。WXML是框架设计的一套标签语言,结合基础组件、时间系统,可以构建出页面的结构。(2)data对象。data对象是页面第一次渲染时使用的初始数据,WXML中的动态数据均来自对应的Page的data。页面加载时,data以JSON字符串的形式由逻辑层传至渲染层。data中的数据包括:字符串、数字、布尔值、对象、数组。原创 2022-01-29 18:51:03 · 1127 阅读 · 0 评论 -
PHP实现随机发牌功能
一、实训目的1、掌握数组相关知识。2、熟练应用数组遍历。二、实训内容1、扑克牌是一种家喻户晓的纸牌游戏。一副扑克牌有54张牌,其中52张是正牌,另2张是副牌(大王和小王)。52张正牌又均分为13张一组,并以黑桃、红桃、梅花、方块四种花色表示各组,每组花色的牌包括从1-10(1通常表示为A)以及J、Q、K标示的13张牌,玩法千变万化,多种玩法。请通过PHP编程实现扑克牌的随机发牌游戏,通过编程生成52章正牌,然后随机发给A、B、C三位玩家,每人10张牌。任务一:生成扑克牌<?php//原创 2021-10-28 15:02:50 · 1901 阅读 · 2 评论 -
PHP连接数据库(mysqli)
一.实训目的1、掌握mysqli扩展连接和选择数据库的使用2、学会mysqli扩展执行SQL语句和处理结果集的方法3、掌握常用数据库SQL语句二.实训内容自行创建数据库,完成PHP访问数据库的功能。要求:尝试四种处理结果集的方法。1.创建数据库并建表我使用的是phpstudy2016版,注意不同的版本创建数据库的方法也稍有不同。这是接下来我要使用的数据库与表:2.处理结果集建完数据库和表后,尝试使用如下表格中的方法处理结果集。代码如下:<!DOCTYPE **html**原创 2021-10-11 16:02:39 · 504 阅读 · 0 评论 -
webpack安装问题(已解决)
前几天的博客说到了,webpack的两种安装方式:全局安装和局部安装。全局安装时也遇到了一些问题。问题:在nodejs已经安装且环境变量配置好的情况下,依旧报出“‘webpack’不是内部或外部命令,也不是可运行的程序或处理批文件”。这个问题纠结了我一个星期,如果你有其他方法建议先尝试,最后实在没办法了可以学我暴力解决。注意:使用这个方法的前提是nodejs和npm已安装,且环境变量配置好了。解决方法:首先,我们要知道webpack能够全局使用是因为我们调用的nodejs/node_g...原创 2021-09-24 22:22:55 · 2411 阅读 · 1 评论 -
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原创 2021-04-02 11:07:29 · 1855 阅读 · 1 评论 -
Webpack的基础打包
一.什么是webpackWebpack是一个静态的模块化打包工具,为现代的JS应用程序。静态的:最终将所需的代码打包部署到静态服务器;模块化:webpack默认支持各种模块化开发,AMD,CommonJS等;现代的:webpack的出现和发展正是由于现代前端开发所面临的各式各样的问题。打包:从官方给出的图中我们也可以看出webpack可打包的类型多样化,进而减少了页面请求。二.Webpack安装Webpack使用前提:1.官方中文文档:https://webpack.docschina原创 2021-09-14 15:27:44 · 90 阅读 · 0 评论 -
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/就能看到博客原创 2021-08-16 17:27:49 · 3781 阅读 · 0 评论