- 博客(37)
- 收藏
- 关注
原创 Ionic移动端开发
本篇主要针对移动端App开发进行介绍。目前市场上主流的移动端APP分为三种:原生APP、Web APP(即HTML5)和混合APP三种,相对应的也就是原生开发、H5开发和混合开发。1. 原生开发开发方式:使用设备厂商提供的原生语言和工具进行开发,比如Android的Kotlin, Java;iOS的Swift, Objective-C等。开发工具:Xcode (iOS),Android Studio (Android)。优点是:性能最佳,与系统的集成度高,能充分利用硬件资源(如GPS、摄像
2024-11-29 16:11:59
1075
原创 iframe内联框架
点击劫持(Clickjacking):攻击者可以利用 iframe 将一个网页嵌入到透明的 iframe 中,诱导用户点击,从而劫持用户操作。由空格分隔的功能列表,这些功能在嵌入的内容(如视频、地图等)中是被允许访问的。受限于浏览器的同源策略,当iframe嵌入的页面与父页面或与其他iframe嵌入的页面不属于同源时,就会受到跨域限制,导致无法直接通过JS进行访问或操作。嵌入的网页可能会影响页面性能和加载速度,特别是当嵌入的网页包含大量的资源(如图片、CSS 和 JavaScript)时。
2024-11-09 21:10:10
963
原创 vue3 基础笔记
ts// forEachElement 是一个遍历组件未激活的 DOM 中所有根元素的辅助函数,// 因为根元素可能是一个模板片段而非单个元素// ...})// 准备好时调用 `hydrate`hydrate()// 如必要,返回一个销毁函数})
2024-11-08 21:15:02
982
原创 vue:Transition
是Vue 提供的 “内置组件动画组件”,与一般的CSS过渡动画不同的是,它通过在特点时刻给元素或组件增加、移除类名来实现——在一个元素或组件进入和离开 DOM 时应用过渡动画。而在开发中最常用的就是路由转场......
2024-11-06 10:52:33
3247
原创 vue 插槽
尽管父组件提供的插槽内容,会被放入插槽组件对应的位置,但因为插槽内容本身依然是在父组件模板中定义的,所以插槽内容可以访问到父组件的数据作用域。很多知识笔者也是通过从各种教程里搬运以及请教 “C老师” 写出来的,自己也没有完全掌握,这也是我写本文的最主要目的,搜集知识,忘了的时候自己看看。上面提到,默认情况下,插槽的内容无法访问到子组件的状态,但在某些场景下插槽的内容可能想要同时使用父组件域内和子组件域内的数据。Vue的插槽(slot),简单来说,就是一种 定义在组件中的 “占位符”。
2024-11-06 10:50:42
725
原创 vue 3:监听器
watch 的第一个参数( "数据源"),形式上可以是ref,computed,reactive,getter,props或响应式对象。但本质上 必须是一个 getter 函数。含3.5+新共功能
2024-11-05 10:16:01
2281
原创 2.4w字 —TS入门教程
TypeScript 是由 Microsoft 开发的一种解释型/动态类型开源编程语言,它是 JavaScript 的一个超集,为 JavaScript 添加了类型系统和一些其他特性。TypeScript 的代码最终会被编译(或称为转译)成 JavaScript,以便在浏览器或任何支持 JavaScript 的环境中运行。使用 TypeScript 的主要目的是在开发阶段捕获错误、改进代码质量和提供更丰富的开发体验。
2024-11-04 12:39:50
1385
原创 JavaScript的迭代器和生成器
JS迭代器是什么?for...of遍历的本质是什么?生成器函数又是什么?它的应用场景有哪些?异步编程中的async本质又是什么?
2024-11-03 17:51:41
1047
原创 Chrome DevTools
Devtools是Web测试时每天都要用的工具,它提供了很多调试功能,可以帮助我们更好的定位问题。作为高频使用的工具,掌握并善用它的功能,不仅可以提高调试效率,还能在与开发团队沟通时提供更详细、准确的问题描述。
2024-10-28 14:14:52
884
原创 Vue 响应式原理
vue 2响应式借助于ES5的Object.defineProperty()方法来实现数据劫持,并基于数据劫持和发布订阅者模式实现数据的自动更新和视图的响应式渲染。Vue 3响应式基于Proxy对象和Reflect API来实现。通过拦截对象的读取和设置操作,Vue 3能够感知到数据的变化,并据此执行相应的依赖收集和更新操作
2024-09-18 21:28:51
1391
原创 Vue路由:Vue router
Vue Router 是 Vue.js 的官方路由解决方案。它与 Vue.js 核心深度集成,让用 Vue 构建单页应用变得轻而易举。通过它,你可以轻松地管理应用中的页面跳转、路由守卫(如登录守卫),懒加载等功能。(注意:以下介绍以 Vue Router 4 为基础,相比于Vue Router 3 引入了一些新的特性和改进)Vue Router | Vue.js 的官方路由。
2024-09-11 17:04:07
4875
原创 前端网络请求库:Axios
从HTTP开始理解学习axios 网络请求库:HTTP协议,TCP协议,HTTP请求/响应....Axios在vue项目中的基本使用,Axios使用HTTP请求方法,拦截器,axios封装.....
2024-09-11 17:01:16
1808
原创 Vue 组件通信
vue 2组件通信:props,$emit,provide和inject,$refs,$parent和$children,$attrs和$listeners,v-model,全局事件总线Bus,状态管理vuex。vue 3 组件通信:props,$emit,provide和inject,ref和expose,$parent,$attrs,v-model,事件发射器/事件监听器库mitt,状态管理pinia。
2024-08-22 10:38:34
2967
1
原创 Vue状态管理工具:Pinia
pinia基本概念和用法,数据持久化与封装,state,getter,action三个核心概念,option store和setup store两种写法
2024-08-21 11:37:58
1400
原创 Vue状态管理工具:vuex
vuex基本概念,使用步骤,核心概念state,getters,mutations,actions,modules;以及辅助函数等
2024-08-19 20:10:20
1462
原创 Vue生命周期
vue实例从创建到销毁的过程就是生命周期。也就是,创建,初始化数据,编译模版,挂载DOM到渲染,更新到渲染,销毁等一系列过程,在这些过程中,它也会运行被称为生命周期钩子的函数,让开发者有机会在特定阶段运行自己的代码。主要分为四个阶段:创建前后,挂载前后,更新前后,销毁前后,以及一些特殊场景生命周期
2024-08-12 20:19:45
1706
3
原创 前端笔记【三】:JavaScript
JS基本数据类型有哪些,null和undefined的区别,JS数组,函数,对象的常用方法,剖析JS对象,理解JS函数对象(构造函数),JS继承方式,E6+新特性,防抖与节流,深克隆与浅克隆,微任务与宏任务,理解Promise原理及应用
2024-08-10 21:22:04
1591
1
原创 JavaScript对象
在JavaScript中有一句颇有争议的话 —— “一切皆对象”这个观念是JavaScript设计哲学的一个重要部分,它让JavaScript在编程时提供了极大的灵活性和表达能力。函数对象,普通对象,内置对象,特殊对象,对象的常用静态/实例方法
2024-08-04 16:17:05
900
原创 JavaScript函数
作用域:是程序中变量、函数等标识符的可见性(即在哪里可以访问这些标识符)在当前脚本的任意位置都可以访问每个函数在执行时都会创建一个新的作用域函数内部声明的变量,仅在该函数内部可见和可访问(除非这些变量被明确暴露到函数外部,比如return)函数可以访问并操作函数外部的变量(即父级作用域中的变量)。当函数发生嵌套时,“内部函数” 与 “内部函数调用的外部函数的变量” 就组成了闭包在JavaScript中 "函数除了被当作函数还可以当作class"构造函数用于创建具有特定属性和方法的对象。
2024-07-30 22:11:59
887
原创 JavaScript数组的常用方法
在JavaScript中,数组是一个特殊的对象,继承自Object原型,但具有一些特殊的属性和方法,这些方法主要定义在Array.prototype上。比如......
2024-07-14 23:10:59
514
原创 HTML响应式布局(Flex+Grid+Media Queries+相对单位,万字总结)
HTML响应式布局,flex布局,grid布局,Media Queries媒体查询,响应式图片,响应式字体,常用相对单位.........(万字总结,干货满满,看完你一定会有所收获)
2024-07-14 17:05:44
1361
原创 CSS预处理器(SASS)
1.什么是sassSass是一种CSS预处理器,用于增强CSS的功能和灵活性。它扩展了CSS,并引入了许多有用的功能,如变量、嵌套、混合、继承以及模块化的结构。
2024-07-07 15:38:48
1280
原创 HTML页面编写规范(三)
公共的部分也可以划分范围,有的是所有网站能用的,有的是某 几个网站公共的部分。,例如index.css,如果拆分的更细致可以使用多个单词的拼写,例如index_banner.css等。,引入多层css时,需要按照后面的层叠前面的css进行设置,使用页面独有的样式层叠公共的样式。2.引入时必须作为第一层引入,网页中独有的样式可以层叠掉reset 中的样式。3.需要注意类名的使用,公共文件中的类名一般不要在其他的css文件中再用。清除默认样式的css,网站的公共样式css,每个页面自己独有的css。
2024-06-23 21:26:37
1174
原创 HTML页面编写规范(一)
- 文档类型,告诉浏览器这是一个HTML5文档 -->-- lang="en"表示文档的主要语言是英文 -->-- 标签包含了文档的元信息,比如字符编码、视口设置、标题等。-->-- 文档的字符编码为UTF-8 -->-- 告诉Internet Explorer浏览器使用其最高版本模式来渲染页面。这通常用于确保页面在旧版IE浏览器上也能以最新标准来显示。-->-- 它应该是用来设置视口(viewport)的属性,使得页面能在不同设备上正确显示。() -->
2024-06-22 23:29:57
1319
原创 浏览器渲染基本原理
当用户在地址栏输入URL后,浏览器会向服务器发送请求,待网络进程获取到返回的HTML文档后,会生成一个渲染任务,并将其放入消息队列,浏览器主线程则会通过事件循环从消息队列中取出任务,开启渲染流程。根据W3C官方解释,每个任务有不同的类型,同类型的任务必须在同一个队列,不同的任务可以在不同队列。第一步完成后会得到一颗DOM树和一颗CSSOM树,浏览器的默认样式,内部样式,外部样式,行内样式均会在CSSOM树中。为了提高解析效率,在解析之前,浏览器会开启一个预解析线程,用来下载外部的CSS和JS文件。
2024-06-19 13:28:12
1017
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人