Vue2.X前端学习笔记

d3-v4.x版本-世界地图

v4.x版本-世界地图代码是基于vue2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。
dengzeyuan·2020-08-15 18:29

d3-v4.x版本-中国地图

v4.x版本-中国地图代码是基于vue2.x版本项目中，代码注释部分为关键点解释都是基于d3-v4.x版本的。
dengzeyuan·2020-08-15 18:29

vue-cli打包生产环境--配置问题解决

项目环境vue-cli脚手架+element-UI搭建（编译器：vscode）vueinitwebpack项目名称，接着根据提示，按需构建项目环境（这里使用的vue2.X版本）具体打包生成的步骤，网上有很多这方的构建素材
lilihaoo~·2020-08-15 18:19

vue3.0 v-for循环数据列表，点击获取循环列表当前项的某一项的数据，例如id

vue2.x写法：v-for循环数据列表，点击获取循环列表当前项的某一项的数据，例如id附上vue3.0文档：组合式API文档vue3.0示例在v-for循环语句上定义一个点击事件，传入一个参数，点击的时候需要获取什么数据就传入什么
好巧.·2020-08-15 16:36

前端学习笔记一：HTML（5）简单制作表单（以登陆页面为例）

继续第五篇。第七个示例，管它叫登陆界面。代码如下：登录用户登录用户名：密码：运行结果，先展示一下登陆页面：可以在代码段里看到，当想制作一个登录或者任意形式的表单的时候，最好还是利用table标签作框架。利用行列标签的合并属性制作表头，输入提示和输入框和按钮，以及利用其它属性来设计样式。这次示例的新标签主要就是输入标签，大部分情况下，当你想在HTML网页上输入日志，用户名和密码等文本信息，以及制作相
大一哟·2020-08-15 01:00

Vue3 的新特性（四） —— 虚拟DOM的底层原理

我们已经知道，Vue2.x中的Vdom已经相
鹤仔z·2020-08-14 17:12

Web前端学习笔记——Canvas 01

一、canvas简介1.1什么是canvas？（了解）是HTML5提供的一种新标签英['kænvəs]美['kænvəs]帆布画布Canvas是一个矩形区域的画布，可以用JavaScript在上面绘画。控制其每一个像素。canvas标签使用JavaScript在网页上绘制图像，本身不具备绘图功能。canvas拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。HTML5之前的web页面只能用一些
唯恋殊雨·2020-08-14 14:46

（饿了么商家点餐页面Vue实战项目）总结

//webpack.github.io/）stylus中文文档es6入门学习(http://es6.ruanyifeng.com/)eslint规则设备像素比flex布局贝赛尔曲线测试主要遇到的问题：vue2
zZ_Terry25·2020-08-13 23:13

npm install过程中出现Maximum call stack size exceeded

公司前端项目技术栈是vue2.x全家桶，由我跟另外一个同事开发，最近他添加了新的npm包，我将代码拉下来之后执行npminstall出现下图问题：找到解决办法，删除node_module文件夹和package-lock.json
一只前端小马甲·2020-08-13 23:54

vue-aplayer：一个基于vue2.x易于配置的音乐播放器控制组件

vue-aplayer一个基于vue2.x易于配置的音乐播放器控制组件这个组件是aplayer基于vue的实现，并不断的更新完善，而不仅仅只是一层封装介绍demo截图安装$npminstallvue-aplayer
Rank92·2020-08-13 21:43

前端学习笔记（2）——鼠标悬浮实现指定区块旋转指定角度

今天偶然发现了css的过渡样式，wscshool的案例中实现了div的增大和旋转。刚好今天项目中有一个按钮周围有很多开口的圈，我想通过这个样式实现鼠标悬浮在链接上，实现圈的旋转#xuanzhuan:hoverimg{opacity:1;transform:rotate(-360deg);}以上代码实现了旋转的功能，但是有一个缺陷是鼠标悬浮---实现旋转，鼠标离开——又旋转，挺影响美观的于是我想通过
adagio0531·2020-08-13 12:37

理解vue2.x之diff算法

