Vue2.X前端学习笔记

前端学习笔记-JavaScript篇（一）2020.03.02

编程语言编程语言有很强的逻辑和行为能力。具有逻辑性和行为能力的指令，这是主动的。标记语言不用于向计算机发出指令，常用于格式化和链接。标记语言是用来被读取的，他是被动的。Javascript是什么---Javascript是世界流行语言之一，一种在客户端运行的脚本语言---脚本语言：不需要编译，运行过程中有由js解释器逐行进行解释并执行---现在也可以基于Node.js技术进行服务器端编程Javas
纵马且长歌·2020-08-09 22:23

前端学习笔记（四）--CSS控制UL LI 的样式详解(推荐)及纯CSS制作各种各样的网页图标（三角形、暂停按钮、下载箭头、加号等）

DIV+CSS里，我们用得最多的就是ulli来显示数据，如新闻按钮等。下面给大家一个cssulli的例子供学习首页博客设计相册论坛关于CSS:#menuul{list-style:none;margin:0px;}#menuulli{float:left;}解释一下：#menuul{list-style:none;margin:0px;}list-style:none，这一句是取消列表前点，因为我
笑桐笔记·2020-08-09 19:22

vue-filter过滤器

到Vue2.x时废弃了这10个过滤器，但是它提供了自定义过滤器功能。
Cs_sssss·2020-08-09 18:18

VUE2.x中key关键字的作用以及为什么不能用index做key（解读并展示官网说法）

