- 博客(28)
- 收藏
- 关注
RSS订阅原创 react的jsx语法规则
（1）若是小写字母开头，则将该标签转为html中同名元素，要是html中无该标签对应的同名元素就会报错。（2）若是大写字母开头，react就会渲染对应的组件，如果组件没有定义就会报错。4.内联样式要用style={{key：value}}的形式去写。3.样式的类名指定不能用class，要用className。1.定义虚拟dom的时候，一定不要引号。2.标签中混入js表达式时用{ }。5.只有一个根标签。
2024-05-06 10:35:20
1474
原创 React
React用于构建用户界面javaScript的库用于发送请求获取数据，处理数据，操作Dom呈现页面。程序员使用jsx方式编写代码，而浏览器只识别js，babel的作用则是让jsx转化成js让浏览器识别。而使用React，使用组件化模式，声明式编写代码，提升代码开发效率以及组件重复使用率。使用虚拟Dom和diffing算法，尽可能减少和真实dom的接触，最小化页面重绘。原生的javascript没有组件化编码方案，代码重复使用率低。原生的javascript操作dom繁琐，效率太低。
2024-04-29 10:24:02
1261
2
原创 微信小程序
在app.json文件中，pages配置项增加一个页面路径，小程序就会自动在pages目录下创建对应的文件夹，每一个pages下都包含wxml、wxss、js、json文件。Storage：显示当前项目使用wx.setStorage或者wx.setStorageSync存储的数据。Vulnerability：发现并修复小程序内的接口安全漏洞，提升小程序安全性。Sensor：模拟地理位置和模拟移动设备表现，用于调试重力感应 API。Wxml：页面结构和结构对应的 wxss 属性。Security： 安全性。
2024-04-22 20:32:00
2538
原创 Vuex的理解
更改 Vuex 的 store 中的状态的唯一方法是提交 mutation。Store这个类拥有commit，dispatch这些方法，Store类里将用户传入的state包装成data，作为new Vue的参数，从而实现了state 值的响应式。提供唯一的公共数据源，所有共享的数据统一放到store的state进行储存，相似与data。类似于vue中的computed，进行缓存，对于Store中的数据进行加工处理形成新的数据。Vuex对象有两个属性，一个是install方法，一个是Store这个类。
2024-04-17 10:00:10
1197
原创 vue购物清单增删源代码以及功能
以下就是源代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> /* 显示内容 */ ul { display: contents; } </style></hea
2024-04-08 08:26:13
2465
原创 vue记事本渲染以及交互
/ 创建 Vue 实例。/* 去掉黑圈 *//* 列表渲染 *//* 列表渲染 *//* 删除按键 *//* 删除按键 *//* 显示删除 */
2024-04-01 11:33:55
2654
原创 render函数和ref属性
2.需要这个关系的原因：让组件实例对象（vc）可以访问到Vue原型上的属性和方法 -->1.重要的内置关系：vueComponent.prototype.
2024-03-25 19:11:12
1774
原创 vue过滤器
const learn = Vue.extend(options)可以简写成：const learn = options。2.可以使用name配置项指定组件在开发者工具中的名字。第二种写法：不用脚手架会导致后续组件不能渲染。1.组件名不能是html已经有的元素名称。第二种写法：MySchool（脚手架）第一种写法（首字母小写）learn。第二种写法（首字母大写）Learn。第一种写法：learn-song。
2024-03-18 08:53:24
1734
原创 vue组件和注意项
使用vue.extend(options)创建，其中options和new vue（options）时传入的options基本一样，但可能还是有点区别。el不要写-最后所有的组件都要经过一个vm管理，由vm中的el决定服务哪个容器。2.全局注册，靠vue.conmponents('组件名'，组件)1.局部注册，靠new vue的时候传入components选项。2.data必须写成函数-避免组件被复用时，数据存在引用关系。3.使用组件（写组件标签）、1.定义组件（创建组件）
2024-03-11 11:31:04
1749
原创 vue生命周期
3.生命周期函数的名字不可以更改，但是函数的大致内容是由程序员根据需求编写的。1.生命周期也叫生命周期回调函数，生命周期函数，生命周期钩子。2.生命周期是vue在重要的时候替代调用的一些特殊名称的函数。4.生命周期函数中的this指向是vm或者组件实例对象。
2024-03-04 10:37:59
1571
1
原创 vue的vuecomponent构造函数
（2）new vue(options）配置data函数，methods中的函数，watch中的函数，computed中的函数，this都是vue实例对象。data函数，methods中的函数，watch中的函数，computed中的函数，this都是vuecomponent实例对象。2.只需要写或者,vue解析的时候会创建组件实例对象，new vuecomponent（options）1.组件其实是名字叫vuecomponent的构造函数，不是程序员定义的而是vue.extend生成的。
2024-02-27 15:09:24
1211
原创 vue监视和深度监视
3.vue自身可以监测对象内部值的改变，但是vue提供的watch默认不可以。4.使用watch的时候根据数据的具体结构，决定是否采用深度监视。1.vue中的watch默认不检测对象内部值的改变（一层）2.配置deep：true可以监视对象内部值改变（多层）1.监视的属性变化时，回调函数自动调用，自动操作。1.new vue的时候传入watch配置。2.监视的属性一定要存在，才可以进行监视。2.通过vm.$watch监视。
2024-02-12 19:00:43
2671
1
原创 Vue模板语法和数据绑定
v-model：value 可以直接写成v-model 因为它本身默认收集的就是value值。2.双向绑定（v-model）：数据不仅能从data送到页面，还能从页面送到data。1.单向绑定（v-bind）：数据只能从data送到页面。注意项：双向绑定一般都应用在表单类元素上面。
2024-01-29 12:00:38
1763
原创 Vue常用指令v-bind
v-bind指令是专门操作属性的指令,平时经常设置图片是src，设置鼠标悬停的文本是title，还有类class等，这种就是属性。v-bind指令的作用是为元素绑定属性语法是v-bind:属性名简写可以省略v-bind只保留:属性名需要动态的添加class建议使用对象的方式。
2024-01-24 11:02:04
1497
1
原创 es6的箭头函数
箭头函数是es6新增的方法 =>代表function。箭头函数可以使得函数表达式更加简洁。箭头函数并不是替代以前函数的写法。而是替代原本匿名函数的地方。
2024-01-08 16:34:01
477
原创 前端css五个定位和元素重叠
起先它会被相对定位，直到在视口中遇到给定的偏移位置为止 - 然后将其“粘贴”在适当的位置（比如 position:fixed）。设置相对定位的元素的 top、right、bottom 和 left 属性将导致其偏离其正常位置进行调整。的元素相对于最近的定位祖先元素进行定位（而不是相对于视口定位，如 fixed）。注意：如果两个定位的元素重叠而未指定 z-index，则位于 HTML 代码中最后的元素将显示在顶部。z-index 属性指定元素的堆栈顺序（哪个元素应放置在其他元素的前面或后面）。
2024-01-07 14:34:38
421
1
原创 js封装函数
利用闭包函数作用域的特点，实现保护常量，达成开闭原则。}())可以看出，PI通过自调用函数返回一个对象，对象中有一个方法，作用是获取函数内_pi的值。想获取到π的值只能通过PI的get方法，并且没有给定set的方法，不能够更改。高级应用：《JavaScript设计模式》[美]Addy Osmani中写到的Module(模块)模式。模块是任何强大应用程序架构不可或缺的一部分，它通常能够帮助我们清晰的分离和组织项目中的代码单元。对象字面量表示法。
2023-12-31 14:12:54
1008
1
原创 node.js基础使用以及部分代码功能以及实现
方式四： window+r,输入cmd，cd切换到当前文件目录，node 文件名。方式一： ctrl+`打开控制台，cd切换到当前文件目录，node 文件名。方式二： 查找到文件夹，在文件路径输入cmd，node 文件名。必选参数，需要指定一个文件路径的字符串，表示文件的存放路径。可选参数，表示以什么格式写入文件内容，默认值是 utf8。必选参数，文件读取完成后，通过回调函数拿到读取的结果。必选参数，文件写入完成后的回调函数。必选参数，字符串，表示文件的路径。必选参数，表示要写入的内容。
2023-12-24 22:15:36
579
1
原创 javaScript Date对象
可以通过 new 关键词来定义 Date 对象。getTime() 返回从 1970 年 1 月 1 日至今的毫秒数。toUTCString() 将当日的日期（根据 UTC）转换为字符串。setFullYear() 设置具体的日期。通过使用针对日期对象的方法，对日期进行操作。getFullYear() 获取年份。Date() 方法获得当日的日期。getDay() 和数组来显示星期。Date 对象用于处理日期和时间。
2023-10-31 22:30:53
237
1
原创 css 2D转换属性以及演示
（transforms）CSS 转换，允许移动、旋转、缩放和倾斜元素。通过使用CSS transform属性，以下是2D转换方法rotate()scaleX()scaleY()scale()skewX()skewY()skew()matrix()
2023-09-24 17:46:32
245
原创 javaScript的数据类型以及判断其数据类型的方法
String,Number,Boolean,Null,Undefined属于基本数据类型，Object属于引用数据类型。undefined：表示未定义或者未赋值的变量或者属性;声明一个变量但不给其赋值就是未定义类型–Undefined。boolean：表示真或假的值，true或false。在js中所有数值类型都是Number，包括整数和浮点数。1，使用双引号或单引号都可以,不可以混合使用。object：表示复杂的数据结构。string：表示文本内容。number：表示数值。null：表示空值。
2023-09-10 14:20:03
316
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人