Vue2.X前端学习笔记

【前端学习笔记】React的state和生命周期

参考自：http://react.html.cn/docs/state-and-lifecycle.htmlReact的生命周期：挂载时componentDidMount()钩子在组件输出被渲染到DOM之后运行。适合代码：适合AJAX请求卸载前componentWillUnmount()钩子在组件卸载之前立即调用。适合代码：清理监听器获取对象信息更新组件getDeriveStateFromProp
辰小小·2020-09-11 11:06

【前端学习笔记】React之组件和React.Component

组件类型:函数式组件：functionWelcome(props){returnHello,{props.name};}类组件：classWelcomeextendsReact.Component{render(){returnHello,{this.props.name};}}所有React组件都必须是纯函数，并禁止修改其自身props。在React组件中，代码重用主要通过组合而不是继承来实现。
辰小小·2020-09-11 11:35

【前端学习笔记】将本地项目上传到github

参考自：https://blog.csdn.net/chenyufeng1991/article/details/48930471首先你要有github账号，并且记得用户名密码。第一步：在github上新建repositories，可以建个readme.md文件说明具体项目内容。复制cloneordownload那里的https地址。第二步：在Gitbash界面上进行指令操作。cd你的项目目录gi
辰小小·2020-09-11 11:35

【前端学习笔记】Less初认识

定义Less（LeanerStyleSheets的缩写）是一门向后兼容的CSS扩展语言。用法1，变量@width:10px;@height:@width+10px;#header{width:@width;height:@height;}2，混合.bordered{border-top:dotted1pxblack;border-bottom:solid2pxblack;}#menua{color
辰小小·2020-09-11 11:35

Vue源码剖析(一)：抽离AST抽象语法树

Vue源码剖析，针对Vue2.x的Vue框架源码，描述相应的核心实现并简单实现具体的流程今天说的是如何将编写的模板语法，抽离成框架处理的AST语法树Vue是一个面向视图层的渐进式前端框架，它推荐用户使用不同的状态控制页面元素
一树梨花·2020-09-11 10:11

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
华为云·2020-09-11 08:11

C-Swipe Mobile 一个简单的轮播组件

因此自己写了一个针对于Vue2.x的轻型轮播组件。
anbei9541·2020-09-11 08:37

【前端学习笔记】CSS属性position以及各个属性值详解，及清除浮动的方法

position属性值：static，absolute，relative，fixed，sticky{/*全局值*/position:inherit;position:initial;position:unset;}static默认值，文档流中的位置。absolute相对于position的值不为static的第一个祖先元素来定位。123div{height:100px;width:200px;ba
辰小小·2020-09-11 07:57

一统江湖的大前端（2）—— Mock.js + Node.js 如何与后端潇洒分手

《一统江湖的大前端》系列是自己的前端学习笔记，旨在介绍javascript在非网页开发领域的应用案例和发现各类好玩的js库，不定期更新。
weixin_34195364·2020-09-11 07:14

如何用 Typescript 写一个完整的 Vue 应用程序

译者推荐：Typescript和Vue都是现在前端必备的知识，本文基本覆盖了目前Vue2.x的一些基础用法的Typescript版本实现，感兴趣的了解一下，更好的迎接Vue3.0译者根据文章中提到的知识点
弹琴弹琴·2020-09-11 07:05

3D机房前端学习笔记

本文源代码地址：http://download.csdn.net/detail/jamesplur/9797919实现任务：能够在前端网页中嵌入3D机房模型并实现基本的交互3D基本原理为了实现3D图像的动态展示有三个要点：建立三维场景三维场景包括三维模型、光源、相机三个部分构成。从最简单的情形来说，三维模型由网格（mesh）和材质（material）组成。网格则一般由若干个图元（一般是空间中的三角
JamiePlur·2020-09-11 01:32

个人博客项目day4

因为tm后端是8080而前端不是啊md)所以我们要修改config目录下面的index.js文件,但是我们下载现在木有这个文件目录.怎么整…百度了以下原来是vue3.x版本没有config目录但是我的是vue2
wildg00se·2020-09-10 21:18

前端学习笔记（一）

前端第一节课Document-->第一节课标题标题2标题3段落1段落2标题1标题2标题3123234345列表1[2020.3.27]列表2[2020.3.27]列表3[2020.3.27]列表1[2020.3.27]列表2[2020.3.27]列表3[2020.3.27]标题1摘要1啊实打实的标题1摘要1啊实打实的标题1摘要1啊实打实的>跳转百度-->ID-->ID姓名性别年龄地址1请问男19北
SsiGan·2020-09-10 11:19