直接上图本文适合人群：不懂为什么要加key有什么用：当Vue正在更新使用v-for渲染的元素列表时，它默认使用“就地更新”的策略。如果数据项的顺序被改变，Vue将不会移动DOM元素来匹配数据项的顺序，而是就地更新每个元素，并且确保它们在每个索引位置正确渲染。这个类似Vue1.x的track-by="$index"。这个默认的模式是高效的，但是只适用于不依赖子组件状态或临时DOM状态(例如：表单输入
yuan5801551·2020-08-09 16:20

过滤器

用来格式化数据的一个函数vue1.x版本:借鉴了angular,提供10个过滤器，包括有：日期小数点位数保留货币大小写等Vue2.x版本：废弃了这10个过滤器，但是它提供了自定义过滤器的方式使用方式全局定义过滤器
Fain.（爱利达·2020-08-09 15:24

vue单页面应用中动态修改title

=====================================适用于1.微信2.webview3.各大浏览器－－－－－－－－demo:http://www.yahoo.com/首先执行命令vue2
weixin_34381687·2020-08-09 14:47

前端Vue开发过程使用相关组件及库

2019独角兽企业重金招聘Python工程师标准>>>UI组件-[elementui]vueui组件库-[viui]MetroUI风格的Vue组件库-[ydui]一只基于Vue2.x的移动端&微信UI-
weixin_33796177·2020-08-09 14:23

VUE——常用自定义过滤器定义与使用

Vue2.x不再支持自带的过滤器，使用过滤器需要自定义且过滤器只能使用在v-bind和双花括号里，以管道符“|”隔开，参数类似于函数的形式如：{{msg|filter(param)}}此文记录自己用过的的过滤器以便后续使用
kindCoder·2020-08-09 11:02

vue2.x vue-cli webpack 初探

1.安装node.js(自带npm)2.安装vue-cli--vue脚手架3.安装模板：有三种1）simple最简单的模板只有一个index.html(基本没什么用）2）webpack适合比较大型的项目，有语法检测3）webpack-simple我就安装这个，刚刚好还有提示。。。之前没看，就出现一堆错误无所谓了，重新按照他的提示跑一遍先进到安装目录cdwebpack-simple-demo然后安装
遇酒·2020-08-09 10:41

vue-cli(vue2.x)中使用axios的基本方法

Axios是一个基于promise的HTTP库，可以用在浏览器和node.js中。特性浏览器端发起XMLHttpRequests请求Node端发起http请求支持PromiseAPI拦截请求和响应转化请求和响应（数据）取消请求自动转化json数据客户端支持抵御XSRF（跨站请求伪造）安装axiosnpminstallaxios--save1、全局引入axios在入口处文件(main.js)引入ax
winne雪·2020-08-09 09:07

前端学习笔记

1、flex布局使用http://www.ruanyifeng.com/blog/2015/07/flex-examples.htmlhttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html2、es6语法http://es6.ruanyifeng.com/#docs/intro3、AntDesign使用https://ant.design/d
白垣伟·2020-08-09 07:13

Web前端学习笔记——CSS定位、高级技巧、文字溢出、精灵图、Web字体

定位(position)background-position背景定位如果，说浮动，关键在一个“浮”字上面，那么我们的定位，关键在于一个“位”上。PS:定位是我们CSS算是数一数二难点的了，但是，你务必要学好它，我们CSS离不开定位，特别是后面的js特效，天天和定位打交道。不要抵触它，反而要爱上它，它可以让我们工作更加轻松哦！为什么要用定位？那么定位，最长运用的场景再那里呢？来看几幅图片，你一定会
唯恋殊雨·2020-08-08 21:43

Object.defineProperty与Proxy理解整理

Proxy对象,会经常用来做数据劫持.数据劫持:在访问或者修改对象的某个属性时，通过一段代码拦截这个行为，进行额外的操作或者修改返回结果.数据劫持最典型的应用------双向的数据绑定(一个常用的面试题),Vue2
Seeyoucm·2020-08-08 20:34

Vue+Vuex+Koa2+Socket.io+Jssdk打造无人点餐系统

第一讲Vue2.x无人点餐无人收银系统多用户点餐智能打单在线支付系统介绍（8分钟）01项目介绍02功能介绍03应用场景04页面展示05必备基础第二讲Vue2.x的介绍Vue环境搭建运行项目（18分钟）01Vue
aa110aa110·2020-08-08 13:13

JavaScript入门总结（三）：DOM操作

此笔记为慕课网前端学习笔记JavaScript入门篇课程[toc]1.什么是DOM文档对象模型DOM（DocumentObjectModel）定义访问和处理HTML文档的标准方法。
吴小风风·2020-08-07 18:13

JavaScript进阶篇（一）：事件响应，让网页交互

此笔记为慕课网前端学习笔记JavaScript进阶篇1.鼠标单击事件(onclick)2.鼠标经过事件（onmouseover）3.鼠标移开事件（onmouseout）4.光标聚焦事件（onfocus）
吴小风风·2020-08-07 18:42

Vue2.X的路由和钩子函数

最近上班有些忙，好久没有更新文章，也没学习新的东西。今天来说说这个路由钩子吧。各位朋友帮我点点关注啊顺便来个666。导航和钩子函数：导航：路由正在发生改变关键字：路由变钩子函数：在路由切换的不同阶段调用不同的节点函数（钩子函数在我看来也就是：某个节点和时机触发的函数）。钩子函数主要用来拦截导航，让它完成跳转或取消，在导航的不同阶段来执行不同的函数，最后钩子函数的执行结果会告诉导航怎么做。。导航在所
settingSun66·2020-08-07 17:46

vue前端学习笔记

2019/10/15一年多之后，又开始重新学习vue，不多说，一切从头来过！VSCode搭建Vue项目https://www.cnblogs.com/zyskr/p/10609288.html对着上面的教程学习VScode搭建vue项目的步骤，一步步开始新建vue项目。公司WiFi登不了GitHub，伤心！！！待续。。。。。。2019/11/04Youcannotsetaformfieldbefo
FionaMA·2020-08-07 13:23

vue经典面试题

1、简单说一下Vue2.x响应式数据原理Vue在初
Alive_tree·2020-08-07 10:34

Vue 3 都 RC 了，前端的你还不来看看

Vue3介绍与安装实验介绍本节实验是本课程的第一个实验，主要带领大家了解一下Vue3beta版对比Vue2.x的重要变更，
实验楼·2020-08-06 04:02

vue2.X基础知识七之$nextTick

这是一段文本获取div内容varapp=newVue({//选择元素el:"#app",data:{showDiv:false},//通过事件触发methods:{getText:function(){this.showText=true;vartext=document.getElementById('div').innerHTML;console.log(text);}}});上面代码执行后，
啊哈！前端·2020-08-05 21:27

前端学习笔记-8.15学习饿了么的seller收藏，商家信息

seller.vue组件的剩余部分。商家信息和收藏功能。商家信息：domecss：info-item的class里加入border-1px,下边线就一样了收藏功能：1.收藏对应两种样式，用active的css显示收藏未收藏用favoriteText显示css先给data写个默认值data(){return{favorite:false}},favoriteText可以用computed（计算属行）
我就是小强·2020-08-05 19:43

vue2.x饿了吗实战总结

vue2.x仿饿了么app项目总结转自https://blog.csdn.net/qq_39894133/article/details/78826450仿饿了么app是基于vue2.x最新实战项目，用到的技术栈
俊杰音乐Boy·2020-08-05 19:30

Vue2.x仿饿了么个人笔记

使用vue2.x仿饿了么时遇到了不同版本之间的问题，此处做些笔记。
Neil-·2020-08-05 19:29

Vue进阶——源码解读 课题1 Vue数据响应式原理

简称变化侦测其次，要收集依赖，即实现数据变化后，‘对应视图’的刷新1变化侦测：通过Object.defineProperty()方法使属性变的可观测代码地址：src\core\observer\index.js(Vue2
Huijie Xu·2020-08-05 18:09

Vue+Typescript使用vue-router路由不正常跳转采坑记录

可能vue2.x和对ts的支持不是很好（期待vue3，将用ts重构）。期间遇到了一个最大的坑，找了挺久没有找到问题所在，最后解决了。
优雅的王德奥·2020-08-05 17:21

最新 vue2.x 仿饿了么app商家页面 项目总结

最新vue2.x仿饿了么app商家页面项目总结标签（空格分隔）：vuejs前言仿饿了么app是基于vue2.x最新实战项目，用到的技术栈vue2+vue-router2+vue-cli2+vue-resource
weixin_34357887·2020-08-05 17:16

在做VUE项目时遇到的问题及解决办法：创建的vue项目找不到文件.babelrc，无法做到按需加载mint-ui组件库

1.使用命令：npminstall-gvue-cli2.使用命令：npminstall-g@vue/cli第一种安装vue-cli的方法是搜索出来的很多人常用的方法，第二种方法我是在慕课网上3小时速成Vue2
summer_my_sunshine·2020-08-05 14:54

Vue实例结合Bootstrap-商城购物车效果

目前在学习Vue2.x跟教程一起写的购物车实例，课程只讲获取数据和功能的实现，所以自己搭了一个简单界面，中间也遇到过问题，获取数据显示XML解析失败，后来发现我应该把项目放到服务器上运行，报错消失了。
Web-once·2020-08-05 14:46

用vue2.x注册一个全局的弹窗alert组件、confirm组件

一、在实际的开发当中，弹窗是少不了的，默认系统的弹窗样式太丑，难以满足项目的实际需求，所以需要自己定义弹窗组件，把弹窗组价定义为全局的，这样减少每次使用的时候引入麻烦，节省开发时间。本文将分享如何定义一个全局的弹窗组件。下边开始上代码。二、实际代码如下：1.在components目录下的public目录新建一个文件夹alert，然后新建两个文件alert.vue和alert.scss。组件的样式代
dazu9487·2020-08-05 13:43

【Web前端学习笔记】Javascript_01_变量，数据类型，类型转换

Javascript_01A.JS的使用1.JS的初步体验示例：用js来校验用户名的规则：4~14位数字或者字母组成javascript的初步体验//触发这个函数：checkNamefunctioncheckName(){//获取用户名中的内容的值varuserName=document.getElementById("userName").value;//定义正则表达式varreg=/^[a-z
love__nana·2020-08-05 11:34

WEB前端学习笔记-CSS

001-HTML中引入CSS样式的第一种方式.htmlHTML中引入CSS样式的第一种方式：内敛定义方式##002-HTML中引入CSS样式的第二种方式.htmlHTML中引入CSS样式的第二种方式：样式块方式/*这是CSS的注释*//*id选择器语法格式：#id{样式名:样式}*/#usernameErrorMsg{color:red;font-size:12px;}/*标签选择器语法格式：标签
7i十二·2020-08-05 11:33

WEB前端学习笔记-HTML

**001-我的第一个html文件.html网页的标题网页的主题内容，欢迎学习HTML!**002-HTML的基本标签.htmlHTML的基本标签1.流水知音，惜花惜人第二十三回《西厢记妙词通戏语牡丹亭艳曲警芳心》——节选：那一日正当三月中浣，早饭后，宝玉携了一套《会真记》，走到沁芳闸桥边桃花底下一块石上坐着，展开《会真记》，从头细玩。正看到“落红成阵”，只见一阵风过，把树头上桃花吹下一大半来，落
7i十二·2020-08-05 11:32

web前端学习笔记05-CSS内边距、外边距、盒子模型、页面布局

一、CSS内边距（内补白、内补丁）【内边距设置常用属性】关键字释义padding检索或设置对象四边的内边距，参数个数1或2(上下/左右)或4(上/右/下/左)padding-top检索或设置对象顶部的内边距，top顶，bottom低，left左，right右&&padding会改变元素的大小二、CSS外边距（外补白、外补丁）【外边距设置常用属性】关键字释义margin检索或设置对象四边的外边距，参
喵了个咪蛋儿·2020-08-05 11:01

【前端学习笔记】前端安全详解

内容参考来自：掘金-美团技术团队的文章，可以自行搜索。https://juejin.im/post/5bad9140e51d450e935c6d64https://juejin.im/post/5bc009996fb9a05d0a0551921，XSS攻击，跨站脚本攻击代码注入攻击。攻击者通过在目标网站上注入恶意脚本，使之在用户的浏览器上运行。利用这些恶意脚本，攻击者可获取用户的敏感信息如Cook
辰小小·2020-08-05 11:24

前端学习笔记

1.JS的控制台对象最常用的是的的的的的的的的的的的console.log（），在控制台输出内容。详解链接。2.什么是闭包？有什么用？就是在一个函数中定义并返回了另外一个函数。在这个内部定义的函数中可以访问外面的函数定义的变量。详解链接。3.JS是“单线程”语言4.什么是JS的执行上下文？数据的准备情况：1⃣️变量，函数表达式.2⃣️this.3⃣️函数声明。详解链接。5.JS的apply（）和c
weixin_41004238·2020-08-05 11:18

极客学院web前端学习笔记 （二）Html5基础

html基础详解Title1，声明：html有很多版本，所以为了使浏览器正确区分我们所使用的是哪种版本，我们需要在代码的最开始添加一句声明HTML5的版本：之前的版本则比较复杂注：现在创建html文件直接就默认为html5了html的基本标签html标签：内部包含其他标签，在整个HTML文件的头部和尾部head标签：一般包含头部信息：编码格式，标题，文字的显示形式等等...内部放标题栏要显示的东西
Riverlly·2020-08-05 11:18

前端学习笔记（一）-- HTML

HTML前端学习笔记一、HTML基本结构二、排版标签三、文本格式化标签四、图像标签五、链接标签（一）锚点定位（二）base标签六、特殊字符七、注释标签八、路径（一）相对路径（二）绝对路径九、列表标签（一
ChanWinne-·2020-08-05 11:15

前端学习笔记--16/5~22/5 jQuery，HTML5+CSS3+JS 简易微信贺卡开发

先写一下上周的总结，基本上没有偷懒，每天都有认真学习前端知识。但是有一点目标不清晰。我上周订下来的计划只完成了50%，即是只完成了坐H5+CSS3+JS的小demo。imooc上的jQuery练习并没有完成，而且还差不少。周六去了一天潜江吃大虾，不过作为弥补，星期天一整天又把缺的时间补回来了。至于健身，上周属于间隔期，不过在周日这些计划也都重新启动了。到今天也已经完成了执行。下面来单步跟踪一下每天
weixin_34407348·2020-08-05 11:06

前端学习笔记(1)-HTML

2019独角兽企业重金招聘Python工程师标准>>>前端学习笔记(1)-HTML标签：前端[TOC]本文主要对HTML标签进行介绍和归纳基本概念HTML是网页内容的载体。
weixin_34383618·2020-08-05 11:05

前端学习笔记----canvas实现画板及定制画笔(画笔错位，撤回，粗细，颜色)

本期的小需求:在页面中实现一个能进行绘画的画板能实现画笔颜色、粗细、撤回等功能开发环境Vue+elementUI采坑记录画笔与鼠标错位（恶心很久）（样式设置长宽canvas导致）画笔切换颜色粗细图片跨域等等.....动手1.生成或选中canvas对象//html//vueletcanvas=$("#canvas")[0]//$("#canvas")获取的是jquery对象不是真实的dom对象要么使
weixin_34138056·2020-08-05 11:52

【前端学习笔记01】JavaScript源生判断数据类型的方法

原始类型（值类型）：Undefined、Null、Number、String、Boolean；对象类型（引用类型）：Object；typeof可以识别标准类型,null外(返回Object)；不能识别具体对象类型（Function除外）。用法举例：varnum=100;typeofnum;//或typeof(num)-->number注：除number、string、boolean、undefin
weixin_30632089·2020-08-05 11:56

前端学习笔记 - Css初级篇

有话先说：我是一只菜鸟，一只都是，从前是现在也是。CSS中的会计元素与行内元素块级元素特性：占据一整行，总是重起一行并且后面的元素也必须另起一行显示。内联元素特性：和其他内联元素显示在同一行。可以知道的是，行内元素和块级元素之间是能够相互转换的。趋于对网页模块化的搭建，后期行内转换为块级的例子会很多很多。html中的块级元素列举如下：div（文档分区）,article（文章内容）,aside（伴随
weixin_30572613·2020-08-05 11:55

前端学习笔记1---HTML meta简介、JavaScript简介创建对象--待完善

前端学习笔记---HTMLmeta简介、JavaScript简介HTML学习：1、元数据，描述文本本身的信息看个实例：2.head里面还有linkstylescript等标签JavaScript简介Object
wangxiaoming·2020-08-05 11:10

前端学习笔记-简单的一些标签

排版标签（写在body中）：标题一、换行、加粗、斜体、图片标签，src为图片路径，../向上一层，部分属性：height图片高度单位px、width宽度、alt图片加载失败时的文字无需列表标签ul和liul是块级元素可以定义宽和高，li表示行排列不能单独使用，需要在ul和ol里面，配合使用标签中的属性：compact、type。标签：id,class,title,style,dir,lang,xm
v_nbsp·2020-08-05 11:06

前端学习笔记

前端学习笔记1.Doctype作用？严格模式和混杂模式有什么区别？他们有什么意义？1).Doctype声明位于文档的最前面，位于html前面,告知浏览器的解析器用那种方式的文档规范来解析这个文档。
华州一霸·2020-08-05 11:33

Web前端学习笔记——CSS显示模式、特性、背景

标签显示模式（display）非洲黑人：皮肤内黑色素含量高，以吸收阳光中的紫外线，保护皮肤内部结构免遭损害，头发象羊毛一样卷曲，使每根卷发周围都有许多空隙，空隙充满空气，卷发有隔热作用。欧洲白人：生活寒带或着是说常年温度较低的地缘,加上年日照时间少，身体的黑色素沉淀比较少``所以出现皮肤、发色、瞳晕都呈现浅色最重要的总结：是为了更好的适应环境而完成的自然选择。同理，我们网页的标签非常多，再不同地方
唯恋殊雨·2020-08-05 11:02

Web前端学习笔记——CSS样式、外观、复合选择器

CSS字体样式属性font-size:字号大小font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下：font-family:字体font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代
唯恋殊雨·2020-08-05 11:32

黑马程序员05-Web前端学习笔记

部分资源地址绿叶学习网前端开发系统化学习，包括html、css、PC端及移动端布局技巧、javascript、jquery、js特效制作、ajax前后台交互等。HTML一个HTML文档由4个基本部分组成：①一个文档声明：②一个html标签对：③一个head标签对：④一个body标签对：html5是向下兼容的文档，用sublimetext创建方法：html:5+tab或者!+tab一般来说，只有6个
努力一点点坚持一点点·2020-08-05 11:40

（web前端学习笔记）JavaScript基础

JavaScript基础一、JS简介1、什么是JavaScript2、JavaScript的组成3、JavaScript的能力4、JavaScript的优点二、JS使用与输出1、JS使用1.1、标签1.2、或中的JavaScript1.3、外部脚本1.4、外部引用2、JS输出2.1、使用innerHTML2.2、使用document.write()2.3、使用window.alert()2.4、使
陌然白·2020-08-05 11:14
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他