不大好不大好-CSDN博客

原创【CSS】字符换行的问题

在CSS中，给一个容器设定固定宽度，当里面的文本超过这个宽度时就会被换行处理；但是有一种情况，就是在div中当遇到连续输入的字母时（字母之间没有空格），就会被默认为这是一个英文单词，单词就会一次输出而不进行换行处理。如果我们想让单词也换行的话，可以给div加上下面这个属性：{　　word-break:break-all; /*支持IE，chrome，FF不支持*/}word-break怎样在单词内断行可选值含义normal（默认值）使用默认的断行规则，即单词不换行。

2022-05-29 11:25:56 1190 1

原创【Vant2】Tab标签页组件自动跳转的坑

使用Vant2写的一个商城，在首页有商品分类目录，比如说数码、家具、美妆等大分类，如下：点击某个类比就会跳转到另一个页面，另一个页面中使用Tab显示分类，同时页面中显示对应分类下的商品目录，如下：需求是：在首页点击 “电脑办公” 分类，跳转后Tab标签应该也自动定位到 “电脑办公”页签下，并且显示对应分类的商品列表。问题是：跳转页面后Tab页签无法正确跳转到对应的页签下，但是显示的商品列表是正确的。根据Vant2的Tab组件文档，我使用的是通过名称name来匹配激活的标签，name绑定的是分类目

2022-05-26 14:43:11 1782

原创【网站】Vue3+ThinkJS搭建个人博客网站

花费了一个多星期，终于把自己的小破站搭建好了。下面是网站首页的截图。网站的前端用的是：Vue3 + Ts + Naive网站的后端用的是：ThinkJS + MySQL网站的在线预览地址是: 非常厉害噻登录账号：test 登录密码：123前端页面登录页面登录页面做的比较简陋，因为实在是想不出怎么做才好，简简单单才是真。因为算是第一版吧，而且主要是个人和女朋友在用，所以并没有对密码做加密处理，都是明文密码，登录模块也是今天匆忙

2022-05-21 19:38:41 531

原创【Vue】手写一个轮播图组件

先上效果图完整代码<script setup lang="ts">import {ref, defineProps} from "vue";// 定义组件属性const props = defineProps({ list: { // 要轮播的图片的数组 type: Array as () => Array<Object>, required: true, default: () => { return [] }

2022-05-15 00:45:21 1305

原创【Vue】动动小手就能让你拥有属于自己的“平板“

效果预览图第一步新建项目先创建一个新项目 web-phone，然后安装 vue-router，路由是一定要安装的，因为我们要通过路由来实现应用切换。第二步配置路由首先我们要新建一个路由组件 PhoneContainer 然后在这个组件的页面，有个 Box 组件，这个 Box 组件里面呢则装着一个 Phone 组件。根据上面的描述，我们需要创建3个 .vue 文件，然后路由组件放在 pages 目录，非路由组件放在 components 目录，然后，我们在 router 目录下的 index

2022-05-07 15:49:40 311

原创【JS】自定义Count类实现链式调用及任务队列

假设有一个需求，我们需要定义一个计数类 Count，然后实现下面这种链式调用：Count(10).plus(5) .multi(2) .minus(10) .plusRightnow(6) .divi(2)上面的代码中 plus\minus\multi\divi 分别代表加\减\乘\除，参数就是要操作的数，然后 plusRightnow 的作用就是跳过执行顺序，不论身处什么位置，优先执行。这个需求该怎么实现呢？首先通过需求分析

2022-04-13 07:01:35 871

原创【Vue】Vue中分支控制语句优化

假设有如下list，我们使用 v-for 将其渲染到页面，并且希望在点击不同项时会执行不同的事件。list:[{title:'点击执行事件A'},{title:'点击执行事件B'},{title:'点击执行事件C'}]要实现上述需求，最常见的做法就是为元素绑定 click 事件 handleClick，然后将 title 属性作为参数传入 handleClick 中，接着使用 if-else 来判断要执行的是哪个事件。<ul> <li v-for="item in

