曹莓养乐多多-CSDN博客

曹莓养乐多多

码龄4年

个人简介：学习前端的小白，每天会更新学习的内容，谢谢大家的支持。

IP 属地：北京市

查看详细资料

个人成就

获得36次点赞
内容获得4次评论
获得133次收藏
代码片获得170次分享

创作活动更多

如何做好一份技术文档？

无论你是技术大神还是初涉此领域的新手，都欢迎分享你的宝贵经验、独到见解与创新方法，为技术传播之路点亮明灯！

357人参与去创作

搜TA的内容

uniapp标签的变化

cover-view需要多强调几句，uni-app的非h5端的video、map、canvas、textarea是原生组件，层级高于其他组件。如需覆盖原生组件，比如在map上加个遮罩，则需要使用cover-view组件。其实老的HTML标签也可以在uni-app里使用，uni-app编译器会在编译时把老标签转为新标签。但不推荐这种用法，调试H5端时容易混乱，基于元素的选择器也会出问题。form、button、checkbox、radio、label、textarea、canvas、video 这些还在。

发布博客 2022.09.14 ·

Webpack 入门教程

入口 entry 输出output(path:__dirname+"/dist"(__dirname当前目录),filename文件名称)他将根据模块的依赖关系进行静态分析，然后将这些模块按照指定的规则生成对应的静态资源。gulp grunt sea.js require.js webpack依赖webpack.config.js打包。从图中我们可以看出，Webpack可以将多种静态资源js、css、less转换成一个静态文件，减少了页面的请求。// 指定@代表当前目录下的src目录。..

发布博客 2022.08.27 ·

简单触底刷新

【代码】简单触底刷新。

发布博客 2022.08.25 ·

Vue Router路由

Vue Router 是的官方路由。它与 Vue.js 核心深度集成，让用 Vue.js 构建单页应用变得轻而易举。就是我在页面上点击一个按钮需要跳转到对应的页面，这就是路由跳转。

发布博客 2022.08.05 ·

vue基础---axios的使用

axios可以理解为ajaxi/osystem，是一个基于用于浏览器和nodejs的HTTP客户端，简单的理解就是ajax的封装。

发布博客 2022.07.28 ·

vue的组件传参

emit(事件名,事件值)发送一次事件,事件名(counterchange)和事件值(counter)是自定义的。$event固定写法,事件的值(counterchange事件的值,也是子组件$emit的第二个参数)父传给子的数组是只读的(做默认值,读取显示)3.子传父使用的事件$emit。第一步CounterCom.vue。CounterCom.vue组件中。2.父传子使用props。//01接收参数并定义默认值。//02使用参数num。App.vue文件中。...

发布博客 2022.07.27 ·

vue的生命周期

Vue的生命周期就是vue实例从创建到销毁的全过程，也就是newVue()开始就是vue生命周期的开始。Vue实例有⼀个完整的⽣命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等⼀系列过程，称这是Vue的⽣命周期。在这里可以在渲染前最后一次更改数据的机会，不会触发其他的钩子函数，一般可以在这里做初始数据的获取。此时模板已经被渲染成真实DOM，用户已经可以看到渲染完成的页面，页面的数据也是通过双向绑定显示data中的数据。6.updated（更新后）...

发布博客 2022.07.27 ·

vue脚手架

npmrunservre，然后会出来一个网址，复制网址打开浏览器，项目就运行好了。data(){return{msg"脚手架写大项目"}}vue的指令连接了template和script。可以通过scoped限定样式使用范围在本组件。template有且只有一个子节点。vuecreate+文件名。data必须是函数返回一个值。cd/切换到c盘的根目录。cd+新建的项目进入项目目录。5.template模板。2.创建一个vue项目。1.安装vue脚手架。6.script逻辑。...

发布博客 2022.07.25 ·

cmd和npm基础命令

npminit初始化项目，创建package.json的文件（所有选项yes即可）（3）开发依赖安装，安装的插件在项目开发阶段使用，项目上线之后就不需要。输入磁盘的名字，后面加冒号，如D就从c盘切换到d盘了。CMD命令是一种命令提示符，CMD是command的缩写。（4）产品环境依赖安装，安装的插件再开啊与线上阶段都需要。（2）全局安装，电脑上的任何项目都可以引用到安装的插件。help+命令，可查看这个命令的使用方法。rd+目录名/s/q，删除有内容的内容。...

发布博客 2022.07.25 ·

初学vue

1.Vue.js是一款流行的JavaScript前端框架，是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。2.vue的优势：轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快；缺点：Vue 不缺入门教程，可是很缺乏高阶教程与文档。同样的还有书籍；VUE不支持IE8；生态环境差不如angular和react。3.React与Vue最大的区别是模板的编写。Vue鼓励去写近似常规HTML的模板。写起来很接近标准HTML元素，只是多了一些

