![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端Vue
文章平均质量分 91
覆水难收呀
这个作者很懒,什么都没留下…
展开
-
十七、Webpack搭建本地服务器
HMR的全称是,翻译为模块热替换;模块热替换是指在应用程序运行过程中,替换、添加、删除模块,而无需重新刷新整个页面;原创 2023-09-11 19:55:52 · 396 阅读 · 0 评论 -
十六、Webpack常见的插件和模式
比如添加一个noscript标签,在用户的JavaScript被关闭时,给予响应的提示;比如在开发vue或者react项目时,我们需要一个可以挂载后续组件的根标签上面的代码中,会有一些类似这样的语法,这个是EJS模块填充数据的方式。在配置HtmlWebpackPlugin时,我们可以添加如下配置:指定我们要使用的模块所在的路径;在进行htmlWebpackPlugin.options.title读取时,就会读到该信息;原创 2023-09-11 14:53:25 · 406 阅读 · 0 评论 -
十五、Webpack打包图片-js-Vue、Label命令、resolve模块解析
通过哈希值重新命名的图片,光看名字我们已经不知道他对应的原图是具体哪一个了。原创 2023-09-10 22:58:08 · 1228 阅读 · 2 评论 -
十四、内置模块path、邂逅Webpack和打包过程、css-loader
这里重点讲一下path.resolve()。看上面的例子,从右往左开始解析,所以一开始解析的就是 /abc.txt ,这个时候就会把它当成一个绝对路径了,为什么?因为看到斜杠/ 默认就把他当成根目录了。/abc.txt那如果我们把 /abc.txt 前面加个点号. 会把 ./abc.txt 当成绝对路径吗?很明显不会。打印结果:看图片一眼就能看懂吧~原创 2023-09-07 19:44:13 · 351 阅读 · 0 评论 -
十三、前端包管理工具详解
我们已经学习了在JavaScript中可以通过模块化的方式将代码划分成一个个小的结构:在以后的开发中我们就可以通过模块化的方式来封装自己的代码,并且封装成一个工具;这个工具我们可以让同事通过导入的方式来使用,甚至你可以分享给世界各地的程序员来使用;那如果我们分享给世界上所有的程序员使用,有哪些方式呢?原创 2023-07-16 20:57:37 · 922 阅读 · 0 评论 -
十二、模块化开发
到底什么是模块化、模块化开发呢?一个个小的结构自己的逻辑代码自己的作用域变量、函数、对象等导出导入变量、函数、对象上面说提到的结构,就是模块;按照这种结构划分开发程序的过程,就是模块化开发的过程;对于早期的JavaScript没有模块化来说,确确实实带来了很多的问题;以前我们是怎么开发的?通过 直接引入进来。但是这个方法引入的时候,我这个aaa.js文件本身有作用域吗?原创 2023-05-05 10:56:19 · 1028 阅读 · 1 评论 -
十一、Node.js
在了解Node.js之前,我们先去了解一下什么叫v8引擎。这里参考一下其他博主的资料。这个时候我们再去看下Node.js的定义。原创 2023-04-27 17:55:49 · 785 阅读 · 0 评论 -
十、v-model的基本使用
登录、注册检索、创建、更新表单 input、textarea以及select元素双向数据绑定控件类型但 v-model 本质上不过是语法糖监听用户的输入事件来更新数据input里面的value属性,是决定当前输入框里的默认值的。此时我想把meesage绑定成input里面的默认的值,我该怎么去操作呢?那此时我在页面输入框里输入新的值的时候,是不是我还得把输入的内容再传给message?那我有一个疑惑,我怎么才能把我输入的内容再绑定给message呢?原创 2023-04-25 20:21:12 · 3196 阅读 · 2 评论 -
九、1~8文章的阶段案例
table {thead {th,td {序号书籍名称出版日期价格购买数量操作原创 2023-04-24 17:09:51 · 443 阅读 · 0 评论 -
八、vue_options之computed、watch属性选项
开发中我们在data返回的对象中定义了数据,这个数据通过插值语法等方式绑定到template中;当数据变化时,template会自动进行更新来显示最新的数据;但是在某些情况下,我们希望在代码逻辑中监听某个数据的变化,这个时候就需要用侦听器watch来完成了。我们先来一个例子:我们通过按钮点击事件触发修改message的方法,一旦message发生改变,template里面的数据也会自动去刷新。原创 2023-04-23 16:55:01 · 611 阅读 · 0 评论 -
八、vue-基础之列表渲染v-for、v-for中的key属性的作用
没有key的diff算法:有key的diff算法:原创 2023-04-21 23:27:47 · 1200 阅读 · 0 评论 -
七、vue-基础之条件渲染
在某些情况下,我们需要根据当前的条件决定某些元素或者组件是否渲染,这个时候我们就需要进行条件判断了。原创 2023-04-21 14:39:15 · 1015 阅读 · 0 评论 -
六、vue-基础之v-on(必须掌握)
我们来举个栗子🌰~我们写了一个div,里面包了一个button按钮。原创 2023-04-20 22:54:43 · 1045 阅读 · 0 评论 -
五、vue基础-指令之v-bind
前面要讲的一系列指令,主要是将值插入到模板内容中。但是,除了内容需要动态来决定外,某些我们也希望动态来绑定。原创 2023-04-19 14:48:54 · 7511 阅读 · 0 评论 -
四、vue基础-指令(一)、vscode代码片段
这样子我们是不是就可以直接快速生成代码片段了嘛。原创 2023-04-16 21:26:04 · 1100 阅读 · 0 评论 -
三、vue_options之data、methods属性选项
也可以传入一个对象必须传入一个函数Vue的响应式系统劫持对象的修改或者访问通过{{counter}}访问counter从对象中获取到数据修改counter的值app中的{{counter}}也会发生改变具体这种响应式的原理,我们后面会有专门的篇幅来讲解。原创 2023-04-16 17:49:45 · 1105 阅读 · 0 评论 -
二、vue之初体验-案例体验
咱们以前是怎么操作来着的?先获取元素等等...现在不需要了吧。其实这就是一个声明式编程。我只告诉你我这边要显示什么东西,至于怎么去操作DOM,你这个框架替我去完成。原创 2023-04-14 20:13:07 · 386 阅读 · 0 评论 -
一、vue之初体验-两种方式引入vue
如果我们没挂载之前(注释app.mount("#app")),界面长什么样子?挂载之后呢?是不是一目了然了?1 是不是我们自己开发的?是普通的html标签渲染出来的2 一开始是不是只是一个div标签?但是最终给我渲染出来Hello World?那是为什么呢?那是因为我们Vue框架创建了一个app对象并给了一个模板,这个模板就是告诉他,待会你通过vue给我渲染哪些东西。渲染出来后挂载到id=app的div元素上面。而且是挂载到div里面的。我们通过网页F12查看一下。原创 2023-04-13 21:56:43 · 1989 阅读 · 0 评论