2022-04-10 00:29:01 433

原创 3w字长文带你从JS的对象一路通关到类

ECMA-262将对象定义为：一组属性的无序集合。我们可以把JS中的对象想象成一张散列表，其中的内容就是一组键值对，值的类型可以是数据或者函数。一、理解对象创建自定义对象的通常方式是 new 一个 Object 的新实例，然后再给这个实例添加属性和方法。let person = new Object();person.name = 'Macc';person.age = 18;person.sayHi = function(){ console.log('hi');}⭐现在更流行

2022-02-12 01:13:44 556

原创【Vue】引入Echarts出错

使用下面的命令安装Echartsnpm install echarts --save在 main.js 中引入，并将其挂载到Vue原型上import echarts from 'echarts'Vue.prototype.$echarts = echarts然后编译时出现如下警告解决方法在 main.js 中引入，并将其挂载到Vue原型上import * as echarts from 'echarts'...

2021-11-23 09:14:30 1224

原创【Vue】前端跨域解决方法

情景Vue项目的url：http://localhost:8080/本地后台所在: http://localhost:8081/这样就导致了跨域问题，解决方法林林总总，特开一遍文章来持续记录。前端跨域vue.config.js找到项目的根目录下的 vue.config.js 文件（没有就新建），然后在里面输入以下代码：//在根目录下创建vue.config.js,如下配置：module.exports = { devServer: { //跨域 pro

2021-11-15 15:57:07 4079

原创【Vue】模拟抽奖广告的Vue组件

情景双11快到了，一打开某宝某多多就是各种奇奇怪怪的广告，最多的就是抽奖的，被弄的不胜其烦，正好最近没什么动力学习，荒废时间又不合适，就干脆模仿一下这些抽奖广告，做个Vue组件。实现效果如下图：实现涉及到的知识点Vue动态绑定classJavaScriptsetInterval()、clearInterval()Math对象中的random()、round()CSSflex布局代码<template> <div> <div

2021-11-08 15:48:24 540

原创【JS】Ajax的基本概念

情景当用户在浏览器地址栏输入我是乱打的.com 并点击跳转按钮时，浏览器会向服务器发送一条请求，服务器接受到浏览器发送的请求之后，会对这个请求进行响应，然后浏览器把响应数据渲染到页面上，这样用户就看到自己想要看的网页了。那假如我的这个网页是一个实时投票网页，我要是想要获得最新数据，就得不停地刷新网页，不停地让浏览器重新发送请求，再根据响应数据重新渲染整个页面，可是事实上，我整个网页改变的只有我的票数那么一小个地方，没必要整个页面都重新渲染一次，这样一想，用上面的这种方法太浪费资源了，那么有没有办法能让

2021-10-21 16:17:33 797

原创【JS】回调函数、回调地狱、Promise基本概念、async/await关键字

回调函数回调函数就是一个被作为参数传递的函数。说的通俗点就是，当一个函数A作为参数，被传入另一个函数B中，并且它不会立刻执行，而是只有当满足一定条件后函数A才可以执行，那么像A这种函数就称为回调函数。像定时器和ajax中就存在有回调函数。//定义一个函数var A = function (){ console.log('我是回调函数A');}//把函数当作参数传递进另一个函数setTimeout(A,3000);同步任务和异步任务同步任务如下面的代码：console.log

2021-10-21 13:11:56 316

原创【Vue】父子组件之间的通信

情景父组件有一个 btnList 数组，里面存放着按钮的名称和按钮的id，现在要把这个数组传入到子组件中进行渲染。子组件渲染出按钮后，点击按钮，父组件的 h1 标签中会显示出当前点击的按钮是哪一个。实现父组件传值给子组件可以使用 props 的方式，但是这种方式只能单向数据传递，即只能父组件传，子组件接收。子组件传值给父组件使用自定义事件 $emit() 。HTML版代码<div id="app"> <father></father><