基于vue2.x实现文件上传（w-upload）组件

在线演示地址w-upload在这一系列的博客里，有一些其他的组件实现过程，有兴趣的童鞋可以了解一下，今天我们来介绍一下w-upload文件上传组件的实现原理。实现思路刚开始写这个的时候我自己也感觉很懵逼，感觉这个原生上传文件的样式咋改，很烦，最后在github上大佬们的实现过程，顿时就感觉这个东西真的很假，就只是让样式变得好看而已，不多说了。来说一下这个的实现过程。其实原生的上传文件的表单是这样的
Eden-one·2020-09-10 11:57

vue自定义全局设置

vue2.x中在static下新建一个serverConfig.js,vue3中在public下新建一个serverConfig.jsconstwin=window||globalwin.apiConfig
LLL_LH·2020-09-10 11:11

[译]React 17终于发布RC版本了 官方竟说17是个过渡版！

不过相比于Vue3对Vue2.x能力的巨大提升，React17对React16.x好像并没有什么很给力的更新。
手撕红黑树·2020-09-10 09:46

Vue 3.0新特性学习

vue3-app更好的阅读体验请点击：advanced-front-endv-model指令//vue2.x//vue3.xv-model指令在vue2.x和vue3.0存在一些差别2.x中v-model
兰亭古墨·2020-09-05 14:54

Vue2.x Vue3.0 dom diff 算法源码分析+动图展示

