前端学习
文章平均质量分 65
web前端学习的一些发现或总结
godton
这个作者很懒,什么都没留下…
展开
-
使用Vite安装并初始化Vue2 + pinia + vue-router项目
使用 npm create vite 命令先创建项目vite cli的选择。原创 2023-01-28 15:23:45 · 2268 阅读 · 0 评论 -
JS事件简介
js的一些事件概念以及事件方法简介原创 2022-07-28 17:51:12 · 377 阅读 · 0 评论 -
Vue2中实现响应式数据
Vue2利用Object.definedPropty() 劫持数据 并获取Dom节点修改数据 简易实现响应式。原创 2022-07-22 21:57:50 · 3659 阅读 · 0 评论 -
JavaScript的Promise和异步函数 async-await
promise是js的异步请求机制,再ES6时代引入官方的js文档,解决之前的回调函数引起的回调地狱原创 2022-07-17 09:40:53 · 542 阅读 · 0 评论 -
Vue中实现带token登录的逻辑——panjiacheng的模板登录逻辑
panjiacheng 模板 vue-admin-template 的登录逻辑原创 2022-07-06 22:22:37 · 1297 阅读 · 1 评论 -
Vue中子组件给父组件传参数————props和自定义事件
VUE中 props和自定义事件的一些区别,以及自定义事件的一些用法原创 2022-06-28 16:03:04 · 3237 阅读 · 0 评论 -
从进程的角度来解释 输入URL后浏览器会发生什么?
从进程角度回答 浏览器输入URL原创 2022-06-21 16:51:54 · 86 阅读 · 0 评论 -
使用Element-ui和Vue 实现带数据检测的注册页面
使用element-ui完成注册时的一系列表单验证原创 2022-06-17 11:41:41 · 931 阅读 · 0 评论 -
Vue-router的使用(超级扫盲即用版)
所有操作前需要npm install vue-router将router库下载到项目中1、配置路由1.1、新建router文件夹在src文件夹下创建router文件夹,并创建index.js文件在index.js中引入router组件,因为router的显示需要多个子组件配合,也需要将子组件引入。//index.js 文件中import VueRouter from "vue-router"import MyAbout from '../components/MyAbout.vue'原创 2022-05-28 21:48:07 · 100 阅读 · 0 评论 -
computed和watch
引子<div id="app"> <input type="text" v-model='content'> <ul> <li v-for="(p,index) in felpersons" :key="index"> {{index}}--{{p.name}}--{{p.age}} </li>原创 2022-05-02 12:16:43 · 86 阅读 · 0 评论 -
插值,v-bind,v-model的区别
v-bind {{}} v-model 三者在使用场景上的区别原创 2022-04-30 16:49:25 · 457 阅读 · 0 评论 -
声明式编程和命令式编程的比较
原文 :Imperative vs Declarative 作者 @Philip Roberts先统一一下概念,我们有两种编程方式:命令式和声明式。我们可以像下面这样定义它们之间的不同:命令式编程:命令“机器”如何去做事情 (how),这样不管你想要的是什么 (what) ,它都会按照你的命令实现。声明式编程:告诉“机器”你想要的是什么 (what),让机器想出如何去做 (how)。声明式编程和命令式编程的代码例子举个简单的例子,假设我们想让一个数组里的数值翻倍。我们用命令式编程风格实现,转载 2022-04-29 09:52:04 · 1157 阅读 · 0 评论 -
原型链和原型对象
代码function Fun() { this.test1 = function(){ console.log('test1'); }}Fun.prototype.test2 = function(){ console.log('test2')}let fun = new Fun();fun.test1();fun.test2();console.log(fun.toString());![请添加图片描述](https://img-blog.csdnimg.cn/49303312f原创 2022-03-29 16:09:21 · 82 阅读 · 0 评论 -
JS数据类型判断
JS的数据类型判读原创 2022-03-24 11:50:37 · 1411 阅读 · 0 评论 -
为什么要语义化HTML标签和一些高频率的标签
为什么要语义化浏览器初始时只能显示文字,为了对文字进行排版来展示逻辑性就需要标签来区分,而搜索引擎刚诞生时也需要依赖标签来抓取内容。后来css的出现以及搜索引擎的改变,不依靠语义化也可以完成整个网页的布局,且最终效果并不差也并不影响使用。甚至完全用div这种自由度很高的标签,配上css可以得到很好的效果。且目前百度的seo优化并不靠语义化标签所带来的微小差距 钱给够就行 。所以现在写网页时选择什么样的标签并不重要,没有对错之分。但若从专业的角度来说,语义化标签可以更方便团队其他人维护理解代码,hea原创 2022-03-22 12:06:42 · 566 阅读 · 0 评论 -
JS基本引用类型二————Boolean 、Number、String
特殊的引用类型JS一共有三种特殊的引用类型Boolean、number和string通常//代码1let s1 = “Here are some words”;let s2 = s1.substtring(2);s1.color = "red";console.log(s1.color);这两行代码是不会执行的,因为s1是字符串变量,是没有方法的。但实际中JS在后台会这样做//代码1.1let s1 = new String(“Here are some words”)let s原创 2022-03-12 09:59:11 · 637 阅读 · 0 评论 -
JS变量的引用和复制
JS变量的复制和函数传参原创 2022-02-17 20:43:33 · 610 阅读 · 0 评论 -
JS数据类型
数据类型概览六种简单数据类型:Undefined、Null、Boolean、Number、String、Symbol和一种复杂类型Object(数组引用类型变量属于对象,且是JS的内置对象)JS可以使用 关键字 typeof()来返回数据类型,但返回值如下:返回字符串内容代表意义undefinedbooleanstringnumberobjectfunctionsymbol数据类型的相关判断函数Boolean()isFi原创 2022-02-15 15:18:38 · 286 阅读 · 0 评论 -
Javescript变量声明————var、let、const
JS变量声明时var、let、const的一些异同原创 2022-02-12 17:33:53 · 252 阅读 · 0 评论 -
Git学习复习题
复习题:Git入门git是什么?来源自哪里?最easy没用有趣git是什么版本控制系统?有什么优点?3. 怎么看自己有没有安装git?怎么安装?优点简单了Git增删改查git怎么添加文件和提交文件?有什么不同?怎么查看当前仓库的状态和修改内容?如何回退版本?退回后反悔了怎么办?status和log的区别是什么?git工作区和暂存区分别指什么?git是怎么管理这些区域的?git add后如何撤回,修改新内容后如何撤回?git如何删除文件?命令顺序上大致对应了上面的问题gi原创 2022-01-27 11:31:15 · 473 阅读 · 0 评论 -
CSS选择器总结
单一选择器类型(元素)选择器 : h1 {}, p {}, div{}, span {} …类选择器 : .class {}伪类选择器 : a:link {}, a:active {},li:first-child {} …伪元素选择器(HTML中不存在的元素):div::first-line {} … 属性选择器 : div[attr~, $, *, |, ^=“value”] {} … = 表示value相同就选~= 表示包含value就选|= 表示value等于开头或是value就选原创 2022-01-15 12:46:08 · 169 阅读 · 0 评论 -
CSS学习笔记
层叠 权重高的只会覆盖重复的样式,不重复的会按照原样显示。 内联 style 占千位,ID选择器占百位,类选择器,属性选择器,伪类占百位,元素,伪元素选择器占个位 选择器 千位 百位 十位 个位 优先级 h1 0 0 0 1 0001 h1 + p::first-letter 0 0 0 3 0003 li > a[href*原创 2022-01-14 19:40:32 · 64 阅读 · 0 评论 -
浏览器内核,html入门——前端自学day01~day02
浏览器内核前端的所有工作都是建立在浏览器内核上的,浏览器内核主要包括两部分:渲染引擎和JS引擎。渲染引擎负责处理html和css。JS引擎则时JavaScript。网页的构成HTML主要负责网页的布局,CSS负责网页的效果,Javascript负责网页交互作用。s因此,一个网页应该有三部分组成,index.html,style和Scripts,此外需要其他文件夹用来存放图片等其他东西。HTML...原创 2022-01-01 22:24:13 · 372 阅读 · 0 评论