2021-10-19 19:03:46 183

原创【Vue】组件化基本使用、全局组件和局部组件、父子组件

<div id="app">  <cpc/></div><script src="../vue.js"></script><script> // 导入的Vue.js里面存在一个Vue对象。 //1.创建组件（组件构造器） const componentContructor = Vue.extend({ //extend接收一个对象参数 //te.

2021-10-18 10:27:53 162

原创【PHP】PhpStudy升级PHP版本操作步骤

1.去PHP官网下载要升级到的PHP版本比如，我要升级到8.0版本。2.解压，重命名，剪切把下载好的文件解压了。把文件重命名成下面这种格式。把重命名后的文件夹，剪切到phpstudy安装目录下的php文件夹下。3.切换版本，重启phpstudy点击phpstudy里的切换版本。选择后，重启phpstudy。...

2021-10-15 15:20:26 3334

原创【Vue】项目导入

情景我在A电脑创建的Vue项目，上传到码云，到B电脑把代码拉下来了，使用脚手架的 vue ui 图形化界面进行项目导入，结果显示找不到依赖，显示如下图。解决过程错误提示说缺少’node_module‘，这是一个文件夹，用来放依赖包的，可通过 npm install 命令进行安装。第一步，先进入到项目的根目录。第二步，在窗口的路径栏中输入cmd，点击回车。第三步，输入 npm install，回车。等安装好后，再进行导入就可以了。基础不牢，很多常识性的东西不了解，还需积累。...

2021-10-14 13:48:13 2635

原创【JS】建造者模式和原型模式

建造者模式//创建一个人类var Human = function(param) { this.skill = param && param.skill || '保密'; //技能 this.hobby = param && param.hobby || '保密'; //兴趣爱好};//人类原型方法Human.prototype = { getSkill: function() { return this.skill;

2021-10-13 23:09:34 69

原创【JS】JavaScript工厂模式

简单工厂模式（Simple Factory）//篮球基类var Basketball = function() { this.intro = '篮球盛行于美国';}Basketball.prototype = { getMember: function() { console.log('每个队伍需要五个队员'); }, getBallSize: function() { console.log('篮球很大'); }}//足

2021-10-10 13:01:11 564 4

原创【JQ】动态添加的元素无法触发绑定事件的解决办法

