前端笔记
关注
分享
扫一扫
文章平均质量分 83
Ultraman_agul
这个作者很懒，什么都没留下…
展开
-
10swiper库在vue中的使用
swiper库在vue中的使用网址：https://swiper.com.cn/基本使用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</tit..原创 2021-09-03 11:16:34 · 966 阅读 · 0 评论 -
11-vue生命周期函数
生命周期函数每个 Vue 实例在被创建时都要经过一系列的初始化过程——例如，需要设置数据监听、编译模板、将实例挂载到 DOM 并在数据变化时更新 DOM 等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，这给了用户在不同阶段添加自己的代码的机会。比如 created 钩子可以用来在一个实例被创建之后执行代码：new Vue({ data: { a: 1 }, created: function () { // `this` 指向 vm 实例 console.l原创 2021-09-03 11:14:15 · 148 阅读 · 0 评论 -
09-vue组件化开发
组件化开发什么是组件化：将一个功能实现的表现，结构，行为作一个整体来封装，形成一个组件，达到整体效果复用的目的。Vue组件的注册方式：根组件：当前我们在开始使用vue的时候，就创建了一个组件，new Vue()实例化的过程 ，就是创建了一个vue的根组件，运行new Vue的文件就是vue项目中的根组件。注册组件（自定义组件）<div id="box"> <!-- 使用组件navbar --> <navbar></na原创 2021-09-03 09:38:10 · 208 阅读 · 0 评论 -
08-fetch和axios
fetch和axiosFetch APIw3c规范中的Fetch API提供了一个 JavaScript 接口用于访问和操作HTTP管道的零件，如请求和响应。它还提供了一种全局fetch()方法，可以提供一种简单，合理的方式在网络上异步获取资源。此类功能以前是使用 XMLHttpRequest 实现的。Fetch提供了一个更好的替代方法，可以很容易地被其他技术使用，如Service Workers。Fetch还提供了一个单一的逻辑位置来定义其他HTTP相关的概念，如CORS和HTTP的扩展。请注原创 2021-09-02 14:56:15 · 154 阅读 · 0 评论 -
07-vue中的mixins混入
Mixins混入（Mixins）是一种分发Vue组件中可利用功能的非常灵活的方式，混入对象可以包含任意组件选项。当一个组件使用混入对象时，所有混入对象的选项将被混入该组件本身的选项,并且vue原本的选项不会被覆盖，如果出现同名属性，vue优先访问内部属性简单理解：就是将一串外部的代码引入到当前的Vue程序中使用。目的是提高代码的复用性 <div id="box"> <button @click="handleClick1">click1</button>原创 2021-09-02 08:55:03 · 89 阅读 · 0 评论 -
06-vue中计算属性computed及监听属性watch
计算属性及watch监听属性计算属性先看一个案例：动态渲染一个字母串，显示在页面时需要首字母大写，而从服务器请求回来的不一定会是首字母大写的情况，所以需要手动在前端作好处理。 <div id="box"> <!-- 将首字母大写，这里需要在页面中处理，这样的方式将业务逻辑写在了页面，会影响页面的可读性，这样的方式是不可取的。 --> {{myName.substr(0,1).toUpperCase() + myName.substr原创 2021-09-02 08:36:09 · 535 阅读 · 0 评论 -
05-vue表单绑定与购物车实例
vue表单绑定与购物车实例1.1 v-model在复选框中的使用在复选框中使用v-model指令，一般会作用在一个数组上。<div id="box"> <!-- v-model="checkArray": checkArray:为数组，所有选中的checkbox的value都会添加到数组中，取消选中时会自动从数组中删除该value。 注意：这里一定要给checkbox添加上value属性 --> <input type=原创 2021-09-01 16:19:26 · 318 阅读 · 0 评论 -
04-vue的事件处理器
vue事件处理器1.1 @click=“handleClick”不加小括号的事件处理方式，vue会自动传递事件对象，可以在事件处理函数中获取事件对象，但是无法传递自定义的参数 <div id="box"> {{count}} <br> <button @click="handleClick">事件处理-自动传递事件对象-无法传递参数</button> </div> <script> va原创 2021-09-01 15:08:09 · 292 阅读 · 0 评论 -
03-深入了解vue指令
一、指令的深入学习1.1 class类切换的对象写法 <div id="box"> <!-- 执行结果如下 <div class="aa bb cc"></div> --> <div :class="classObj"></div> </div> <script> var原创 2021-09-01 11:23:22 · 286 阅读 · 0 评论 -
02-vue常用指令的基本使用
一、Vue常用指令的基本使用：1.1 v-on指令绑定事件：v-on:事件=“事件处理程序”1.2 @符号简写方式绑定事件：@+事件（如：@click）往后的程序中常用简写方式来实现事件的绑定【说明】以上案例使用的@click来实现一个元素单击事件的绑定，往后所有事件都可以使用“@+事件”这样的方式来绑定一个事件，事件的实现简单而快捷。1.3 v-show显示或隐藏指令：根据条件显示或隐藏元素，元素始终会被渲染并保留在 DOM 中。v-show 只是简单地使用display切换元素的none或原创 2021-09-01 11:15:51 · 174 阅读 · 0 评论 -
01-vue简介及起步
目录vue简介及起步网址Vue是什么安装起步架构模式vue简介及起步网址https://cn.vuejs.org/v2/guide/Vue是什么Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。【注】Vue 不支持 IE8 以原创 2021-09-01 10:13:06 · 252 阅读 · 0 评论 -
手把手教你手撕ajax
ajax详解1.原生ajax1.1 ajax是什么？1.2 ajax作用是什么？1.3 ajax创建请求步骤1.4 ajax get和post请求的区别2.封装ajax使用 Ajax，我们可以无刷新状态更新页面，并且实现异步提交，提升了用户体验。.1.原生ajax1.1 ajax是什么？ Ajax的核心是JavaScript对象XmlHttpRequest，XmlHttpRequest使您可以使用 JavaScript向服务器提出请求并处理响应，而不阻塞用户。原创 2021-07-20 22:44:08 · 329 阅读 · 0 评论 -
表妹又来问JavaScript的闭包啦，这就给你把来龙去脉讲清楚
文章目录什么是闭包1. 闭包形成的原理2. 闭包解决的问题3 闭包带来的问题4 闭包的应用4.1模仿块级作用域4.2埋点计数器4.2柯里化什么是闭包闭包是指有权访问另一个函数作用域中的变量的函数。函数中的name,test1不会被垃圾回收机制回收,直到页面关闭function myName() { let test1 = 1 let test2 = 2 let name = 'agul' let foo = { getName: function原创 2021-07-16 19:38:59 · 257 阅读 · 0 评论 -
师妹又问JavaScript中数据的深浅拷贝方法，这次给她安排上咯！
JavaScript中数据的深浅拷贝师妹啊，咱们在讲深浅拷贝之前我们先要明白javascript中数据的赋值是如何存储的，接下来再介绍深浅拷贝的方法，看好哦。赋值：简单数据类型直接在栈中开辟一块新的内存，存储赋值的数据；引用数据类型，在栈中开辟一块空间，存储赋值的数据对应的堆中的存储地址，源数据和拷贝的新数据对应的是同一块堆空间中的数据浅拷贝：堆栈各开辟一块新空间，栈中存储堆中新开辟的空间的地址，堆中赋值了源数据的数据，如果值是基本数据类型那么新数据和源数据没有任何关系，如果值是引用数据类型那么新原创 2021-07-15 23:47:03 · 102 阅读 · 2 评论 -
妹妹老问JavaScript判断数据类型的方法，哥一次给你回答的明明白白！
判断数据类型的几种方法话不多说，直奔正题。1. typeof(常用于判断基本数据类型，对于引用数据类型全部返回Object)语法： typeof [检测数据] 返回数据的类型名称特点对于基本类型，除 null 以外，均可以返回正确的结果。对于引用类型，除 function 以外，一律返回 object 类型。对于 null ，返回 object 类型。对于 function 返回 function 类型。 var str = '字符串类型';原创 2021-07-15 00:02:47 · 212 阅读 · 3 评论 -
Sass——从入门到精通
Introduction to the SassSass，英文全称“Syntactically Awesome StyleSheets”，是对 CSS 的扩展。它添加了一些 CSS 语法不具有的新特性。Sass 让开发者维护样式表变得更简单。Sass 完全兼容 CSS，因为它是一个预处理器。它用 Sass 语法写代码，然后转换成标准的 CSS。它允许你使用变量、嵌套规则、导入等众多功能。有助于保持大型样式表结构良好，让 CSS 语言更强大，优雅。Sass 有两种语法。第一种被称为 SCSS（Sassy原创 2021-03-30 10:23:31 · 228 阅读 · 1 评论 -
asp.net中cs不存在控件名称，design.cs不能同步声明控件
解决问题描述使用asp.net开发网站时，拖动添加控件到设计界面时，在cs代码文件中使用控件对应的id进行逻辑编码时vs提示当前上下文不存在控件xx。经过仔细debug发现是因为该页面对应的design.cs未添加新控件的声明，自然而然就像页面的小三一样。。不能摆到明面上。。问题发现了，一开始以为是vs的bug，重启解决方案，重启vs，甚至重启电脑，发现都无用，但是此时，我发现至始至终`design.cs文件中只有一个datalist控件是声明了的，这让我怀疑，这玩意儿怎么就能没事儿发生一样呢？原创 2020-11-14 08:37:17 · 545 阅读 · 2 评论 -
fcc算法中级——最详细题解
fcc算法中级范围内的数字求和给出一个含有两个数字的数组，我们需要写一个函数，让它返回这两个数字间所有数字（包含这两个数字）的总和。注意，较小数不一定总是出现在数组的第一个元素。水体，比较两个临界值的大小，再循环相加即可function sumAll(arr) { if(arr[0] > arr[1]){ let temp = arr[0] arr[0] = arr[1] arr[1] = temp } let sum = 0; for(var i原创 2020-08-19 20:45:20 · 623 阅读 · 0 评论 -
asp.net 子页调用母版页的属性和控件
asp.net 子页调用母版页的属性和控件子页放置内容的容器：<asp:content id="content1" contentPlaceHolder="ContentPlaceHolder1" runat="server"><!--放置填充的内容--></asp:content>1）调用母版中的方法及属性：在子页声明被母版页信息，然后直接用master.XXX()调用。2）调用母版中的控件：在子页中通过FindControl搜索母版页的id，调用之。母原创 2020-07-02 07:35:59 · 997 阅读 · 0 评论 -
前端常用正则表达式(详细版)
正则表达式- web前端 - 笔记原创 2020-05-07 12:31:58 · 7449 阅读 · 1 评论 -
前端ECMAScript6个人学习笔记
ECMAScript 6 web前端 笔记 ECMA标准原创 2020-05-07 12:15:06 · 380 阅读 · 0 评论 -
JS基础--对象笔记
JavaScript 基础对象属性名带有空格时，引用必须使用中括号：var mydog={"my name" : "wangcai","legs" : 4, "tails" : 1}var hi = mydog["my name"];var feet = mydog.legs;当我们通过变量名访问属性的时候，不需要给变量名包裹引号。因为实际上我们使用的是变量的值，而不是变量的名...原创 2020-05-07 12:02:10 · 184 阅读 · 1 评论