发布博客 2022.06.27 ·

正则表达式

正则表达式(Regular Expression)是一种文本模式，包括普通字符（例如，a 到 z 之间的字母）和特殊字符（称为"元字符"）。正则表达式使用单个字符串来描述、匹配一系列匹配某个句法规则的字符串。许多程序设计语言都支持利用正则表达式进行字符串操作。从字符串 str 中提取数字部分的内容(匹配一次)：var str = "abc123def";var patt1 = /[0-9]+/;document.write(str.match(patt1));输出123；

发布博客 2022.05.09 ·

DOM模型的相关概念和操作

DOM 基本概念文档对象模型（DOM，Document Object Model）是针对XML但经过扩展用于HTML的应用程序编程接口（API，Application Programming Interface）DOM是展示和操作HTML和XML文档内容的基础API，其中Document -- XML文档或 HTML文档；Object -- Object对象的属性和方法；Model -- Model模型，DOM 是针对XML或HTML的基于树结构的API根据W3C DOM规范，DOM是一种与浏

发布博客 2022.04.24 ·

JavaScript中的计时器与定时器

JavaScript中有一个调用函数的间隔时间的方法setInterval()方法setInterval(参数1，参数2) .间隔参数2的时间执行参数1.参数1：待执行的js代码串或调用的函数.参数2：里面是毫秒，不需要加单位.setInterval("console.log(123)", 1000)而另外还有一个间隔一段时间后才执行相应代码的方法setTimeout（）方法setTimeout(参数1，参数2) .等待参数2的时间执行参数1，只执行一次.

发布博客 2022.04.11 ·

JavaScript实现简单的邮箱登录界面

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.

发布博客 2022.04.11 ·

JavaScript函数

为什么需要函数第一，将语句集合成函数的好处是方便代码重用。所谓“重用”，是指有一些代码的功能是相同的，操作是一样的，只不过针对的数据不一样，这时就可以将这种功能写成一个函数模块，以后用到这个功能时只需要调用这个函数模块就可以了，不需要再重复地编写同样的代码。这样可以解决大量同类型的问题，避免重复性操作。第二，将语句集合成函数方便代码的维护。哪个功能出问题了，或者需要修改某个功能，那就只需要修改某个功能的函数就可以了。所以，函数有利于程序的模块化。这实际上就是面向过程的思想。面向过程语言最基本的单位不

发布博客 2022.04.06 ·

js中==和===区别

简单来说： == 代表相同， ===代表严格相同, 为啥这么说呢，这么理解：当进行双等号比较时候：先检查两个操作数数据类型，如果相同，则进行===比较，如果不同，则愿意为你进行一次类型转换，转换成相同类型后再进行比较，而===比较时，如果类型不同，直接就是false.操作数1 == 操作数2，操作数1 === 操作数2比较过程：　　双等号==：　　（1）如果两个值类型相同，再进行三个等号(===)的比较　　（2）如果两个值类型不同，也有可能相等，需根据以下规则...

发布博客 2022.03.30 ·

null和undefined的区别

Java Object 类是所有类的父类，也就是说 Java 的所有类都继承了 Object，子类可以使用 Object 的所有方法。null和undefined的区别1、首先是数据类型不一样console.log(typeof null) //objectconsole.log(typeof undefined) //undefined2、null和undefined两者相等，但是当两者做全等比较时，两者又不等。（因为他们的数据类型不一样）console.log(null==u..

发布博客 2022.03.28 ·

初学Javascript

今天开始了js的学习。JavaScript的历史为什么起名叫JavaScript？原因是当时Java语言非常红火，所以网景公司希望借Java的名气来推广，但事实上JavaScript除了语法上有点像Java，其他部分基本上没啥关系。因为网景开发了JavaScript，一年后微软又模仿JavaScript开发了JScript，为了让JavaScript成为全球标准，几个公司联合ECMA（European Computer Manufacturers Association）组织定制了Jav

发布博客 2022.03.28 ·

flex弹性盒子项目属性

上次说到容器的属性，今天继续学习内部项目的属性order 定义项目的排列顺序。数值越小，排列越靠前，默认为0flex-grow 定义项目的放大比例，默认为0，即如果存在剩余空间，也不放大。如果所有项目的flex-grow属性都为1，则它们将等分剩余空间（如果有的话）。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍flex-shrink 定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小...

发布博客 2022.03.25 ·

flex弹性盒子

Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。采用 Flex 布局的元素，称为 Flex 容器（flex container），简称"容器"。它的所有子元素自动成为容器成员，称为 Flex 项目（flex item），简称"项目"。任何一个容器都可以指定为 Flex 布局。语法：display : flex;display : -webkit-flex;（加上前缀便于浏览器识别）行内元素也可以使用 Flex 布局。 display:

发布博客 2022.03.23 ·