Vue2.X前端学习笔记

【Web前端学习笔记】CSS3_常用属性,选择器,盒子模型

CSS3A.概述1.什么是CSSCascadingStyleSheet层叠样式表2.作用用来控制网页元素的展示形式3.为什么要用CSS1）主要作用就是为了解耦2）弥补了HTML标签自带属性的不足3）学了CSS后，以后在设置标签的样式时，尽量不要用标签的自带属性，全用CSS去设置也就是说：HTML只提供标签，剩下的交给CSS来完成B.使用方式1.内联样式将CSS代码写在标签上，所有标签都会有一个st
love__nana·2020-08-11 01:29

Web前端学习笔记:day02(CSS)

CSS1、什么是CSSCSS是层叠样式表，不属于编程语言CSS英文全称：CascadingStyleSheet2、CSS的作用是什么CSS是HTML的化装品，可以让HTML变的更炫酷，是专门来修饰HTML的3、CSS在哪儿编写CSS代码是嵌入在HTML中的，没有HTML代码，CSS代码是无效的4、CSS注释在style体内使用/*注释*/5、HTML嵌入CSS代码方式第一种：内联嵌入1、语法：st
ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day04(JavaScript day02)

JavaScript7.JS的常用事件JS中的事件：blur失去焦点focus获得焦点click鼠标单击dblclick鼠标双击keydown键盘按下keyup键盘弹起mousedown鼠标按下mouseover鼠标经过mousemove鼠标移动mouseout鼠标离开mouseup鼠标弹起reset表单重置submit表单提交change下拉列表选中项改变，或文本框内容改变select文本被选定
ℳ๓₯㎕℡ 桜·2020-08-10 20:58

Web前端学习笔记:day01(HTML)

HTML1.HTML概述1.1什么是HTMLHTML是超文本标记语言，HyperTextMarkupLanguage超文本：有流媒体、图片、声音的存在标记语言：所有标记语言都由标签组成，有开始标签也有结束标签，例如：、主要用来展示页面，修饰数据1.2HTML基本元素HTML标签标签属性引号样式HTML特点:语法松散不严格,还有就是不区分大小写2.HTML基本标签段落标签：可以把HTML文档分割为若
ℳ๓₯㎕℡ 桜·2020-08-10 20:57

解决创建vue项目太慢问题（吐血经历）！！

后来发现了一个快速的方法，如下：这里使用的是vue2.x的使用initwebpack创建的方法。1.创建项目：sudovueinitwebpackprojectName2.完成一系列配置记住！！！
gxgalaxy·2020-08-10 16:12

Web前端学习笔记——NodeJS之回调函数、Promise对象、async 函数

目录回调函数回调函数概念JavaScript回调函数示例：封装原生的ajax操作示例：实现拷贝方法示例：读取文件中的todos列表数据示例：把任务持久化保存到文件中异常处理try-catch处理异常Callback处理异常Promise对象回调地狱Promise概念Promise基本用法几个例子错误处理Promise.all()Promise.race()async函数回调函数回调函数概念知乎-回
唯恋殊雨·2020-08-10 10:32

vue2.x 三级弹窗

三级弹窗在实际中遇到了某种场景，需要使用三级弹窗，放大或缩小弹窗，所以自己封装了一个。大概就是这个样子，录屏转换gif有点模糊和卡。发布到npm上去了npmikc-dialog然后main.js其实我也不想起这么长的名字，别人都快我好多步importKDialogfrom'kc-dialog';import'kc-dialog/dist/KDialog.css'Vue.use(KDialog)配置
干啥啥不行，bug第一名·2020-08-10 10:30

最菜前端学习笔记（一）：HTML小结

目录前言HTML是什么？为什么要学HTML？HTML常用元素总结head部分常用元素body内常用元素HTML元素包含关系HTML的版本发展过程（HTML5前世今生）HTML5解决的问题HTML5与XHTML的一些不同HTML5新的部分特性HTML和DOM的那点事简述基于HTML的SEO（搜索引擎优化）（HTML文档化）简述HTML5Microdata微数据前言不想当前端的后台不是好后台（当我在瞎
_我走路带风·2020-08-10 10:29

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

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

Vue Echarts 引用（1）

Vue中Echarts的使用安装Echarts包vue2.x版本安装方式：npminstallecharts--savevue3.x安装方式：npmaddecharts--save（博主用的2.x这个安装方式有待验证
lovsty·2020-08-10 09:12

快速上手SpringBoot需要一些脚手架以及其他开源项目记录

renren-fast是一个轻量级的SpringBoot2.0快速开发平台，其设计目标是开发迅速、学习简单、轻量级、易扩展；使用SpringBoot、Shiro、MyBatis、Redis、Bootstrap、Vue2
Yblsfls·2020-08-10 05:31

前端学习笔记-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
上一页 24 25 26 27 28 29 30 31 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他