檀十七-CSDN博客

原创记录一下前端在没有浮动的情况下，子盒子div有元素显示高度为0的情况

在网上查资料说是float浮动属性会导致这种情况，但是通篇代码并没有使用这个属性，排除这个原因。发现middle-info中的子div样式重叠，使用开发者工具检查发现子div高度为0。最后通过排查发现在最外层的middle-title类样式中设置了。导致子div高度失效问题，注释掉后正常显示。在对middle-info及子元素添加。也可以解决这个问题。

2023-07-04 14:15:10 280

原创 2021-09-09 vue3在setup中实现父子组件的双向绑定

vue3在setup中实现父子组件的双向绑定父组件：引用custom-cell的子组件，这是自己写的一个自定义单元格，样式就不放出来<template> <div>  <custom-cell title="名字" v-model:xx="list.name"></custom-cell> </div></template><script> import cust

2021-09-09 17:37:44 1296

原创 xshell的一些常用命令

xshell的一些常用命令最近用xshell上传文件到服务器暂时用到的命令汇总:cd 返回根目录；cd . . 返回上一级目录cd +文件夹名进入下一级文件目录sz+文件名下载该文件rz 上传文件mkdir +新文件夹名创建一个新文件夹mv+ 旧文件名 + 新文件名修改文件名rm -f +文件名删除该文件（不能删除文件夹）ll 显示当前文件目录...

2021-06-25 21:38:06 1957

正则表达式正则表达式是构成搜索模式（search pattern）的字符序列。当搜索文本中的数据时，可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符，或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作语法/pattern/modifiers;修饰符i:执行大小写不敏感匹配g:全局匹配（查找所有匹配）m:执行多行匹配模式[abc]：查找方括号之间的任何字符[0-9]：查找任何从0至9的数字(x|y)：查找由|分隔的任何选项元字符\d：查找数字\s

2021-05-12 14:25:22 86

原创 vue杂记

Array.isArray(value) 判断value是否为数组对象

2021-04-22 21:34:27 38

原创 vue css类动态样式

vue css类动态样式(以下HTML代码包含在一个id=app的div中)使用对象作为属性，其中键是类名，值是true或false。<div class="demo" @click="attachRed=!attachRed":class="{red:attachRed}"></div>使用对象：也可以将样式对象作为计算属性来处理将{red:attachRed,blue:!attachRed}存入计算属性的一个函数中，并在绑定class属性时调用，效果一样。<div

2021-04-22 14:13:29 1213

原创学习笔记（36):Vue.js 2.0之全家桶系列视频课程-第一个Vue程序

基于Vue.js 2.x版本，目前最全的Vue.js教学视频，让你少走弯路，直达技术前沿！多面讲解Vue.js全家桶（vue.js、vue-router、axios、vuex、vue-cli、webpack、ElementUI等）课程内容包含：1. 数据绑定、模板、指令、过滤器、vue生命周期及实例的属性和方法 2. 组件及组件...

2021-04-18 09:28:37 53

原创 vue学习笔记（3):classList 属性

本课程为中期课程，主要讲解VUE框架的原理以及使用方法和技巧，并且结合企业项目开发模式，通过案例和项目强化练习，以达到企业开发的技术水平和标准。课程中会涉及大量JS的代码和技术，JS比较薄弱的学员可以借此强化一下。本课程为系列课程中的前置课程，后置课程为手机APP、小程序软件项目开发，因此本课程是需要您具有HTML+CSS+JS的基础，如果您还没有HTML+CSS+JS的基础，...

2021-04-14 22:43:38 2467

原创 Vue学习笔记（2):NumberBox 数字输入框@change事件

本课程为中期课程，主要讲解VUE框架的原理以及使用方法和技巧，并且结合企业项目开发模式，通过案例和项目强化练习，以达到企业开发的技术水平和标准。课程中会涉及大量JS的代码和技术，JS比较薄弱的学员可以借此强化一下。本课程为系列课程中的前置课程，后置课程为手机APP、小程序软件项目开发，因此本课程是需要您具有HTML+CSS+JS的基础，如果您还没有HTML+CSS+JS的基础，...

2021-04-14 13:51:00 1068

原创 VUE学习笔记（1):vue基础

本课程为中期课程，主要讲解VUE框架的原理以及使用方法和技巧，并且结合企业项目开发模式，通过案例和项目强化练习，以达到企业开发的技术水平和标准。课程中会涉及大量JS的代码和技术，JS比较薄弱的学员可以借此强化一下。本课程为系列课程中的前置课程，后置课程为手机APP、小程序软件项目开发，因此本课程是需要您具有HTML+CSS+JS的基础，如果您还没有HTML+CSS+JS的基础，...

2021-04-08 13:13:08 55

原创学习笔记（29):属性的设置方法

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和轻松上手的方式开展教学，再配合企业开发中实际遇到的案例作为练习，相当于直接参与企业开发，技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活...

2021-04-08 09:09:27 99

原创学习笔记（28):var 和 let

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和轻松上手的方式开展教学，再配合企业开发中实际遇到的案例作为练习，相当于直接参与企业开发，技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活...

2021-04-08 08:36:02 50

原创学习笔记（27):JSON和对象转换

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和轻松上手的方式开展教学，再配合企业开发中实际遇到的案例作为练习，相当于直接参与企业开发，技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活...

2021-04-07 17:46:58 68

原创学习笔记（26):Canvas

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和轻松上手的方式开展教学，再配合企业开发中实际遇到的案例作为练习，相当于直接参与企业开发，技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活...

2021-04-05 17:53:07 57

原创学习笔记（25):forEach的小Tips

课程为零基础学习开发的学员而准备，无需任何基础，无任何专业限制，通通从零开始，由浅入深学习开发，每个知识点均有对应案例作为指导，通俗易懂，简单易学，易上手。课程经过长时间的经验总结，采取合理又容易和轻松上手的方式开展教学，再配合企业开发中实际遇到的案例作为练习，相当于直接参与企业开发，技能和经验同步获取。希望学习本课程的学员认真学习每一个课时的视频，跟着视频练习和做作业，只有多写多练才能灵活...

2021-04-04 14:57:48 49

原创 Js中关于Window Screen显示器尺寸在不同浏览器的获取值

// 显示器尺寸 Screen var width = screen.width;//屏幕总宽度 var height = screen.height;//屏幕总高度 var awidth = screen.availWidth;//屏幕宽度（不包括windows底部任务栏） var aheight = screen.availHeight;//屏幕高度（不包括windows底部任务栏） var cdepth = screen.colorDepth;//色彩深度 var cpixeldepth.

2021-03-27 00:46:02 582