情景如上面的模态框，点击左边的添加按钮，会把整个div添加到右边，点击右边的删除按钮，则把整个div添加回左边，就类似于穿梭框的样子。不难，下面是一开始想到的方案：$('#SelectedDevice button').click(function(){ $(this).text('添加'); let this_device = $(this).parent().parent(); this_device.remove();//从待选设备框中移除 $('#DeviceToBeSelect

2021-10-02 00:39:14 1119

原创【第一章】灵活的语言——JavaScript

一、function的直接定义和存在变量里区别平时我们定义函数有两种方式:直接定义定义一个变量，将函数赋值给这个变量这两中定义方式有什么区别呢？直接定义的函数，可以直接调用，因为存在变量提升，不需要提前声明。函数变量在调用前需要提前声明。测试实例：f_func(); //直接定义的函数无需提前声明v_func(); //函数变量，未声明时调用失败function f_func() { console.log("我是直接定义的函数f_func");}var v_func

2021-10-01 01:03:35 86

原创【JQuery】Datatables插件的基本使用方法

介绍Datatables是一款jquery表格插件。它是一个高度灵活的工具，可以将任何HTML表格添加高级的交互功能。基本使用既然是JQuery的插件，那么在引入之前肯定是先引入JQ库。JQuery库下载地址https://jquery.com/download/JQuery的百度CDNhttps://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js然后再引入datatables的CSS和JS文件Datatables下载地址http://

2021-09-30 20:37:48 3194

原创【JS】2.语言基础、var、let、const声明的区别

语言基础语法语法方面可以参考C语言。区分大小写ECMAScript中的一切都区分大小写。标识符即变量、函数、属性或者函数参数的名称。标识符可以由一个或者多个下列字符组成：第一个字符必须是一个字母、下划线_或者美元符号$;剩下的字符可以是字母、下划线、美元符号或者数字。驼峰命名法：是一种惯例，不做强制要求。即第一个单词的首字母小写，后面每个单词的首字母大写。例如：firstSecond myCar doSomething注释//这是单行注释/*这是多行注释*/严格模式

2021-09-25 13:26:42 119

原创【PHP】3.运算符

PHP运算符用来对变量、常量或数据进行计算的符号，它对一个值或者一组值执行一个指定的操作。主要包括：算数运算符字符串运算符赋值运算符位运算符逻辑运算符比较运算符递增递减运算符条件运算符算术运算符处理四则运算的符号，在数字的处理中运用的最多。名称操作符示例加法运算+$a + $b减法运算—$a - $b乘法运算*$a * $b除法运算/$a / $b取余数运算（模运算）%$a % $b取余数运算的时候，如果被

2021-09-23 23:58:14 119

原创【JS】1.什么是JavaScript、HTML中的JavaScript

JavaScriptJavaScript是一门用来与网页交互的脚本语言。完整的JavaScript实现包含以下几个部分核心（ECMAScript），由ECMA－262定义并提供核心功能。文档对象模型（DOM），提供与网页内容交互的方法与接口。浏览器对象模型（BOM），提供与浏览器交互的方法与接口。DOM文档对象模型（Document Object Model）是一个应用编程接口（API），用于在HTML中使用扩展的XML。DOM将整个页面抽象为一组分层节点。HTML或XML页面的每个组成

2021-09-23 12:56:04 140

原创【力扣】第3题：无重复字符的最长子串解题思路

第3题：无重复字符串的最长子串解法一：暴力解法1.逐个生成子字符串2.看它是否不含有重复的字符字符串的情况有：1.正常字符串，即内容随机，如 'jksdhfjksdf'2.字符串全是相同的元素，如 'bbbbbbbbbb'3.空字符串遇到的问题1.PHP内存溢出问题//错误描述Fatal error: Allowed memory size of 134217728 bytes exhausted (tried to allocate 16384 bytes) in E:\Web

2021-09-14 12:57:51 154

原创【TP6】控制器、模型

控制器控制器[controller]，放在 controller 目录下的php文件。若是想要改变系统默认的控制器文件目录，可以在 config 下的 route.php 中配置。'controller_layer' => 'controller_new',//新的控制器目录参照上图，如果想避免引入同类名时的冲突(MVC中的模型和控制器经常会同名)，可以在该文件设置控制器后缀：'controller_suffix' => true,控制器的渲染输出returnTP直接采用

2021-08-19 14:02:57 1062

原创【TP6】安装及入门

TP6安装及入门安装测试运行打开安装的根目录，在地址栏输入 cmd 后按回车键。进入cmd界面。然后输入 php think run 后按回车。复制上图的地址，在浏览器地址栏输入，回车，显示下面的界面即成功。开发规范遵循规范很重要，下面图片在TP6的手册里可以看到。熟记。上图框住的两点可以看下面这张图理解一下。单应用目录结构TP6默认是单应用模式。www WEB部署目录（或者子目录）├─app 应用目录│ ├─controller 控制

2021-08-18 12:24:01 1234

原创【微信小程序】上传图片到oss对象存储（PHP）

oss准备第一步：先去阿里云买个oss第二步：看oss的文档先点这里再点这里想办法把SDK下载下来，下面是SDK的目录结构重点要注意的就是上面的红圈里面的文件。继续看官方文档从上面的代码我们可以看出，我们还需要准备的东西有下面几样AccessKeyIdAccessKeySecretEndPointBucketAccessKeyID进入oss管理控制台注意图片上的【常用入口】，一会还会用到。先点击【Access Key】，进入下一个页面。这篇文章的目的是尝试使用

2021-08-08 15:25:46 1033 1

原创【PHP】2.常量、变量

PHP常量常量，即值不变的量。常量被定义后，在脚本（PHP文件）的其他任何地方都不能改变。定义方式PHP中使用 define() 方法来定义常量。//语法格式：define(string constant_name, mixed value, case_sensitive = false);//case_sensitive:大小写是否敏感，默认为false获取常量值的方式获取常量值有两种方式：使用常量名直接获取使用函数 constant() 获取两者效果一样（都可以获取到某个已定

2021-07-27 14:32:07 140

原创【PHP】1.语言基础

目录标记风格（4种）XML风格脚本风格简短风格ASP风格注释（3种）单行注释多行注释块注释文档注释#风格注释数据类型（8种原始类型）标量类型（4种）布尔型（boolean）字符串型（string）整型（integer）浮点型（float）复合数据类型（2种）数组（array）对象（object）特殊数据类型（2种）资源（resource）空值（null）数据类型转换类型强制转换类型转换函数 settype()检测数据类型标记风格（4种）标记的作用：便于和HTML代码区分开来XML风格<?php

2021-07-21 20:26:25 223 1

原创【微信小程序】使用npm引入vant组件的详细步骤

本地开发的引入方法新建微信小程序这里讲的是不使用云开发的引入方法，不过两者大同小异。记住小程序的目录路径看vant的开发文档Vant Weapp 开发文档入口文档里面的快速上手有讲到npm如何安装，但是直接按照上面的步骤一步一步来，是构建不了npm的。我们从步骤二开始。修改app.json修改 project.config.json这一步还有一点要注意，就是vant文档中特别提到的这个注意是什么意思呢，写的太官方看不懂不要紧，只要看懂目录文件结构问题就行了，一会我们就会遇

2021-07-15 13:31:21 1071 6

原创【Vue】Vue路由的基本使用--简单侧边栏的实现

项目搭建vue-router的安装一、用脚手架vue-cli基于webpack模板搭建vue项目的时候，在项目配置中选择使用vue-router，即 Install vue-router? Yes (推荐使用)二、进入到项目根目录，运行命令 npm install vue-router 回车路由使用实例路由组件和非路由组件组件可以分为两类，路由组件和非路由组件。上面图片中的侧边栏就是3个路由组件，而右边的则是非路由组件。以使用第一种方法安装的vue-router为例，安装好项目文件夹的目录

2021-05-27 18:55:40 2241 2

原创【Vue】天气预报功能--axios的使用实例

axios的教程使用起来挺简单的，看文档再加上实例就能明白了。文档链接点击这里axios的安装进入到项目文件夹下，运行终端，输入npm install axios --save，点击回车。axios的使用在哪里使用，在哪里引入。比如我需要在App.vue页面使用axios，那么就在App.vue页面引入：需求做一个天气预报的页面，显示未来十五天的天气。默认显示地区为广州，支持搜索功能。静态页面将页面的标题抽取出来做成组件CardTitle将页面中的表格抽取出来做成组件Weat

2021-05-26 16:02:18 1469 2

原创【Vue】基于脚手架创建Vue项目+Vue组件基本使用

第一步：安装Node.jsnode.js 安装详细步骤教程第二步：全局安装vue-clinpm install @vue/cli -g第三步：创建一个基于 webpack 模板的新项目（一）下载webpack离线模板下载地址：https://github.com/vuejs-templates/webpack下载好之后，将其解压到本地用户目录下的.vue-templates目录下(二) 创建项目进入你的项目目录，创建一个基于 webpack 模板的新项目。比如说你想在E盘的Web

2021-05-25 16:02:07 417

原创【二级】（Excel）用SQL语句理解VLOOKUP 查找与引用函数

一、VLOOKUP函数的功能说明Excel中对该函数的功能说明是：搜索表区域首列满足条件的元素，确定待检索单元格在区域中的行序号，再进一步返回选定单元格的值。默认情况下，表是以升序排序的。VLOOKUP是一个查找函数，给定一个查找的目标，它就能从指定的查找区域中查找并返回想要查找到的值。（这个指定区域可以是同一文件下的不同的工作表）二、函数的基本参数先找到函数可以看到函数有4个参数参数名称作用Lookup_value需要在数据表首列进行搜索的值，可以是数值、引用

2021-05-18 13:48:54 3485

原创【二级】（Word、Excel）使用邮件合并技术制作邀请函

题目：…6.在“尊敬的”和“（老师）”文字之间，插入拟邀请的专家和老师的姓名，名单在文件“通讯录.xlsx”中，每页邀请函只能包含1位老师的名字。…解题步骤：1.把光标定位在“尊敬的”和“（老师）”文字之间，点击【邮件】选项卡上的【开始邮件合并】组中单击“开始邮件合并”下拉按钮，在展开列表中选择 “邮件合并分步向导” 命令。启动“邮件合并”任务窗格。2.邮件合并分步向导在“邮件合并”任务窗格“选择文档类型”中保持默认选择信函，单击“下一步：正在启动文档”超链接。“选择开始文档”中保

2021-05-15 16:45:15 8351

原创【JS】原始值包装类型-Boolean、Number、String

为了方便操作原始值，ES提供了3中特殊的引用类型：BooleanNumberString它们具有其他引用类型一样的特点，也具有与各自原始类型对应的特殊行为。每当调用到某个原始值的方法或者属性的时候(原始值本身不是对象，逻辑上不应该有属性和方法)，后台都会自动创建一个相应的原始包装类型的对象，从而暴露出操作原始值的各种方法。(也就是说，我们调用某个原始值的属性或方法时，其实调用的是这个原始值相应的包装类型的对象的属性或者方法)。let s1 = "some text";//原始值，字符串le

2021-05-12 23:21:29 174

原创用Python下载学习通课程首页的资料

事情起因：学习通的一门课程的资料，没有给下载路径，只能在网页或者手机看，太不方便了，就想着用python爬下来，在本地看。也不能转存到学习通的网盘，也不能分享到微信或者QQ，也不能用手机浏览器打开。思路：一、先看控制台哇塞直接就获得了图片路径完事了，先试一下这个路径：路径可以用，无语，还以为会经历一场血雨腥风。。。现在就变得简单了，放代码：import urllib.requestimgUrl_header = 'https://s3.ananas.chaoxing.com/d

2021-05-10 16:04:15 1145 7

原创【教程】Windows如何搭建一个Vue项目

参考链接：https://www.cnblogs.com/yanxulan/p/8978732.html如何搭建一个Vue项目先看上面的这篇文章，然后文章的第一步是“安装node环境”，它里面讲的不够通俗易懂，小白看了会迷糊，所以第一步安装node环境建议参考下面的这篇文章参考链接：https://blog.csdn.net/antma/article/details/86104068node.js 安装详细步骤教程然后第二部，搭建Vue项目环境就可以继续跟着第一篇文章来走了。有.

2021-05-08 08:34:13 108

空空如也

【智力题】两两对战，问某一局的对战双方是谁

CSDN博文里面的动图怎么弄的呀 麻烦知道的大哥说一下呗 [face]monkey2:021.pn

JQuery动态引入两个外部JS文件，一个引入成功一个却不执行，求解？

【ASP】 网页中的select下拉选择框读取不到值是怎么回事呢？

CSDN博文里面的动图怎么弄的呀麻烦知道的大哥说一下呗 [face]monkey2:021.pn

【ASP】网页中的select下拉选择框读取不到值是怎么回事呢？