了解diff算法前，应该先了解虚拟DOM(VNode)，在vue中是先创建VNode，再通过diff算法看哪个节点需要更新，最后批量处理，提高效率。diff算法本质来看一段简单dom结构1主要包含三个部分自身的标签名（div）自身的属性（id='app'）子节点(span)可以通过如下方式描述以上domconstvnode={tag:'div',attrs:{id:'app'},children:
老鼠AI大米_Java全栈·2020-08-13 01:06

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

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

vue2.x和vue3.x中的双向数据绑定原理有什么不同

简单探讨一下vue2.x和vue3.x中实现数据绑定的原理有什么不同，首先vue2.x使用的是Object.defineProperty方法，这个方法不兼容IE9以下的版本；而vue3.x使用的是Proxy
Encoreeeee·2020-08-12 18:54

【Vue笔记--精简版】

文章目录VueVue创建项目和项目结构分析Vue2.x环境搭建与运行初始项目Vue3.x创建项目与运行初始项目Vue项目目录解析Vue.js基本操作Vue绑定数据`{{}}`Vue列表渲染`v-for`
千里水草·2020-08-12 17:41

前端学习笔记-JS-BOM-轮播图案例/节流阀

网页轮播图轮播图也称为焦点图，是网页中比较常见的网页特效功能需求：1.鼠标经过轮播图模块，左右按钮显示，离开隐藏左右按钮2.点击右侧按钮一次，图片往左播放一张，以此类推，左侧同理3.图片播放的同时，下面的小圆圈模块跟随一起变化4.点击小圆圈，可以播放相应的图片5.鼠标不经过轮播图，轮播图也会自动播放图片6.鼠标经过，轮播图模块，自动停止播放HTML主要布局部分：<JS动画函数部分：func
Nanami Touko·2020-08-12 17:05

Vue2.x 源码剖析之响应式原理

StudyNotesVue.js源码剖析-响应式原理响应式处理的入口src/core/instance/init.jsinitState(vm)vm状态的初始化初始化了_data、_props、methods等src/core/instance/state.js/*@flow*/import...;constsharedPropertyDefinition={...};exportfunction
白驹过隙时光荏苒·2020-08-12 14:24

vue2.x 使用vue-cli搭建项目，引用全局scss 及报错Module build failed: TypeError: this.getResolve is not a function

引用全局scss1、安装sass-resources-loader插件，然后新建一个var.scsscnpminstallsass-resources-loader--save例如var.scss：@charset"UTF-8";$themeColor:#409eff;@mixinellipsis(){overflow:hidden;text-overflow:ellipsis;white-spa
凌霄102·2020-08-12 01:28

Vue2.x脚手架搭建

1.首先要全局安装最新版本的node；2.在cmd中输入Vue2.x安装命令：1)全局安装vue脚手架：npminstall-gvue-cli2)初始化基于webpack的vue项目：vueinitwebpackmy-project3
sunshine-huang·2020-08-11 23:08

vue-cli(vue2.x)中使用vux（vue移动端UI组件库）

vux官网链接：https://doc.vux.li/zh-CN1、在项目根目录下使用npm安装npminstallvux--save因为vux使用less来书写样式文件的，所以还要安装less编译的loader：npminstalllessless-loader-D2、vux2必须配合vux-loader使用如果npm下载的是vux2.x版本的话，那么就必须配合vux-loader使用，不然就会
winne雪·2020-08-11 22:38

Vue2.x教程之filter过滤器的使用

