- 博客(33)
- 收藏
- 关注
RSS订阅原创 vue的概念
Vue的生态系统是相当庞大的，声明式渲染、组件系统、客户端路由（VueRouter）、大规模状态管理（Vuex）、构建工具（Webpack、Vite）。概念：Vue是一个用于构建用户界面的 渐进式的 框架。Vue核心包&Vue插件 工程化开发。缺点：需要理解记忆规则（参考官网）基于数据 渲染出用户看到的页面。优点：大大的提升了开发效率。1、什么是构建用户界面？一套完整的项目解决方案。场景：局部 模块改造。
2024-06-26 15:10:10
74
原创 vue大纲
vue2.x中绝大多数的api与特性在vue3.x中同样支持,同时vue3.x中还新增了3.x中所持有的功能,并废弃了某些2.x中的旧功能。ViewModel 作为 MVVM 的核心 ，是它把当前页面的 数据源 （Model）和 页面的结构 （View）连接在了一起。前端开发者主要的工作,就是为了网站的使用者(又称为网站的用户)构建出美观舒适的网页。在传统的web前端开发中,基于jQuery 模板引擎的方式来构建用户界面的。新增的功能例如:组合式api,多根节点组件,更好的typescript支持。
2024-06-24 10:25:30
328
原创 小程序页面结构
value 定义该表单的数据内容 , checkbox 选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value。value 定义该表单的数据内容 , checkbox 选中时触发checkbox-group的 change 事件，并携带 checkbox 的 value。scroll-view 在页面中指定一个可以滚动的区域，并且这个可滚动的区域能够实现一些高级的交互，比如下拉刷新等。navigator 组件相当于网页中的 a 标签，用来实现页面之间的跳转。
2024-06-20 08:38:47
392
原创 小程序基础知识
在完成小程序账号的注册后，你便可以打开微信公众平台对小程序账号进行一些设置，这是你开发前的准备工作，完善后才可以进入后续的开发步骤，这是因为小程序在后续进行提交审核的时候，小程序账号信息是必填项，因此在注册小程序以后，需要补充小程序的基本信息，如名称、图标、描述等。在拥有了小程序的账号以后，我们才可以开发和管理小程序，后续可以通过该账号进行开发信息的设置、成员的添加，也可以用该账号查看、运营小程序的相关数据。小程序的开发者账号是免费的，只要开发者满足开发资质就可以免费注册，并且会获得对应的开发者 ID。
2024-06-17 10:52:10
426
原创 es6新特性
promise和async/await都是异步解决方案，promise是es6的新语法，而async/await是es7新出的特性。var info = `我是${user}，我今年${age}岁了，我在${address}`Promise是一个构造函数，将异步操作以同步操作的流程表达出来，避免层次嵌套的回调函数。什么是模板字符串：es6新语法，使用``(反引号) 进行代码换行，拼接，插值等操作。解构是ES6新特性，按照一定模式，从数组和对象中提取数据，对变量进行赋值的过程。sonname: '张无忌',
2024-04-03 11:37:22
1399
原创 es6:set()和weakset()
对于WeakMap中的键，如果除了WeakMap之外没有任何其他强引用指向该键所在的对象，则垃圾回收器可以在下一次垃圾回收周期中回收这个键所指向的对象，即使WeakMap还持有该键值对。3.Set.prototype.entries()：返回键值对的遍历器。
2024-04-01 10:34:38
1938
原创 vue的生命周期
实例创建期间的最后一个生命周期函数，当执行完 mounted 就表示，实例已经被完全创建好了，DOM 渲染在 mounted 中就已经完成了。vue 实例的 $el 和 data 都已初始化，挂载之前为虚拟的 dom节点，模板已经在内存中编辑完成了，但是尚未把模板渲染到页面中。数据对象 data 已存在，可以调用 methods 中的方法，操作 data 中的数据，但 dom 未生成，$el 未存在。Vue 的生命周期总共分为8个阶段：创建前/后，载入前/后，更新前/后，销毁前/后。
2024-03-25 10:28:34
271
原创 vue的使用
这个指令，就是你直接写在msg写html标签，然后在div里面写上一个v-html标签就能给他显示出来，他能直接识别出来这个标签，注意，这个标签在网站上动态渲染任意html是非常危险的，容易导致xss攻击，只在可信内容上使用，永远不能用在用户提交的内容上。你可以定义一个值为0的对象，通过单击按钮让他是先自增，也可以通过给他一个传一个参数，通过handle()来传对象，如果要用handle这个方法的话，你要写一个methods:的方法。一个div写一个点击事件，在里面写一个按钮，也给按钮加一个点击事件。
2024-03-17 15:25:13
426
1
原创 vuej介绍
vue是轻量级的，它有很多独立的功能或库，我们会根据我们的项目来选用vue的一些功能。就像我们开发项目时如果只用到vue的声明式渲染，我就只用vue的声明渲染，而我们要用他的组件系统，我们可以引用它的组件系统。CDN是构建在网络之上的内容分发网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。框架，是一套完整的解决方案，使用框架的时候，需要把你的代码放到框架合适的地方，框架会在合适的时机调用你的代码。
2024-03-08 14:18:39
1519
原创 弹性盒子属性
5.justify-content：指定弹性盒子在主轴上的对齐方式，属性值可以是 flex-start（默认值，从起点对齐）、flex-end（从终点对齐）、center（居中对齐）、space-between（两端对齐，项目之间间距相等）或 space-around（每个项目两侧的间距相等）。属性值可以是 flex-start、flex-end、center、space-between、space-around 或 stretch（默认值，每条轴线占满整个交叉轴）。数值越小，排列越靠前，默认为 0。
2024-01-06 10:00:00
418
原创 让盒子垂直水平居中的五种方法
先为父盒子设置相对定位，再为子盒子设置绝对定位，且将子盒子分别向右、向下移动父盒子的一半，然后利用位移transform: translate;先为父盒子设置相对定位，再为子盒子设置绝对定位，且将子盒子分别向右、向下移动父盒子的一半，然后利用外边距margin将子盒子分别向左、向上移动子盒子的一半。先为父盒子设置相对定位，再为子盒子设置绝对定位，且绝对定位的四个方向的位移都设为0，然后将外边距margin属性值设置为auto即可。使其显示模式为flex布局模式，然后在父元素中添加主轴居中和侧轴居中即可。
2024-01-04 11:37:09
871
原创 css字体样式
1.字体大小属性名：font-size取值：数字+px注意点：谷歌浏览器默认文字大小是16px单位需要设置，否则无效px：像素2.字体粗细属性名：font-weight取值：关键字：正常：normal 加粗：bold纯数字：正常：400 加粗：700（100~900的整百数）注意点：不是所有字体都提供了九种粗细，因此部分取值页面中无变化实际开发中以：正常、加粗两种取值使用最多3.字体样式属性名：font-style取值：正常：normal 倾斜：italic常见字体系列（了解）无衬线字体（sans
2024-01-03 10:15:00
413
1
原创 onclick事件的用法
HTML 元素上的 onclick 属性： 你可以在 HTML 元素上添加 onclick 属性，该属性的值是一个 JavaScript 函数的调用或 JavaScript 代码块。使用 addEventListener 方法： 还可以使用 addEventListener 方法来绑定事件处理程序，这是一种现代的方法，允许你为同一元素添加多个事件处理程序。无论使用哪种方法，onclick 事件都是一种有用的方式来处理用户与网页元素的交互，执行自定义的 JavaScript 代码以响应用户的单击操作。
2023-12-28 10:27:55
1183
1
原创 新增字符串的方法
codePointAt（）的参数是用来表示从字符串的第几个位置开始，该方法返回的是码点的十进制，如果想要十六进制的值，可以使用toString（）方法转换一下。raw（）方法，该方法返回一个斜杠都被转义（即在斜杠前面在加一个斜杠）的字符串，即在斜杠前面在加一个斜杠，往往用于模板字符串的处理。他们都是返回一个新的字符串，有两个参数，第一个表示需要被替换的字符，第二个表示用什么字符去替换。这是字符串补长功能，其有两个参数，第一个表示填补后的字符串长度，第二个表示用来填补的字符串值。
2023-12-27 09:53:32
376
1
原创 js异步操作
异步任务是那些被引擎放在一边，不进入主线程、而进入任务队列（task queue）的任务。只有引擎认为某个异步任务可以执行了（比如 Ajax 操作从服务器得到了结果），该任务（采用回调函数的形式）才会进入主线程执行。排在异步任务后面的代码，不用等待异步任务结束会马上运行，也就是说，异步任务不具有“堵塞”效应。等到同步任务全部执行完，就会去看任务队列里面的异步任务。只要同步任务执行完了，引擎就会去检查那些挂起来的异步任务，是不是可以进入主线程了。只有前一个任务执行完毕，才能执行后一个任务。
2023-12-24 21:25:53
349
原创 js中this的指向
1. this指向什么我们先说一个最简单的，this在全局作用域下指向什么？这个问题非常容易回答，在浏览器中测试就是指向window所以，在全局作用域下，我们可以认为this就是指向的window// window// why// why但是，开发中很少直接在全局作用域下去使用this，通常都是在函数中使用。所有的函数在被调用时，都会创建一个执行上下文：这个上下文中记录着函数的调用栈、函数的调用方式、传入的参数信息等；this也是其中的一个属性；
2023-12-24 21:23:47
338
原创 js的原型
原型的作用其实就是为类(函数)提供了一个【公共区域】，在这个公共区域中声明的属性和方法能够被所有通过这个类所创建的对象所访问到。在js中任何一个函数都有一个prototype属性，原型(prototype)就是函数的一个属性，它指向一个对象。(2)原型指向__proto__:该属性指向原型本身，提供给通过类创建的对象使用。所有引用类型（函数，数组，对象）的实例对象都拥有__proto__属性（隐式原型）ps：在原型中声明的属性和方法，有时也被称为是类的公有属性和公有方法。任何一个函数都有一个原型的属性。
2023-12-24 21:20:28
343
原创 css动画
animation-timing-function：设置动画速度， 即通过建立加速度曲线，设置动画在关键帧之间是如何变化。animation-iteration-count：设置动画重复次数， 可以指定 infinite 无限次重复动画。@keyframes 规则，当然，一个动画想要运行，还应该包括 @keyframes 规则，在内部设定动画关键帧。animation-delay：设置延时，即从元素加载完成之后到动画序列开始执行的这段时间。animation-duration：设置动画一个周期的时长。
2023-12-24 21:18:32
359
原创 html5新增特性
从字面理解就是区块、部分的意思，相对于article元素更加广泛，每个区块都可以使用，比如页面里的导航菜单、文章正文、文章的评论等。<footer> 元素应该包含它的包含元素:一个页脚通常包含文档的作者，著作权信息，链接的使用条款，联系信息等。<figcaption> 元素应该被置于 “figure” 元素的第一个或最后一个子元素的位置。<figcaption> 标签定义 <figure> 元素的标题.<aside> 标签的内容应与主区域的内容相关。<footer>元素描述了文档的底部区域.
2023-12-24 21:16:28
344
原创 input的type属性
需要注意的是，在定义单选按钮时，必须为同一组中的选项指定相同的name值，这样“单选”才会生效。图像形式的提交按钮与普通的提交按钮在功能上基本相同，只是它用图像替代了默认的按钮，外观上更加美观。提交按钮是表单中的核心控件，用户完成信息的输入后一般都需要单击提交按钮才能完成表单数据的提交。当定义文件域时，页面中将出现一个“选择文件”按钮和提示信息文本，用户可以通过单击按钮然后直接选择文件的方式，将文件提交给后台服务器。8.图像形式的提交按钮< input type=" image"/>
2023-12-24 21:14:13
623
原创 css中rgba的属性
我们熟悉的rgb颜色标准，是由r（red）、g（green）、b（blue）三种颜色叠加变化形成各种颜色。to top、to bottom（默认）、to left、to right。rgba就是在rgb基础上增加了alpha不透明度参数。比如to top left就代表方向朝向左上。取值0-255，或0-100%不填写渐变方向默认是从上到下。或者填写角度 xxxdeg。渐变方向有以下属性值。
2023-12-24 21:09:04
407
原创 es6新特性
let和const关键字还有一个特性：“暂时性死区”，即在使用了该关键字的块级作用域中，其内部使用let和const关键字声明的变量与外部作用域中的变量相互隔绝，互不影响。他们声明的变量仅在let和const关键字所在的代码块内起作用，即在使用let和const的那一对大括号{}内起作用，也称块级作用域（ES6之前只有函数作用域和全局作用域）。const声明的如果是一个原始值，那么上面的说法是准确的，如果const声明的是一个引用值，那么更准确的说法应该是一个不能被重新赋值的变量。2，let和const。
2023-12-24 21:06:01
313
原创 let const var 三者的区别
4. **暂时性死区：** 在使用let、const命令声明变量之前，该变量都是不可用的。3. **重复声明：** var声明变量时，可以重复声明变量，后声明的同名变量会覆盖之前声明的遍历。2. **变量提升：** var存在`变量提升`，let和const不存在变量提升，即在`变量只能在声明之后使用，否在会报错。5. **初始值设置：** 在变量声明时，var 和 let 可以不用设置初始值。1. **块级作用域：** 块作用域由 { }包括，let和const具有块级作用域，var不存在块级作用域。
2023-11-20 08:27:40
24
1
原创 es6 set
1. set是以`[value, value]`的形式储存元素，而Map是以`[key, value]`的形式储存；set 没有`key`值。3. Set的值是唯一的可以做`数组去重`，Map由于没有格式限制，可以做`数据存储`。2. Map可以通过`get`方法获取值，而set不能因为它只有值。>1. ` keys() 返回 Set 对象中值的数组。> 1. `new Set() 创建新的Set对象。>1. ` delete() 删除由其值指定的元素。> 1. `add() 向 Set 添加新元素。
2023-10-31 19:56:10
31
1
原创 箭头函数、
3.apply 的所有参数都必须放在一个数组里面传进去 obj.myFun.apply(db,['成都', ..., 'string' ])。> 2.call 的参数是直接放进去的，第二第三第 n 个参数全都用逗号分隔，直接放到后面 obj.myFun.call(db,'成都', ...,'string' )。obj.myFun.bind(db,['成都','上海'])();> - 本身没有`this`的概念，捕获其所在上下文的 this 值，作为自己的 this 值，this指向`全局`。
2023-10-22 19:14:27
25
1
原创 map对象
Map对象的属性:size：返回Map对象中所包含的键值对个数Map对象的方法:set(key, val): 向Map中添加新元素 get(key): 通过键值查找特定的数值并返回 has(key): 判断Map对象中是否有Key所对应的值，有返回true,否则返回false delete(key): 通过键值从Map中移除对应的数据 clear(): 将这个Map中的所有元素删除
2023-10-15 21:54:02
50
1
原创 var let 和const的区别
const 的行为与 let 基本相同，唯一 一个重要的区别是，使用 const 声明的变量必须进行初始化，且不能被修改。var 声明的变量会被提升到函数作用域的顶部，let 和 const 声明的变量不存在提升，且具有暂时性死区特征。在全局作用域中使用 var 声明的变量会成为 window 对象的属性，let 和 const 声明的变量则不会。var 允许在同一个作用域中重复声明同一个变量，let 和 const 不允许。var 声明的范围是函数作用域，let 和 const 声明的范围是块作用域。
2023-10-15 21:43:44
22
1
原创 动画animation
语法：@keyframes 动画名称 {0% { 样式1;}100% { 样式2;}}0%是动画的开始，100%是动画的完成，这样的规则就是动画序列
2023-09-24 22:26:43
28
1
原创 弹性盒子属性
3 justify-content：指定弹性盒子在主轴上的对齐方式，属性值可以是 flex-start（默认值，从起点对齐）、flex-end（从终点对齐）、center（居中对齐）、space-between（两端对齐，项目之间间距相等）或 space-around（每个项目两侧的间距相等）。属性值可以是 flex-start、flex-end、center、space-between、space-around 或 stretch（默认值，每条轴线占满整个交叉轴）。数值越小，排列越靠前，默认为 0。
2023-09-17 21:08:54
20
原创 html5新特性
5aside — 侧边栏标签。-2 nav — 导航标签。- 6footer — 尾部标签。-3 article — 内容标签。- 4section — 块级标签。1.header — 头部标签。
2023-09-09 21:10:41
28
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人