摘要: 如何用CSS实现左侧宽度固定,右侧自适应(两栏布局)?左右固定中间自适应(三栏布局)呢? 在前端日常布局中,会经常遇到左侧宽度固定,右侧自适应或者左右两边固定,中间部分自适应的实用场景。本文例子中将列举出两种常用的两栏布局,左侧固定右侧自适应的常用方法以及代码和五种左右固定中间自适应的常用方法以及代码 具体实现效果展示如下: 1.二栏布局-flex弹性布局 <!-- flex弹性布局 - 阅读全文
posted @ 2022-04-06 15:54 zhangzuying 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 前端经典面试题vue面试题 1.什么是MVVM? MVVM是一种设计思想。 Model 层代表数据模型,也可以在Model中定义数据修改和操作的业务逻辑; View 代表UI 组件,它负责将数据模型转化成UI 展现出来,ViewModel 是一个 同步View 和 Model的对象。 2.mvvm和mvc区别?它和其它框架(j 阅读全文
posted @ 2022-03-21 16:50 zhangzuying 阅读(197) 评论(0) 推荐(0) 编辑
摘要: vue-cli3项目中使用Svg组件封装 本文讲述如何在vue-cli3项目中引入svg格式图片并封装成通用vue组件 阅读全文
posted @ 2022-02-28 11:14 zhangzuying 阅读(71) 评论(0) 推荐(0) 编辑
摘要: vue3新特性(多方面总结vue3.0新特性)成为新的默认版本 尤雨溪大佬前一阵在某乎上发布了想法说Vue 3 现已成为新的默认版本!对于还在用vue2的我来说属实有点手忙脚乱,既然已经成为默认版本了,那就说明我们前端又要开始学习新的知识了(毕业了也要继续学习) 首先先来介绍一下vue3相对vue2有哪些方面的提升: Compostion api 代替了 Opt 阅读全文
posted @ 2022-02-25 14:47 zhangzuying 阅读(153) 评论(0) 推荐(0) 编辑
摘要: CSS linear-gradient()函数(线性渐变 )以及CSS文字渐变代码 实例:实现预期效果 代码实现: <head> <meta charset="utf-8"> <title>渐变文字</title> <style> #grad1 { margin: auto; font-family: SourceHanSansCN-Bold; font-size: 48px; f 阅读全文
posted @ 2022-02-24 11:20 zhangzuying 阅读(81) 评论(0) 推荐(0) 编辑
摘要: VSCode提示“Code安装似乎损坏,请重新安装”问题解决;顶部出现(不受支持字样) 最近VSCode总是在右下角有个提示“Code 安装似乎损坏。请重新安装”,编辑器上方标题后面还带有[不受支持]字样,影响使用,而且还感觉自己编辑器损坏,严重影响办公心情。网上搜了一下有的说是因为下载了background插件所导致的,该插件可能将VSCode本身的配置文件给修改了; 解决办法 1. 阅读全文
posted @ 2021-12-13 10:57 zhangzuying 阅读(1652) 评论(1) 推荐(0) 编辑
摘要: SASS使用方法环境配置 Ruby安装以及sass常用mixins举例 静态页使用方法 Sass介绍: Sass 是一个 CSS 预处理器。是 CSS 扩展语言,可以帮助我们减少 CSS 重复的代码,节省开发时间并且完全兼容所有版本的 CSS。 Sass 扩展了 CSS3,增加了规则、变量、混入、选择器、继承、内置函数等等特性。生成良好格式化的 CSS 代码,易于组织和维护。文件后缀为 阅读全文
posted @ 2021-12-08 17:40 zhangzuying 阅读(18) 评论(0) 推荐(0) 编辑
摘要: 修改video标签默认样式问题video播放器样式优化;video播放器默认显示图片 需求: 1.播放器可以支持上传默认封面图片 2.播放器的进度条长度拉长些,与播放器长度一样长,或者其他方式美化一下 首先需求 1.播放器可以支持上传默认封面图片解决方案: 1.第一种方法可以直接在video标签中直接添加poster属性 <!DOCTYPE HTML> <html> <body> < 阅读全文
posted @ 2021-12-07 09:59 zhangzuying 阅读(448) 评论(0) 推荐(0) 编辑
摘要: jquery时间轴tab切换效果实现结合swiper实现滑动显示效果 需求:根据时间轴进行tab页面内容切换(时间轴需要滑动查看并选择) 实现思路: 结合swiper插件实现滑动显示效果 根据transform: translateX进行左侧切换效果的实现(具体实现css如下),实现非滚动的点击切换效果,结合swiper进行修改 实现效果: 实现代码:需要配合swip 阅读全文
posted @ 2021-12-03 11:20 zhangzuying 阅读(318) 评论(0) 推荐(0) 编辑
摘要: mongodb环境安装windows系统 1、百度搜索mongodb下载 2、进入以后 找到下载地址(可直接下载 也可复制链接到迅雷下载) 3、复制到迅雷进行下载 会快一些 4、接下来双击进行安装 5、配置环境变量添加到PATH中 6、cmd运行mongod 会报一个路径的错 7、D盘新建文件夹Data 里面新建DB文件夹将路径粘贴过去 阅读全文
posted @ 2021-12-01 10:00 zhangzuying 阅读(15) 评论(0) 推荐(0) 编辑