Vue2.X前端学习笔记

Vue3 的新特性(三) —— 虚拟DOM的底层原理

我们已经知道，Vue2.x中的Vdom已经相当出色了，性能非常优秀。不过令人兴奋的是，尽管它够快，但在Vue3中还是对Vdom进行了重写，使Vue3突破了Vdom的性能瓶颈，更快！
前端之神·2020-08-23 02:15

vue数据劫持

原理vue2.x是基于Object.defineProperty实现双向数据绑定的；该函数可以在获取属性值或者设置属性值的时候监听属性的get和set事件，并进行相关的操作；当然，这些具体的操作就需要通过发布订阅者模式作为补充
Neil-·2020-08-23 01:58

前端学习笔记（未整理）

Vue引自https://www.cnblogs.com/rik28/p/6024425.htmlViewModel是vue的一个实例。View->Domlistener检测页面上dom元素的变化；如有变化则更改Model中的数据。Model–>Model中的数据被更新时Databindings工具会帮我们更新呢页面中的Dom元素。                       {{message}
haalingOntheWay·2020-08-23 01:16

前端学习笔记 2017年9月11日

这博客仅仅当作学习笔记，文笔不好，就直接记录最真实的学习历程吧！刚开始学习，决定用知友推荐的HeadFirst入门~知识点：1.H5中声明HTML类型用2.编码格式一般用utf-8，用gbk也没关系，但是在[w3c代码验证](https://validator.w3.org/#validate_by_upload%20%E2%80%9C%E4%BB%A3%E7%A0%81%E9%AA%8C%E8%
CinseYoung·2020-08-22 22:57

vue表格插件

1.vxe-table一个全功能的Vue表格，满足绝大部分对Table的一切需求，与任意组件库完美兼容，官方文档2.SpreadJS纯前端表格控件，全面支持Vue官方3.vue-easytable基于vue2
单眼皮的小熊·2020-08-22 20:42

前端学习笔记：管理多个版本的node和angular/cli

在同一个机器上需要不同版本的node环境，对应的angular/cli的版本也就不同。使用nvm来进行安装和管理安装nvm（mac/linux版）下载wgethttps://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.shbogon:~wjy$wgethttps://raw.githubusercontent.com/crea
wujiayucn·2020-08-22 19:04

前端学习笔记-vue ElementUI的el-级联选择器使用记录

el-cascader级联选择器exportdefault{name:"test",data(){return{/*:props="defaultParams":options="options"v-model="selectedOptions"defaultParams--绑定一个像是对象的标签和值，以及子级选项，其中数据来源于options中的数据（对象数组）对象数组中的每一个对象都是包含{c
炎芯随笔·2020-08-22 18:52

在vue2.x中使用v-console

最近两年，移动端的业务变得越来越多，vue作为前端三大框架之一，它的热度也是一直居高不下，感谢大佬尤雨溪为前端开发做出的贡献。然而手机的调试问题确实一直存在，我今天学习了v-console这个插件，感谢我同事的悉心教导。1、npminstallvconsole安装这个插件2、在main.js里面引入它importVconsolefrom'vconsole';3、紧接着添加这句话process.en
weixin_33829657·2020-08-22 14:22

vue2.x源码理解

也不知道哪股风潮，钻研源码竟成了深入理解的标配。我只想说一句，说的很对准备工作从GitHub上面下载vue的源码（https://github.com/vuejs/vue）了解下Flow,Flow是facebook出品的JavaScript静态类型检查工具。Vue.js的源码利用了Flow做了静态类型检查vue.js源码目录设计,vue.js的源码都在src目录下(\vue-dev\src)src
离岛·2020-08-22 10:27

前端学习笔记之常用的命名（详细）

1.常用命名页头：header登录条：loginBar标志：logo侧栏：sideBar广告：banner导航：nav子导航：subNav菜单：menu子菜单：subMenu搜索：search滚动：scroll页面主体：main内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标题：title加入：joinus指南：guild服务：service热点：hot新
Moorez·2020-08-22 10:14

vue-slideout 2.0 发布了，新增 ESC 键关闭

这是一个用于Vue2.x的侧滑组件，以用代替传统的对话框功能。
weixin_34095889·2020-08-22 03:56

重学前端学习笔记（二十）--try里面放return，finally还会执行吗？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、引言本文讲一讲JavaScript语句。二、Completion类型//return执行了但是没
凯小默·2020-08-22 01:57

【前端学习笔记】网站换肤功能

重点！内容来自:https://www.zhangxinxu.com/wordpress/2019/02/link-rel-alternate-website-skin/https://egoist.moe/2015/12/13/how-does-array-slice-call-arguments-work/小陈一谷歌，发现确实如参考文章中所说，大部分实现换肤功能有两种方法：全局class控制样
辰小小·2020-08-21 12:36

vue 之 数据请求----axios以及fetch的用法

vue之数据请求vue2.x版本我们最常使用的数据请求是axios和fetch。
yuyuyu0312·2020-08-21 12:34

vue跳转页面携带参数

2019年4月份开始用vue2.x来写，vue的基础的东西还是需要记录一下的。页面跳转：HTML：新增进件Script–methods:不携带参数直接跳转：this.
weixin_39407291·2020-08-21 06:18

vue2.X基础速成---核心技术（1）

（核心知识点+课程内容介绍）vue2.x框架常用知识点（模版语法、条件渲染、列表渲染等）∨ue2x核心技术（vue-router、vuex）集成∨ue2x适合什么人群？
时光猎人688·2020-08-21 05:30

Vue2响应式原理解析（一）：从设计出发

这段时间我看了Vue2.x关于observer的
deepfunc·2020-08-21 04:19

Vue CLI 3是如何加载main.js

1、Vue2.x加载方式如果你是用vue.js官网提供的脚手架工具并沿用默认配置的话，你执行npmrundev的时候会出来页面，是因为你根目录下的package.json文件里script配置了"dev
水晶果冻1125·2020-08-21 04:36

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-20 21:42

Vue 2.x 使用CKEditor 的入坑

Vue2.x使用CKEditor的入坑到放弃最近在构思自己的博客，后台编辑文章的时候想用富文本编辑器，看了几个比较火的富文本编辑器，最后选择了CKEditor，一个老牌编辑器厂商，ck5看这很不错，但是在使用过程中遇到了写问题
LaughingZhu·2020-08-20 21:42

前端学习笔记五

css：层叠样式表所有标签都有默认样式，受浏览器影响。css的三种编写方式：1.内联（行间）样式，直接在标签内设置style。例如：;2.内嵌（嵌入、内部）样式，在head标签中添加style标签。例如：div{color:red;};3.外部（外联）样式：在head中通过link标签引入。例如：css简单属性：width宽度height高度color文字颜色background-color背景色
被注册的9527·2020-08-20 12:59

（19）打鸡儿教你Vue.js

了解vue2.x的核心技术建立前端组件化的思想常用的vue语法vue-router，vuex，vue-cli使用vue-cli工具Vue框架常用知识点vue核心技术集成Vue重点看，重点记模板语法，条件渲染
达达前端·2020-08-20 00:13

[Vue] 为 Vue 添加（混入）实例属性和钩子（Custom Property and Hooks for Vue ）

（CustomPropertyandHooksofVue）目标1、给Vue实例添加类似vue-router插件的$router的属性2、给Vue实例添加钩子（类似）（仅是回调函数，不影响生命周期）环境Vue2
dsjtlmy·2020-08-19 09:04

[vue插件]基于vue2.x的电商图片放大镜插件

vue-piczoomApicturemagnifiercomponentforVue.js2.x基于vue2.x的电商图片放大镜插件BuildSetup使用步骤#安装installnpminstallvue-piczoom
IT小孢子·2020-08-19 00:32

vue教程推荐

vue2.x系列在线交互式教程：vue教程vue教程全面系统地讲解最新的前端框架Vue.js2.x，内容涵盖响应式计算机制、指令和组件、动画效果等诸多方面，教程深入浅出，即适合没有Vue.js开发基础的前端初学者学习
weixin_33758863·2020-08-18 22:06

vue入门第一天，后端程序员需要掌握的vue技术，五天带你玩转vue

作为一个java程序员，我将带领大家领略vue2.x的一些使用和技巧
Carry-wws·2020-08-18 21:35

vue2.x错误之Use // eslint-disable-next-line to ignore the next line.

前言日常积累,欢迎指正错误eslint语法检测报错Youmayusespecialcommentstodisablesomewarnings.Use//eslint-disable-next-linetoignorethenextline.Use/*eslint-disable*/toignoreallwarningsinafile.错误原因vue中组件代码有换行，如下：待办项最简单的办法就是去掉
SarinaDu·2020-08-18 21:26

Web前端学习笔记1——基础的HTML5

目录1.超链接2.特殊符号3.列表4.其他常用标签5.meta和link标签6.表格标签7.基础表单HTML:提供网页上显示的内容(结构)CSS:美化网页(样式)JavaScript:控制网页行为(行为)设计原则：结构样式行为分离主要记录的是JavaScript学习过程中HTML的一些常用标签1.超链接——锚点你好啊我是谁!.........锚点点击该锚点即可定位到id为“sd”的位置2.特殊符号
奔跑的杰尼龟·2020-08-18 20:46

Vue2响应式原理解析（一）：从设计出发

这段时间我看了Vue2.x关于observer的
deepfunc·2020-08-18 09:48

vue知识点归纳与总结(笔记)

前言当前总结是本人在业余学习与实践过程后的总结与归纳,旨在检验自己的积累,也方便忘记时查阅,同时也希望能帮助那些这方面知识匮乏的同行门,总结是基于vue2.x,vue-cli3.x,主要记录些，vue常用的指令
abner_yang·2020-08-18 06:35

input 去空格（vue2）

但Vue2.x版本取消了所有双向绑定（包括父子prop通信）,导致修饰符失效，所以必须另辟他径。totrim:function(
weixin_34315665·2020-08-18 05:04

前端学习笔记：HTML学习(二)

html表格标签1.table标签：声明一个表格，它的常用属性如下：border属性定义表格的边框设置值是数值cellpadding属性定义单元格内容与边框的距离，设置值是数值cellspacing属性定义单元格内容与单元格之间的距离，设置值是数值align属性设置整体表格相对于浏览器窗口水平的对齐方式，设置值有：left|center|righttr标签：定义表格中的一行3.td和th标签：定义
mr.ocean·2020-08-18 02:03

前端学习笔记2-1 CSS

参考个人文章：http://www.zhuzhuman.com/nav-1/type-5/article/5.htmlCSS全称：“层叠样式表”（CascadingStyleSheets）###CSS用于定义HTML内容在浏览器内显示的样式，如文字大小，颜色，加粗，背景，位置，行高等等。CSS3中新加了许多样式，还增加了动画。1-1CSS代码语法例：p{color:red;}css代码有两部分组成
hot_cool·2020-08-17 22:40

Vue2.x 路由实现地址栏变化的API(history.replaceState() 与pushState())

文章目录快速体验history对象history的APIhistory属性`HTML5为history对象添加了两个新方法`history.pushState()参数案例步骤说明`不允许输入跨域网址`history.replaceState()history.replaceState()与pushState()功能类似，除了这点:应用场景案例(history.replaceState()与push
胖鹅68·2020-08-17 22:37

Vue2.x 根据URL地址为条件控制组件的逻辑的最佳方式——监听$route属性

文章目录问题描述解决思路在匹配的URL组件中处理逻辑在App.vue中监听路由的变化问题描述在工作中遇到一个需求：App.vue有个左侧菜单组件和右侧路由组件，现在需要根据不同的URL，决定是否显示左侧菜单解决思路在匹配的URL组件中处理逻辑解决办法：在匹配的组件中，mounted方法里通过document.querySelect方式查找到对应的节点，然后根据业务场景决定显示或者影藏左侧菜单问题：
胖鹅68·2020-08-17 22:37

前端学习笔记（二）——CSS（1）

前端学习笔记（二）——CSS（1）1、认识css概念：CSS(CascadingStyleSheets)，通常称为CSS样式表或层叠样式表（级联样式表）作用：主要用于设置HTML页面中的文本内容（字体、
CatCat1997·2020-08-17 19:23

前端学习笔记(HTML)——超链接与锚点

超链接跳转列表跳转到百度汽车：梅赛德斯-AMGGT3非常奢华，是一辆完美的超级跑车！AMGGT3在性能汽车品牌方面，GT3似乎是全球赛车类别的首选。事实上，由于许多品牌仍有望参与其中，因此在全球新配方中已经有比WRC，F1和V8超级跑车更多的品牌。跑车爱好者已经在那里，但GT3和密切相关的GTE类别也开始引起更广泛的汽车爱好者社区的关注。在全球范围内，似乎有其他类别只能梦想的那种势头。在当地，有一
大佬橙·2020-08-17 19:40

前端学习笔记——引入css文件、样式优先级

CSS样式的引用方式有三种：行间样式表>内部样式表>外部样式表。如果只有一种样式，那么优先级“由内到外由近到远”1、行间样式表--内联方式内联方式指的是直接在HTML标签中的style属性中添加CSS。这种方法比较糟糕，它只能改变当前标签的样式，如果想要多个拥有相同的样式，不得不重复为每个添加相同的样式，修改时又得修改所有的style中的代码。内联方式引入CSS代码会导致HTML代码变得冗长，且使
weixin_30664615·2020-08-17 19:54

前端学习笔记（三）2020.02.27

网页布局总结一个完整的网页=标准流+浮动+定位1.标准流可以让盒子上下排列或者左右排列，垂直的块级盒子显示就用标准流布局2.浮动可以让多个元素一行显示或者左右对齐盒子，多个块级盒子水平显示使用浮动3.定位定位最大特点是有层叠的概念，就是可以让多个盒子前后叠压来显示。定位作用于需要在父盒子中自由移动的布局方式display的显示与隐藏本质：让一个元素在页面中隐藏或者显示出来1.display属性di
纵马且长歌·2020-08-17 05:58

一起动手撸一个富文本编辑器吧

项目前端框架是Vue，最好是基于Vue2.x的编辑器网上开源的编辑器体验或多或少有不满足的地方。还好开发时间比较富足，于是决定在vue-html5-edi
weixin_34279246·2020-08-17 03:20

重学前端学习笔记（四十四）--一个前端工程师到底需要掌握哪些技能？（完结篇）...

一个前端工程师到底需要掌握哪些技能？（完结篇）一、前端工程师的技能模型二、助理工程师2.1、对标对标的是阿里的P4级别。2.2、要求基本的编程能力：熟练地用计算机编程语言表达任何逻辑的能力。2.3、描述能够在辅助下完成工作，不具备独立工作的能力。三、工程师3.1对标对标的是阿里的P5级别。3.2、要求掌握基本的前端技能：综合运用HTML、JavaScript、CSS完成任何界面和交互需求。3.3、
weixin_30544657·2020-08-16 11:44

前端学习笔记(HTML)——表单

表单类型name->名称placeholder->占位符-->文本框：密码框：性别：男女国籍：中国外国爱好：听歌LOL吃鸡打球旅行请选择你喜欢的类型：大波浪锡纸烫光头大中分请选择文件网页显示如下
大佬橙·2020-08-16 09:52

极客学院web前端学习笔记（十一）新增的主体结构元素

article元素article元素代表文档，页面或应用程序中独立的，完整的，可以独自被外部引用的内容。可以嵌套使用可以用来表示插件html5学习感谢极客学院加油加油这是底部section元素对于网站或应用程序中页面上的内容进行分块通常由内容及其标题组成但是并不是一个普通的容器元素当一个容器需要被直接定义样式或通过脚本定义行为时，推荐使用div而非section元素【article元素可以看做一个
Riverlly·2020-08-16 09:00

教你如何检查一个函数是否为JavaScript运行时环境内建函数

今天在学习Vue2.X版本的源代码时，就发现了Vue中也有用来检测一个函数是否为运行时原生支持。functionisNative(Ctor){returntypeof
weixin_33769207·2020-08-16 09:22

vue各种示例展示

注意：以下所有示例基于vue2.x、Vuex2.x、vm.
vcxiaohan2·2020-08-16 08:49

vue2.x过渡(transition)与动画(animationend)

transitionVue提供了transition的封装组件，在下列情形中，可以给任何元素和组件添加进入/离开过渡条件渲染(使用v-if)条件展示(使用v-show)动态组件组件根节点示例：TogglehellonewVue({el:'#demo',data:{show:true}}).fade-enter-active,.fade-leave-active{transition:opacity
想搞全栈的前端·2020-08-16 07:53

vue2.x源码解析五——数据驱动--2.new Vue发生了什么

1.实现小小的例子我们使用vue-vli创建基于Runtime+Compiler的vue脚手架{{message}}varvm=newVue({el:'#app',data:{message:'这是vue实例'}})2.探究根源我们由上一节vue的入口文件，知道了2.1入口文件src/core/instance/index.js：functionVue(options){if(process.en
南张门·2020-08-16 06:37

Vue2.x源码解析系列五：数据响应之Watcher

写在前面的话：关于作者言川笔名言川,前端工程师，精通Vue/Webpack/Git等，熟悉Node/React等，涉猎广泛，对算法/后端/人工智能/linux等都有一定研究。开源爱好者，github上目前总计5000+Star。我的github主页：https://github.com/lihongxun945我的博客地址：https://github.com/lihongxun945/myblo
George_Fal·2020-08-16 05:35

vuecli3多个项目共用组件动态打包单个项目

vuecli3.x,并且需要多个项目引用一些公用封装的组件库,工具库或资源之类,于是集成在一起.当时做的时候,vuecli4正好出来了,前项目就是用的vuecli3.x,只是说这个项目加入进来的时候,还是vue2
苏轻·2020-08-15 19:13

Vue2.x与@vue/compositio-api上手指南

@vue/composition-api分享该API现已稳定！本文主要是按照官方文档加上自己的理解编写，如若有误，烦请指正！当迁移到Vue3时，只需简单的将@vue/composition-api替换成vue即可。你现有的代码几乎无需进行额外的改动。动机与目的更好的逻辑复用与代码组织随着功能的增长，复杂组件的代码变得越来越难以阅读和理解。目前缺少一种简洁且低成本的机制来提取和重用多个组件之间的逻辑
重复过往·2020-08-15 19:11
上一页 22 23 24 25 26 27 28 29 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他