Vue2.X前端学习笔记

前端学习笔记_jQuery(1)

如何使用jQuery官网下载jquery.js文件引入jquery.js文件咱们来看个小例子：cjj如何找到这个元素呢？//jquery写法$('div')$('#a')$('.b')//js写法vardiv=document.getElementsByTagName('div')[0];vardiv=document.getElementById('a');vardiv=document.get
质真如渝·2021-05-14 23:10

前端学习笔记01

1.c/s和b/s·c/sc/s>>>>>>client/server要求客户端和服务端都要安装软件常用软件：财务、cs游戏（例如LOL、CF等有客户端界面的游戏）·b/sb/s>>>>>>browser/server只要求在服务器端安转软件，客户端只要有浏览器即可。目前的开发主流就是b/s结构2.HTML超文本标记语言(HyperTextMarkupLanguage)注意：1、html不区分大小
碑程·2021-05-13 23:22

Vue 2.x 实战之后台管理系统开发（一）

1.导语下文：Vue2.x实战之后台管理系统开发（二）该文章将从头到尾梳理我是如何使用Vue2开发一个后台管理项目的，我会将自己遇到的问题贴出，希望可以帮助到其他人。
AlessiaLi·2021-05-12 05:18

前端学习笔记--js实现复制功能

js实现点击按钮，复制文字内容核心原理利用浏览器提供的copy命令，实现复制功能document.execCommand("copy");如果是输入框，可以通过select()方法，选中输入框的文本，然后调用copy命令，复制文本。注意：select()方法只对和有效varobj=document.getElementById("demo");obj.select();document.execC
沧澈·2021-05-12 01:29

Atom安装Vue代码高亮插件

目前我是从vue2.x起步开始学习，看了几个帖子入门教程，发现很多都是直入正题说怎么写代码的，很少说用什么编码工具开发好。虽然开发工具并不能影响运行，但是会大大影响码农写代码的积极性。
Faynman·2021-05-11 02:21

vue中常问面试题

一、vue2.x中响应式原理1）原理采用数据劫持+订阅-发布模式的方式，通过Object.defineProperty来劫各个属性的settergetter，数据变化时，发布消息给订阅者，触发响应的回调
赏花赏景赏时光·2021-05-09 23:16

前端学习笔记76-表单补充

前端学习笔记76-表单补充inputsubmitbuttonresetbuttoncoloremailautocomplete属性readonly属性disabled属性autofocus属性inputsubmit
学电子的非程序猿·2021-05-09 20:52

前端学习笔记75-表单简介

前端学习笔记75-表单简介form标签文本框提交按钮value属性换行name属性密码框单选按钮checked多选按钮下拉列表当我们办银行卡时，需要填单子(个人信息)，这个叫做表单。
学电子的非程序猿·2021-05-08 21:42

前端学习笔记74-表格的样式

前端学习笔记74-表格的样式宽度边框border-spacingborder-collapse颜色相间td元素宽度首先，table是块元素，但是它有点不同，它的宽度是被内容撑开的，剩下的为margin。
学电子的非程序猿·2021-05-07 21:14

前端学习笔记73-长表格

前端学习笔记73-长表格有些表格很长，就需要长表格，例如银行流水。这种表格分为3个部分，表头thead、主体tbody、底部tfoot。
学电子的非程序猿·2021-05-07 20:49

前端学习笔记68-背景练习

前端学习笔记68-背景练习这个背景练习时两个，背景本身不难，我就不多说了，里面提到了一个图片加载的问题。
学电子的非程序猿·2021-05-06 16:23

前端学习笔记之1 基础语法及标签

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端,增强一下技术能力,等学会点皮毛之后打算接触一下ReactNative;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是简单代码;很基础的东西,看到的小伙伴酌情略过吧_编辑器选择:我用的Mac系统,用的破解版的WebStorm,奉上破解教程;亲测可用1.基础标签+基础语法常用标签hellow
庞仕山·2021-05-06 14:52

前端学习笔记67-背景

前端学习笔记67-背景background-colorbackground-imagebackground-repeatbackground-positionbackground-clipbackground-originbackground-sizebackground-attachmentbackgroundbackground-color
学电子的非程序猿·2021-05-05 21:51

前端学习笔记66-其他的文本样式

前端学习笔记66-其他的文本样式文本修饰处理空白文本修饰样式：text-decoration可选值 none：什么都没有 underline：下划线 overline：上划线此外，还可以设置颜色和样式。
学电子的非程序猿·2021-05-05 17:08