vue2.0以后已经放弃对自带的过滤器函数，但同时对开发人员提供了一个filter的处理器，虽然命名为filter，但是我觉得叫做数据处理器更体贴。用以在不改变的data的情况下输出前段需要的格式数据。基本调用方法：[html]viewplaincopy{{message|filterFun}}[javascript]viewplaincopynewVue({//...filters:{filte
itKingOne·2020-08-11 21:32

vue 2.x脚手架

vue2.x脚手架使用vueinitwebpack-simplefilename下载好框架src文件夹目录下是我们要操作的文件app.vue文件：所有的组件集中到此文件中ep:import组件名from
xiaodaoshi11·2020-08-11 15:10

Vue2.x + axios 封装请求api

使用Vue时我们常使用axios搭配食用，网上很多教程推荐的方法是直接把axios挂在Vue实例下使用，类似这样Vue.axios=_axios;window.axios=_axios;Object.defineProperties(Vue.prototype,{axios:{get(){return_axios;}},$axios:{get(){return_axios;}},});然后在各个c
苏笛南风·2020-08-11 14:45

Vue2.x源码——Vue构造函数

在Vue源码中，关于Vue构造函数的部分是这样的：//vue\src\core\instance\index.jsimport{initMixin}from'./init'import{stateMixin}from'./state'import{renderMixin}from'./render'import{eventsMixin}from'./events'import{lifecycleM
白水煮青菜·2020-08-11 14:53

基于Vue2.x日期选择组件

vue-datepicker-基于Vue2.x日期选择组件Datepicker是一款稍微复杂的组件，其中涉及的日历计算与显示需要比较清晰的逻辑。
weixin_34409357·2020-08-11 14:55

Vue2.x源码学习笔记-源码目录结构整理

先从github上下载或者clone一个vue分支项目https://github.com/vuejs/vue查看下目录结果先列出一些目录Vue|—build打包相关的配置文件，其中最重要的是config.js。主要是根据不同的入口，打包为不同的文件。|—dist打包之后文件所在位置|—examplesdemo示例|—flow因为Vue使用了Flow来进行静态类型检查，这里定义了声明了一些静态类型
weixin_30550081·2020-08-11 14:22

解析vue2.x源码之组件的生命周期

基本概念介绍：在日常开发中，我们会在组件的生命周期函数内编写代码，等待组件在适当的时机调用。生命周期函数有:beforeCreate、created、beforeMount、mounted、beforeUpdate、updated、beforeDestory、destoryd。那么组件是在什么时候调用这些生命周期函数的？在调用生命周期函数时又分别做了什么呢？created:在vue实例被创建时，v
前端小白 - GavinWu·2020-08-11 12:19

vue2.x源码解析六——组件化--4.实例解析组件的整个映射过程

1.准备工作1.加入断点我们利用断点的方式，一步一步分析，，我们采用的是Runtime+Compiler版本的vue.js，所以我们将debugger插入组件DOM的时候会走createComponent函数functioncreateComponent(vnode,insertedVnodeQueue,parentElm,refElm){...if(isDef(vnode.componentIn
南张门·2020-08-11 12:25

vue2.x源码解析五——数据驱动--5.update

1.连接上一节在上一节中我们提到了在src/core/instance/lifecycle.js中通过渲染Watcher实时去监测调用updateComponent方法，从而实现的页面实时渲染，vm._render()主要是生成的VNode（虚拟DOM），下面我们来讲一讲vm._update方法的是如何实现数据渲染和更新的updateComponent=()=>{vm._update(vm._re
南张门·2020-08-11 12:25

vue2.x源码解析一 —— flow

Vue.js的源码利用了Flow做了静态类型检查，所以我先介绍一下flow。1.flow是什么？Flow是facebook出品的JavaScript静态类型检查工具。类型检查是当前动态类型语言的发展趋势，所谓类型检查，就是在编译期尽早发现（由类型错误引起的）bug，又不影响代码运行（不需要运行时动态检查类型），使编写JavaScript具有和编写Java等强类型语言相近的体验。安装flow：npm
南张门·2020-08-11 12:25

vue2.x源码解析三——源码构建

1.Rollup介绍官网：https://github.com/rollup/rollupVue.js源码是基于Rollup构建的，它的构建相关配置都在scripts目录下。1.2rollup和webpack都是区别webpack更加强大可以将图片,css等都解析为js。rollup更适合于js库的编译，只适用于js部分，别的文件是不管的，并且更加友好2.Vue.js源码构建脚本通常一个基于NPM
南张门·2020-08-11 12:24

vue2.x源码导读

dist目录输出文件说明cjswebpack1，browserfiryesmwebpack2+umd兼容cjs和amdruntime仅仅包含运行时代码，不包含编译器环境准备1、安装依赖：npminstall2、安装打包工具rollup：npminstallrollup-g入口文件src\platforms\web\entry-runtime-with-compiler.js扩展了核心的$mount
Bidding.·2020-08-11 11:05

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
weixin_33695450·2020-08-11 10:44

vue2.x源码解析六——组件化--5.生命周期

1.生命周期Vue实例从创建到销毁的过程，就是生命周期。详细来说也就是从开始创建、初始化数据、编译模板、挂载Dom、渲染→更新→渲染、卸载等一系列过程。首先我们来看一下官网的生命周期图（我自己做了一点点注释）：也可以看我之前的博客vue生命周期的理解Vue提供给我们的钩子为上图的红色的文字。生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。我们现在用源码来分析生命周期的钩子函数
南张门·2020-08-11 10:13

vue2.x源码解析六——组件化--3.patch(将虚拟DOM映射为真实DOM)

1.patch通过vue2.x源码解析六——数据驱动，当我们通过createComponent创建了组件VNode，接下来会走到vm.
南张门·2020-08-11 10:41

vue2.x源码解析六——组件化--2.createComponent虚拟DOM组件

1.说明我们以Vue-cli初始化的代码为例，来分析一下Vue组件初始化的一个过程。importVuefrom'vue'importAppfrom'./App.vue'varapp=newVue({el:'#app',//这里的h是createElement方法render:h=>h(App)})和我们上一章相同的点也是通过render函数去渲染的，不同的这次通过createElement传的参数
南张门·2020-08-11 10:41

Vue2.x 源码阅读思路笔记

目前公司主要技术栈是Vue，为了更好的使用，完成的了解Vue的原理是很有必要的。刚开始直接阅读Vue源码时，发现自己阅读的效率很低。偶然间（其实不偶然）在Github中发现了这份笔记如何学习Vue2源码，完整的记录了实现Vue框架的完整过程。我fork了作者的项目，跟着作者的思路如何学习Vue2源码，完整走了一遍如何实现一个2.X版本的Vue。阅读过程中我拉了一个新分支如何学习Vue2源码（带注释
余阿良·2020-08-11 10:22

Vue2.x 源码剖析之虚拟 DOM

StudyNotesVue.js源码剖析-虚拟DOM什么是虚拟DOM虚拟DOM(VirtualDOM)是使用JavaScript对象来描述DOM，虚拟DOM的本质就是JavaScript对象，使用JavaScript对象来描述DOM的结构。应用的各种状态变化首先作用于虚拟DOM，最终映射到DOM。Vue.js中的虚拟DOM借鉴了Snabbdom，并添加了一些Vue.js中的特性，例如：指令和组件机
白驹过隙时光荏苒·2020-08-11 10:51

mysql之DML和DQL

欢迎大家加入我的github项目,一起学习，一起发展--->全栈工程师进阶学习站--->我的前端学习笔记--->行业内最新最群的报告，工作日每日更新DML和DQL1、存储引擎插件式存储引擎是MySQL数据库最重要的特性之一
Gavincoder·2020-08-11 04:08

【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
上一页 23 24 25 26 27 28 29 30 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他