codewhy模块 - 随笔分类(第5页) - 杨建鑫

全局组件 [代码实例]

摘要：<body> <div id="app">  <HomeNav></HomeNav> <home-nav></home-nav> <product-item></product-item> <product-item></product-i 阅读全文

posted @ 2022-08-17 14:51 杨建鑫阅读(20) 评论(0) 推荐(0)

v-model绑定 select 的代码实例

摘要：<body> <div id="app">  <select v-model="fruit"> <option value="apple">苹果</option> <option value="orange">橘子</option> <option value=" 阅读全文

posted @ 2022-08-17 14:45 杨建鑫阅读(101) 评论(0) 推荐(0)

v-model绑定 radio 的代码实例

摘要：<body> <div id="app"> <div class="gender"> <label for="male"> <input id="male" type="radio" v-model="gender" value="male"> 男 </label> <label for="fema 阅读全文

posted @ 2022-08-17 14:43 杨建鑫阅读(44) 评论(0) 推荐(0)

v-model 绑定 checkbox 的代码实例

摘要：<body> <div id="app">  <label for="agree"> <input id="agree" type="checkbox" v-model="isAgree"> 同意协议 </label 阅读全文

posted @ 2022-08-17 14:42 杨建鑫阅读(85) 评论(0) 推荐(0)

watch 监听器的特别模式 $watch

摘要：created() { this.$watch("message", (newValue, oldValue) => { console.log("message数据变化:", newValue, oldValue) }, { deep: true }) } 阅读全文

posted @ 2022-08-16 18:26 杨建鑫阅读(18) 评论(0) 推荐(0)

watch 监听器的原始写法和简写

摘要：watch: { // 默认watch监听不会进行深度监听 -- 简写模式 info(newValue, oldValue) { console.log("侦听到info改变:", newValue, oldValue) }, // 进行深度监听 -- 原始模式 info: { handler(ne 阅读全文

posted @ 2022-08-16 18:25 杨建鑫阅读(130) 评论(0) 推荐(0)

computed的原始模式 : get 和 set

摘要：// 完整的写法: fullname: { get: function() { return this.firstname + " " + this.lastname }, set: function(value) { const names = value.split(" ") this.firs 阅读全文

posted @ 2022-08-16 18:24 杨建鑫阅读(50) 评论(0) 推荐(0)

style的代码实例

摘要：<body> <div id="app">  <h2 style="color: red; font-size: 30px;">哈哈哈哈</h2>  <!-- 2.1.动态绑定style, 在后面跟上阅读全文

posted @ 2022-08-16 14:50 杨建鑫阅读(188) 评论(0) 推荐(0)

class的代码实例

摘要：<body> <div id="app">  <h2 :class="classes">Hello World</h2>  <button :class=" isActive ? 'active': '' " 阅读全文

posted @ 2022-08-16 14:49 杨建鑫阅读(124) 评论(0) 推荐(0)

v-memo的代码

摘要：<body> <div id="app"> <div v-memo="[name, age]"> <h2>姓名: {{ name }}</h2> <h2>年龄: {{ age }}</h2> <h2>身高: {{ height }}</h2> </div> <button @click="updat 阅读全文

posted @ 2022-08-16 14:48 杨建鑫阅读(38) 评论(0) 推荐(0)

git

摘要：一.邂逅版本控制工具二.集中式和分布式的区别三.Git的环境安装搭建四.Git初始化本地仓库五.GIt记录更新变化过程六.Git远程仓库和验证七.Git的标签tag用法八.Git分支的使用过程九.工作中的Git Flow 十.Git远程分支的管理十一.Git rebase的使用十阅读全文

posted @ 2022-08-12 22:46 杨建鑫阅读(22) 评论(0) 推荐(0)

webpack

摘要：webpack中，有一些地方要用绝对路径的：地址一.认识webpack工具事实上随着前端的快速发展，目前前端的开发已经变的越来越复杂了：比如开发过程中我们需要通过模块化的方式来开发；比如也会使用一些高级的特性来加快我们的开发效率或者安全性，比如通过ES6+、TypeScript开发脚本逻辑，阅读全文

posted @ 2022-08-09 12:04 杨建鑫阅读(53) 评论(0) 推荐(0)

包管理工具 : npm 和 yarn 和 cnpm和pnpm(硬连接与软连接)，与npx工具

摘要：package配置文件（package.json）如何生存 package.json ? npm init 就会问你【怕麻烦就： npm init -y】包的名字：name 【必填属性】版本号： version 【必填属性】描述： descripttion 【必填属性】配置入口：阅读全文

posted @ 2022-08-08 11:40 杨建鑫阅读(1441) 评论(0) 推荐(0)

三.Node基础

摘要：Node是什么? node是一个基于V8(JavaScript引擎) 的 JavaScript运行时环境也就是说Node.js基于V8引擎来执行JavaScript的代码，但是不仅仅只有V8引擎：前面我们知道V8可以嵌入到任何C ++应用程序中，无论是Chrome还是Node.js，事实上都是嵌阅读全文

posted @ 2022-08-08 11:38 杨建鑫阅读(43) 评论(0) 推荐(0)

四.JS模块化开发

摘要：JS模块化开发 1.认识模块化开发事实上模块化开发最终的目的是将程序划分成一个个小的结构；这个结构中编写属于自己的逻辑代码，有自己的作用域，定义变量名词时不会影响到其他的结构；这个结构可以将自己希望暴露的变量、函数、对象等导出给其结构使用；[导出] 也可以通过某种方式，导入另外结构中的变量、函阅读全文

posted @ 2022-08-07 23:10 杨建鑫阅读(206) 评论(0) 推荐(0)

javascript高级语法之七：ES5实现继承(原型) - ES6实现继承 (class)

摘要：javascript高级语法之七：ES5实现继承 - ES6实现继承 Object是所有类的父类对象的原型：javascript每个对象都有一个特殊的内置属性[[prototype]] 查找原则：对象找不到的属性，就去原型里面找获取原型： 1.对象.__proto__ ，可以获取（但阅读全文

posted @ 2022-07-25 18:42 杨建鑫阅读(401) 评论(0) 推荐(0)

javascript高级语法之六：对象增强知识

摘要：javascript高级语法之六：对象增强知识在前面我们的属性都是直接定义在对象内部或直接添加到对象内部的缺陷：没办法对这个属性进行一些限制比如：这个属性是否可以通过delete删除？可否在for...in遍历对时候被遍历出来？解决：使用属性描述符。属性描述符有两种：属阅读全文

posted @ 2022-07-25 14:38 杨建鑫阅读(47) 评论(0) 推荐(0)

javascript高级语法之五：函数增强知识

摘要：javascript高级语法之五：函数增强知识阅读全文

posted @ 2022-07-21 18:48 杨建鑫阅读(27) 评论(0) 推荐(0)

javascript高级语法之四： JavaScript的执行过程

摘要：javascript高级语法之四： JavaScript的执行过程阅读全文