前端学习笔记64-字体的简写属性

前端学习笔记64-字体的简写属性语法1语法2font-weightfont-stylefont可以设置字体相关的所有属性如果我们想设置字体大小和字体族，如何写？
学电子的非程序猿·2021-05-05 16:36

我的前端学习笔记17——基本类型，引用类型

一，问答1，基础类型有哪些？复杂类型有哪些？有什么特征？基础类型：指的是保存在栈内存中的简单数据段。主要包括：数值，布尔值，null，undefined。特征：解释如下图，定义房间一，并在房间一内放入a=1,。然后定义房间二，房间二完全等于房间一。这是将房间一中的a重新复制为2，并不会改变房间二中a=1。复杂类型（引用类型）：指的是保存在堆内存中的对象，变量中保存的实际只是指针，指针执行内存中另一
HARRISKING·2021-05-04 21:49

前端学习笔记之观察者模式

观察者模式也称"发布-订阅"模式,它的作用就是当一个对象的状态发生改变时，所有依赖于它的对象都将得到通知，自动刷新对象状态举个生活比较常见常见的例子,比如你去面试之后，面试官看你表现不错，最后会跟你要联系方式，以便之后可以联系你。在这角色扮演当中，你就是“订阅者”，面试官就是“发布者”。那么发布订阅模式是咋实现的呢？思路给定一个发布者面试者将联系方式给发布者发布者的一个列表有各种职位(web端的，
Moorez·2021-05-04 13:22

前端学习笔记50-解决高度塌陷的最终方案

前端学习笔记50-解决高度塌陷的最终方案前面提到的用BFC解决高度塌陷，多少都有点不好，因此用上一节学的clear来解决高度塌陷。
学电子的非程序猿·2021-05-03 13:54

前端学习笔记47-高度塌陷和BFC

前端学习笔记47-高度塌陷和BFC高度塌陷BFC浮动本来是用来设置文字环绕的，但是从前面学的可以看到，我们拿浮动来设置布局。这看着很爽，但是也是有一些问题的。
学电子的非程序猿·2021-05-03 12:03

网易云课堂

从零玩转Vue2.x与大项目实战：http://study.163.com/course/courseMain.htm?
9979eb0cd854·2021-05-03 07:54

前端学习笔记之表单

表示建立一个表单，一般表单有许多输入、选择项，有一些按钮，其中有按钮按了能提交表单到服务器。里面一般有下面这些子句可供需要时使用：action=服务器文件名，可能是CGI程序，也可能是ASP、PHP等[服务器端]脚本，如果省略，表示提交给当前的文件method=post|get，选择方法为POST或者GET，他们的区别一是GET会把参数显示在浏览器地址上，二是POST能够提供更多的参数内容。默认为
节操收割者·2021-05-03 02:44

Vue2.x 中使用vw完成移动端页面适配

下面就介绍一下Vue2.x中使用vw实现移动端页面适配的步骤。代码前提你已经了解vuecli来构建项目。无论使用vuecli2.x还是3.x版本，如果你了解webpack配置，那么过程都是大同
echozzh·2021-05-02 21:33

前端学习笔记42-轮廓阴影和圆角

前端学习笔记42-轮廓阴影和圆角轮廓阴影圆角轮廓看两份代码Document.box1{width:100px;height:100px;background-color:#bfa;border:10pxredsolid
学电子的非程序猿·2021-05-01 21:24

前端学习笔记40-浏览器的默认样式

前端学习笔记40-浏览器的默认样式手动一个个改最简单做法重置样式表Document.box1{width:200px;height:200px;border:1pxsolidblack;}从显示可以看到
学电子的非程序猿·2021-05-01 18:11

用VUEJS(2.x)做一个网易云音乐

技术栈vue全家桶（vuevue-routervuex）axiosMuse-UI(一个基于Vue2.x的materialdesign风格UI框架)功能与思路分析我之前学习JS的时候对Html5audio
前端er·2021-04-30 21:23

VUEX基本介绍，包含实战示例及代码（基于Vue2.X）

VUEX1VUEX基本介绍1.1官方APIhttps://vuex.vuejs.org/zh-cn/1.2什么是vuexvuex是一个专为Vue.js应用程序开发的状态管理模式。1.3Vuex使用场景1、Vuex是一个专为Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化;-->集中式存储管理应用的所有组件的状态2、如
无懈可击·2021-04-30 09:51

我的前端学习笔记14——js基础

1，CSS和JS在网页中的放置顺序是怎样的？css放在标签里，js放在标签最后面。原因：css放在前面是因为浏览器在加载过程中，会现根据html生成DOM树，然后再加上css形成渲染树，如果css过大还被放在了后面，会导致出现闪屏、白屏的现象。js本身的特性是加载时会阻塞后面文件的加载，因此不放在后面会导致后面文件加载速度慢，而且js重复加载的现象，页面整体加载慢，用户体验差。2，解释白屏和FOU
HARRISKING·2021-04-29 23:47

02_手写Vue2.x课程笔记梳理

概述最近在学习如何实现一个简版的Vue（MVVM）的课程,为了理解课程内容，将相关的学习内容进行梳理记录，便于以后查阅。前置知识MVVMMVVM(Model-View-ViewModel)就是在MVC的基础上把业务处理的逻辑分离到ViewModel层中。MVVM分别指的是M:Model层，表示请求的原始数据VView层，负责视图的展示，由ViewModel层控制VMViewModel层，负责业务处
小人物的秘密花园·2021-04-28 16:56

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。前言在实际项目中优化也是经常需要做的事情，特别在中大型项目中降低打包体积大小，提高首屏加载时间是必不可少的，同时在面试中也是一个高
·2021-04-25 16:01

vue2.x 从vue.config.js配置到项目优化

vue.config.js是一个可选的配置文件，如果项目的(和package.json同级的)根目录中存在这个文件，那么它会被@vue/cli-service自动加载。你也可以使用package.json中的vue字段，但是注意这种写法需要你严格遵照JSON的格式来写。目录vue.config.js配置选项打包优化，减小包的大小图片视频压缩js代码压缩cdn加速引入CDN添加引入的库注释项目中用到
高素质车间工人·2021-04-23 17:47

3 CSS的三大特性

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2021-04-21 21:09

Vue中管道的使用

在Vue2.x版本中，filter需要自己定义才能够使用过滤器可以用在两个地方：双花括号插值，如：{{message|capitalize}}v-bind表达式（从2.1.0+版本支持），如：自定义的方式有两种
默写_0c03·2021-04-21 01:34

2.2 CSS的背景属性

声明：本人前端学习笔记的所有内容均为b站上pink老师课程的学习笔记，如果想详细了解的可以搜索以下网址：H5C3+移动布局：黑马程序员pink老师前端入门视频教程HTML5+CSS3+移动端布局-flex
Sweet_pin·2021-04-20 20:39

前端学习笔记02--CSS快速了解

目录CSS一、CSS概述二、CSS的选择器2.1CSS语法2.2选择器--基本类型2.3选择器--分组、继承2.4选择器--高级类型三、CSS常用样式3.1样式--背景3.2样式--文本3.3样式--字体3.4样式--链接3.5样式--表格3.6样式--轮廓四、CSS框模型4.1CSS框模型示意图4.2CSS框模型--内边距、边框、外边距五、值复制六、CSS定位定位-position：流、相对、绝
guyueCT·2021-04-19 22:36

vue nextTick原理

vuenextTick原理前面谈到了vue2.x的响应式原理，vue.js在视图更新采用的是异步更新策略，我们来看看它是怎么做到的。/**？
唐_银·2021-04-19 02:38

Vue3.0 新特性探索

Vue3官网文档1、Vue3.0新变化Proxy：不只是解决了defineProperty的局限性Performance：性能比Vue2.x快1.2~2倍Treeshakingsupport：可以将无用模块
小蓝_sv·2021-04-19 01:15

前端学习笔记7-vs code

前端学习笔记7-vscode安装快捷键安装liveserver扩展安装官网，很简单不用一分钟。https://code.visualstudio.com/快捷键输入一个感叹号！
学电子的非程序猿·2021-04-18 20:20

前端学习笔记十四-函数进阶

一、函数的定义和调用1.1函数的定义方式方式1函数声明方式function关键字(命名函数)functionfn(){}方式2函数表达式(匿名函数)varfn=function(){}方式3newFunction()varf=newFunction('a','b','console.log(a+b)');f(1,2);varfn=newFunction('参数1','参数2'...,'函数体')c
AizawaSayo·2021-04-18 19:41

vue2与vue3中通过函数方式调用全局组件

框架：vue2.x、vue3ui框架：element-ui、element-plus在开发页面时，经常会遇到类似的需求，某某情况下弹个窗提示，达到引导用户的效果，比如没有权限，提示用户去充钱，比如下面：
超人鸭·2021-04-18 05:33

前端学习笔记01--HTML快速了解

目录HTML1.1HTTP/HTTPS1.2HTML简介1.2.1标记语言1.2.2标签分类1.2.3标签属性1.2.4样式1.3常用标签1.3.1文章段落1.3.2字体1.3.3超链接1.3.4图片、视频1.3.5html基本结构1.3.6列表1.3.7表格1.3.8表单1.3.9CSS布局标签HTML前端三剑客：HTML--结构、CSS--修饰、JS--行为(javascript)W3C--万
guyueCT·2021-04-17 15:56

Vue2.x 项目性能优化之代码优化的实现

因为目前Vue2.x使用了webpack等第三方打包构建工具，并且支持其他第三方的插件，我们在项目中使用这些工具时可能不同的操作在运行或打包效率上会有不同的效果，下面就来详细说明优化的方向。
·2021-04-14 20:11

移动端Vue2.x Picker的全局调用实现

什么是Picker组件对标PC端的Select标签,移动端的选择框一般是在viewPort底部弹出Picker组件存在的问题Picker通常以fixed布局，但是我们在写Picker组件时有遇到过该组件无法在viewport的底部弹出，而是在组件内部弹出，导致样式混淆，不符合C端审美，造成以上问题的原因是因为[层叠上下文]的原因，fixed布局并不是基于viewport为底板，而是当前的层叠上下文
·2021-04-14 20:01

sass/scss前端学习笔记

sass和scss有啥区别sass比scss要先2年发布，sass使用换行来代表分号，用缩进来代表花括号，这样很不适合前端开发习惯。而scss是sass的超集，书写方法与常见的css书写方法类似。就像这样：/*sass书写方法*/#navwidth:30pxheight:100px/*scss书写方法*/#nav{width:30px;height:100px;}安装方法1.npm安装：npmin
铜钱会会草·2021-04-14 00:56

vue2.x与vue3.x语法对比

npminstall-g@vue/cli#ORyarnglobaladd@vue/clivuecreatehello-vue3#selectvue3preset项目变化vue2.x和vue3.x目录结构没有什么变化
抽疯的稻草绳·2021-04-13 03:36

vue 和 react发展史、设计思想及维度

1.2vue2.x在vue1.x中如果项目很大的时候，响应式对象很多的时候就会导致性能很不好，页面卡顿的情况，所以在vue2.x的时候引入了vdom。响应式和vdom进行配合，性能的到了很大的提升。
winne雪·2021-04-11 00:51

Element UI el-upload 二次封装图片上传组件(可预览、可批量，含手动上传)

先说明几点：1.使用Vue2.x。2.这几个例子是比较适合我自己项目场景的方案，主要为了记录下，仅供参考。
AizawaSayo·2021-04-10 22:27

Vue 前端小白了解并运用Vue3 + Vite 及 Vue-cli 4项目搭建

Vue.js3.0给我们带来了那些新特性呢：Performance：性能比vue2.x块1.2～2倍Treeshakingsupport：支持按需编译，体积更小CompositionAPI：组合API，
码民的飘柔·2021-04-08 21:02

vue3.0 使用echarts完成图表展示

3.0使用echarts首先跟vue2.x版本没有太大区别使用npm或者yarn安装echart例：npminstallecharts--save成功后在main.js进行挂载配置vue2.0如下：importEchartsfrom"echarts
·2021-04-06 18:07

vue2.x图片引用报错,打包后页面静态文件引用报错

hash模式组件中img标签中图片引用src="@/assets/images/a.png"history模式图片报错index.html/xxx/img/a.png，图片放在在assets中解决方法：build下的base.conf中的url-loader中的limit(默认是10000byte（字节）10kb以下都进行base64编码将limit的值多加几个0，图片就可以转化为base64,但
海豚先生的博客·2021-04-06 16:16

Vue2.x 的双向绑定原理及实现

Vue数据双向绑定原理Vue是利用的Object.defineProperty()方法进行的数据劫持，利用set、get来检测数据的读写。MVVM框架主要包含两个方面，数据变化更新视图，视图变化更新数据。视图变化更新数据，如果是像input这种标签，可以使用oninput事件..数据变化更新视图可以使用Object.definProperty()的set方法可以检测数据变化，当数据改变就会触发这个
·2021-03-31 21:16
上一页 16 17 18 19 20 21 22 23 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他