dom-diff概述比较只会在同层级进行,不会跨层级比较Vue2.xdiff算法1.vue2.xdom-diff算法核心源码functionupdateChildren(parentElm,oldCh,newCh,insertedVnodeQueue,removeOnly){varoldStartIdx=0;//旧节点开始indexvarnewStartIdx=0;//新节点开始indexvaro
CO2爱前端·2020-08-26 23:02

Vue2.x生命周期笔记

Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。beforeCreate：newVue()也就是实例创建后，初始化data里的所有数据，初始化event、watch等事件！之前！调用。源码内部分析：这个阶段主要是完成vue中关于生成周期以及事件的一些初始化工作。created：初始化data里的所有数据，初
Axis冬小冬·2020-08-26 16:08

视频教程-Vue2.x经典后台管理系统案例讲解-Vue

Vue2.x经典后台管理系统案例讲解周古之，计算机专业毕业，十余年软件开发从业经验，先后从事过TCL自动化脚本开发，PHP开发，jQuery前端开发等业务。
学院导师-周新·2020-08-25 16:37

Vue2.x经典后台管理系统案例讲解-周新-专题视频课程

Vue2.x经典后台管理系统案例讲解—418人已学习课程介绍【超实用课程内容】通过对一个经典后台管理页面的创建和增删查改内容的讲解，把vuejs框架的关键知识点都穿插讲到。
周古之·2020-08-25 16:23

Vue2.x父组件与子组件之间的双向绑定

最近在研究如何写一套基于Vue2.x的UI组件给自己用，提升一点BIG，在制作含有input的组件遇到一个问题：不知怎样才能把子组件中input与调用者（父组件）的数据实现双向绑定，想过使用Vuex，但观摩了一下其他优秀的
抹茶摩卡·2020-08-25 15:01

学习笔记(01):Vue2.x经典后台管理系统案例讲解-vue前端总结回顾与学习拓展

立即学习:https://edu.csdn.net/course/play/26277/327057?utm_source=blogtoedu
Tracce·2020-08-25 15:10

vue 中英文切换

vue2.X版本中在build/webpack.config.js文件中在属性pulgins中设置如下属性：plugins:[newwebpack.NormalModuleReplacementPlugin
menglixiazhiweizhi·2020-08-25 14:17

Vue.js 源码剖析-模板编译

Vue.js源码剖析-模板编译Vue模板编译为什么需要模板编译Vue2.x使用VNode描述视图以及各种交互，用户自己编写VNode比较复杂模板编译的目的将模板(template)字符串转换为渲染函数(
白驹过隙时光荏苒·2020-08-25 11:24

重学前端学习笔记（十二）--浏览器工作解析（二）

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、概括本文主要聊聊浏览器如何解析请求回来的HTML代码以及DOM树又是如何构建的。二、解析代码2.
weixin_34393428·2020-08-25 08:26

重学前端学习笔记（二十九）--JavaScript中要不要加分号？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、自动插入分号规则1.1、三条规则要有换行符，且下一个符号是不符合语法的，那么就尝试插入分号。有换
weixin_33948416·2020-08-25 08:57

重学前端学习笔记（三十四）--什么是替换型元素？

笔记说明重学前端是程劭非（winter）【前手机淘宝前端负责人】在极客时间开的一个专栏，每天10分钟，重构你的前端知识体系，笔者主要整理学习过程的一些要点笔记以及感悟，完整的可以加入winter的专栏学习【原文有winter的语音】，如有侵权请联系我，邮箱：[email protected]。一、介绍替换型元素，就是链接方式外另一种引入文件的方式。替换型元素是把文件的内容引入，替换掉自身位置
weixin_30835933·2020-08-25 08:06

Vue2.x源码调试

1.下载源码https://github.com/vuejs/vue2.安装npm包npmi3.安装rollup打包工具npmirollup-g4.修改packagedev命令，添加sourcemap5.npmrundev，dis目录会生成vue.js文件6.源码中有一些调试的例子，将vue.min.js文件修改成vue.js，然后再浏览器打开，看见src目录及配置成功7.断点调试
失岸·2020-08-25 04:48

[原生 js 训练计划] 限制字符串的长度

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新—>原生js训练计划限制字符串的长度限制字符串的长度1
Gavincoder·2020-08-24 23:39

Vue父子组件之间的通信方式

在Vue2.X中，父子组件之间有两点非常重要的通信原则：父子组件是单向数据流，父组件的状态更新，子组件中prop的状态也会更新，但是子组件的状态变化不会影响父组件。
写代码的闫老师·2020-08-24 23:14

前端学习笔记之3 盒子模型

引言:博主目前是一名iOS开发者,所会的语言有Objective-C和Swift,目前正在学习前端;这篇文章只是作为我的笔记发在这里,供自己业余时间看看;全是很基础的东西,看到的小伙伴酌情略过吧_盒子模型的概念CSS盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border）、外边距（margin）几个要素。如图：图片如果想要了解更多,请
庞仕山·2020-08-24 20:08

VUE2.X全教程（三）--组件精讲

主要内容1.解决vue组件渲染的bug2.组件引用3.父子组件间的值传递4.组件的参数校验及非props特性5.给父组件绑定原生事件6.组件间的数据传递处理7插槽的使用8.作用域插槽9.动态组件及v-one指令Vue组件引发的bug及解决方案：Vue.component("row",{template:"thisisarow"})varvm=newVue({el:'#app'});当我们使用这种方
无~痕·2020-08-24 19:53

前端学习笔记之——Promise的理解

要实现有序的异步操作，通常是一层加一层嵌套下去。为了解决这个问题，ES6提出了Promise的实现...一Promise对象的含义?Promise对象用于一个异步操作的最终完成（或失败）及其结果值的表示。简单点说，它就是用于处理异步操作的，异步处理成功了就执行成功的操作，异步处理失败了就捕获错误或者停止后续操作。它的一般表示形式为：newPromise(/*executor*/function(r
三玖厨·2020-08-24 18:50

vue-hash-calendar，移动端日期时间选择插件

按照惯例，先上效果图vue-hash-calendar基于vue2.X开发的日历组件支持手势滑动操作·1原生js开发，没引入第三方库上下滑动切换周/月模式【周模式中】左右滑动可切换上一周/下一周【月模式中
HashTang·2020-08-24 16:45

Vue 中的 Render 全面详解 (渲染函数 & JSX)

@[toc]一、Render的资料简介Render函数是Vue2.x新增的一个函数、主要用来提升节点的性能，它是基于JavaScript计算。
ZHero·2020-08-24 16:51

Vue 2.x 使用CKEditor 的入坑

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

在vue2.x项目使用flexible.js和sass

1.首先创建一个vue项目：vueinitwebpackmyproject2.安装完成后进入项目cdmyprojectnpminstall3.使用flexible.js适配安装lib-flexible：npminstalllib-flexible--save在main.js里引入：import'lib-flexible/flexible'4.将px自动转为rem安装postcss-px2rem：n
Peggy7·2020-08-24 14:11

hexo+css遇到的unexpected token问题

问题背景使用hexo+css模拟实现weex文档，页面Weex和Vue2.x的语法差异遇到问题。
stardew·2020-08-24 13:41

大前端学习笔记-day01-HTML

大前端学习笔记-day01-HTML1.大前端课程体系三要素：HTMLCSSJavascript重构html53天3小时css310天项目驱动，项目内容融入到授课中（网易严选首页）dom驱动阶段linux
那个DJ在看我·2020-08-24 12:44

前端学习笔记之DOM（一）

DOM介绍1.DOM简介1.1什么是DOM1.2DOM树2.获取元素2.1如何获取页面元素2.2根据ID获取2.3根据标签名获取2.4通过HTML5新增的方法获取2.5获取特殊元素（body、html）2.5.1获取body元素2.5.2获取html元素对象3.事件基础3.1事件概述3.2事件三要素3.2.1案例3.3执行事件的步骤3.4常见的鼠标事件3.5分析事件三要素4.操作元素4.1改变元素
一刀^••^·2020-08-23 22:56

前端学习笔记之 JavaScript WebAPIs（整理）

目录篇一一、鼠标事件二、获取元素的属性值三、设置元素的属性值四、移除属性五、H5自定义属性1.设置自定义属性2.获取自定义属性六、节点操作1.两种方法的区别2.节点概述3节点层级3.1获取节点3.2子节点3.3兄弟节点3.4创建节点(也称动态创建元素节点)3.5添加节点篇一本文记录JavaScriptAPI学习笔记，后续备查。一、鼠标事件1、鼠标经过：onmouseover2、鼠标离开：onmou
一刀^••^·2020-08-23 22:24

vue组件中data为什么是一个函数？

vue2.X组件中data为什么是一个函数？曾经的困惑，今天我就好好总结一下。
时~枫·2020-08-23 21:26

前端学习笔记-没事多看看

实例把华氏度转换为摄氏度：functiontoCelsius(fahrenheit){return(5/9)*(fahrenheit-32);}document.getElementById("demo").innerHTML=toCelsius(77);一、HtmlW3C教程https://www.w3school.com.cn/html/html_jianjie.aspHTML属性参考手册ht
月球转转转·2020-08-23 21:41

WEB前端学习笔记-JavaScript-DOM

001-DOM编程-获取文本框的value.html获取文本框的value/**1、JavaScript包括三大块：*ECMAScript:JS的核心语法(ES规范/ECMA-262标准)*DOM:DocumentObjectModel(文档对象模型，对网页当中的节点进行增删改的过程*HTML文档被当做一棵DOM树来看待)*BOM：BrowserObjectModel(浏览器对象模型)*关闭浏览器
7i十二·2020-08-23 21:17

web前端学习笔记28-Ajax——用户体验提升者

一、Ajax简介1.1什么是AjaxAjavaScriptaXML，是指一种创建交互式网页应用的网页开发技术，不需要刷新或者跳转页面就可以实现数据通讯。Ajax有同步和异步两种请求方式（不推荐使用同步操作）。【同步与异步】【同步与异步】1.2早期Ajax的应用google地图最先将Ajax应用到极致1.3Ajax的应用场景百度地图类、百度图片类、瀑布流、数据验证、实时数据请求…1.4Ajax的工作
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记26-事件类型——一般事件、页面事件、表单事件

一、事件类型的分类事件分为一般事件、页面事件和表单事件二、一般事件关键字释义关键字释义click单击事件dblclick双击事件mousemove鼠标移动事件mouseover鼠标经过事件mouseout鼠标移出事件mouseenter鼠标进入事件mouseleave鼠标离开事件mouseup鼠标抬起事件mousedown鼠标按下事件keydown键盘按下事件keyup键盘抬起事件keypress
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记27-事件对象

一、事件对象在触发事件的时候，与事件相关的信息存储对象就是事件对象，事件对象在不同的浏览器中体现方式不同。【IE及其他浏览器】事件对象就是window子对象之一，可通过window.event或者event直接访问事件对象【Firefox浏览器】事件对象是以参数的形式传入事件函数的形参当中，接收之后才可以使用事件对象的兼容性处理（函数中使用）vare=window.event?window.eve
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记29-Ajax的应用——兼容性及案例操作

一、Ajax兼容性问题兼容版本信息：['Microsoft.XMLHTTP','MSXML.XMLHTTP','Msxml2.XMLHTTP.7.0','Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','']Ajax兼容性问题ie低版本Ajax//
喵了个咪蛋儿·2020-08-23 21:09

web前端学习笔记01-HTML概述与基础知识1

一、什么是HTMLHTML是用来描述网页的一种超文本标记语言，运行在浏览器上，由浏览器来解析，它不是一种编程语言，而是一种标记语言（标记标签）。HTML文档也叫做web页面，包含HTML标签以及文本内容.二、基本结构第一个网页三、HTML标签HTML标记标签是由尖括号包围的关键词，HTML标签包括双标签与单标签，双标签必须成对出现有闭合标签，即内容四、HTML属性·HTML元素可以设置属性·属性一
喵了个咪蛋儿·2020-08-23 21:08
上一页 21 22 23 24 25 26 27 28 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他