Vue2.X前端学习笔记

vue 2 迁移到 vue 3 细节总结

与vue2.x比较，将vue3.0中的改动分类为3种：new：新增部分；breaking:具有破坏性的部分。对vue2.x中的对应功能的语法、语义等做出了调整；removed：从Vue3.0中删除，不
来打小怪啊·2020-09-24 14:14

vue3.0不同于vue2.x的一些地方

vue3.0不同于vue2.x的一些地方1.Composition-Apivue2.x使用的是OptionsAPIsvue3.0仍然支持vue2.x的那种选项API(OptionsAPIs)的方式vue2
FreeSky吴·2020-09-24 12:47

Vue3为什么这么快

据说Vue3.0相比Vue2.x在性能上提升了1.2~2倍，为啥他就这么快呢？
·2020-09-23 11:53

Vue2.x源码学习笔记-Vue构造函数

我们知道使用vue.js开发应用时，都是newVue({}/*options*/)那Vue构造函数上有哪些静态属性和方法呢？其原型上又有哪些方法呢?一般我都会在浏览器中输入Vue来lookseesee可以看到Vue构造函数上挂载了这么多属性和方法，so这么nb。可以看到有很多的全局的api，以及实例的方法(其实就是Vue.prototype上的方法)。那么问题来了，尤大是如何把这么多方法和属性挂载
weixin_30323631·2020-09-17 09:45

Web前端学习笔记——CSS版心和布局流程、清除浮动

版心和布局流程阅读报纸时容易发现，虽然报纸中的内容很多，但是经过合理地排版，版面依然清晰、易读。同样，在制作网页时，要想使页面结构清晰、有条理，也需要对网页进行“排版”。“版心”(可视区)是指网页中主体内容所在的区域。一般在浏览器窗口中水平居中显示，常见的宽度值为960px、980px、1000px、1200px等。布局流程为了提高网页制作的效率，布局时通常需要遵守一定的布局流程，具体如下：1、确
唯恋殊雨·2020-09-17 09:35

Vue2.x之使用vue-video-player时Uncaught TypeError: Cannot read property 'EventTarget' of undefined

###好多人问，可以看这里：import‘videojs-contrib-hls’;//require(‘videojs-contrib-hls/dist/videojs-contrib-hls’);importVideoPlayerfrom'vue-video-player'require('video.js/dist/video-js.css');require('vue-video-play
Quincy379·2020-09-17 05:51

vue2.X版本中filters访问methods中的方法

问题我们经常会用到过滤器filter，用于在处理变量的后操作。过滤器可以用在methods中，有两种思路可以实现，一个是采用全局过滤器，以官方文档中的代码为例：Vue.filter('capitalize',function(value){if(!value)return''value=value.toString()returnvalue.charAt(0).toUpperCase()+valu
fredricen·2020-09-16 22:45

Vue 开发必须知道的 36 个技巧【近1W字

后面应该还会有Alpha、Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了
民国周先生·2020-09-16 14:36

vue this.$router.go(-1);返回时怎么带参数

1.声明一个空的Vue模块eventBusimportVuefrom'vue'/***定义空的vue实例，作为eventbus实现非父子组件之间的通信(vue2.x中去掉了broadcast)*/vareventBus
不吃糖_·2020-09-16 12:57

JS面试之对象(2)

前言一篇彻底搞懂对象,从此不用担心没对象啦;本文从对象定义方法,对象属性,Symbol数据类型,遍历几种方法,对象拷贝,vue2.x和vue3.x拦截对象属性方法及代码实现几个方面由浅入深介绍对象1.对象的声明方法
weixin_34204722·2020-09-16 10:47

微信内置分享，基于vue2.x

这次做微信分享，被文档坑死了，说是分享的即将废弃了，但新的又不能用，用旧的，还要带新的api名字。唉需求：点分享按钮，弹出点击右上角分享弹框，然后选择分享出去（朋友朋友圈、qq、qq空间）分享当前页和别的页面分享页面很多，有些是统一的文案，有些是动态文案，比如商品详情，还有些页面要隐藏右上角分享分析：按照需求，我们想要给很多个页面分享，就得全局写，封装方法，到时候直接调用即可；封装的方法动态的是每
行走的鱼儿·2020-09-16 03:56

Vue 开发必须知道的 36 个技巧

后面应该还会有Alpha、Beta等版本,预计至少要等到2020年第一季度才有可能发布3.0正式版;所以应该趁还没出来加紧打好Vue2.x的基础;Vue基本用法很容易上手,但是有很多优化的写法你就不一定知道了
web前端开发V·2020-09-16 02:48

数独游戏前端学习笔记及后续解数独方法

学习于默课网学习视频的整理笔记视频老师分享代码库基于我本地已经安装了nmp/node所以只添加了yarn安装yarn:npminstall-gyarn安装成功后，查看版本号yarn--version项目里到这一步我遇到了问题本地安装babel-loader和bable-preset-es2015报错后经度娘是版本问题我把package.json文件里"gulp":"^4.0.0",改成了"gulp
qq_37880655·2020-09-16 02:04

Vue2.x axios发送post请求

Vue2.xaxios发送post请求安装axios配置main.jsvue文件内script代码演示图安装axios$npminstallaxios//使用淘宝源$cnpminstallaxios//或者使用cdn：一般不使用scriptsrc=“https://unpkg.com/axios/dist/axios.min.js”配置main.js以下代码为之前开发的项目中的配置代码可供参考//
千世丶希·2020-09-15 20:37

首字母大写的几个小技巧

首字母大写js方法//方法1(Vue2.x版本中使用过该方法)functioncapitalize(str){returnstr.charAt(0).toUpperCase()+str.slice(1)
小方块的世界·2020-09-15 18:45

render: h => h(App)的含义

这条语句是Vue2.x新增的语句，如果在Vue1.x下，就应该这样写importAppfrom'.
Mister.L·2020-09-15 15:10

前端学习笔记＜四＞——JavaScript正则表达式

2020.8.20JavaScript正则表达式学习链接：JavaScript正则表达式正则表达式是由一个字符序列形成的搜索模式。当你在文本中搜索数据时，你可以用搜索模式来描述你要查询的内容。正则表达式可以是一个简单的字符，或一个更复杂的模式。正则表达式可用于所有文本搜索和文本替换的操作。方括号：查找某个范围内的字符表达式描述[abc]查找方括号之间的任何字符。[^abc]查找任何不在方括号之间的
fanhl111·2020-09-15 13:27

vue2.x 使用JSX 开发

文章参考http://www.cnblogs.com/bhaltair/p/6648946.html工作中，使用了iview中的table做开发，发现很多复杂的td内容需要使用createElement函数(虚拟DOM)实现，开发的过程中非常的繁琐，而且需要对createElement方法的API非常的熟悉，为了减轻同事的开发工作量，想到了使用JSX语法来实现！搭建环境：1、安装相关的babel插
胖鹅68·2020-09-15 10:24

Vue2.x 入门安装并创建第一个项目+安装常用依赖（Windows系统）

在Node.js官网下载Node.js并安装（自带npm模块）运行电脑cmd命令窗口，输入node-v以及npm-v查看是否安装成功如果安装成功，输入npminstallvue-g（全局目录下安装）输入npminstallvue-cli-g（全局安装vue脚手架，用来快速搭建vue项目）cd命令进入自己要创建项目的目录中输入vueinitwebpack项目名称，按照提示依次输入“项目名称”，“项目
法儒至尊·2020-09-15 09:11

vue2.x工程目录简介

工程目录简介上一篇文章写了如何利用vue-cli3.0脚手架快速的搭建一个基于vue2.x的工程这一篇文章就简单介绍一下工程目录结构。
weixin_33881753·2020-09-15 08:59

vue2.x 项目搭建

环境搭建a)下载node.jshttp://nodejs.cn/download/安装完成后添加到坏境变量b)全局安装vue-clinpminstall-gvue-cli(输入vue-V输出版本号则为安装成功)新建项目a)进入你需要新建项目的目录输入：vueinitwebpacktest（一直回车即可）结束后会生成一个test的文件夹vue的项目则在此目录下如图：b)运行项目在test目录下输入:
厌笔不萧生·2020-09-15 08:33

vue 2.x项目创建

基于vue2.x创建vue项目1.cnpminstall-g@vue/cli-initcnpminstallwebpack-dev-server-g2.vueinitwebpackmy-project3
weixin_44570241·2020-09-15 07:12

厚积薄发 前端学习笔记 CSS基础篇-水平、垂直居中布局

水平、垂直居中布局是每个前端人必备掌握的基础技能之一，也是各大公司无比常用的面试题之一，可能我们在实践中用不到这么多的方法，但是掌握主流的垂直居中布局方法，是一个前端人的必须的职业素养之一，本文归纳总结了笔者认为比较实用的一些方法，另外一些奇淫技巧不在本文的讨论范围内GitHub项目链接写在前面相关代码我只贴出水平垂直居中的，水平和垂直居中的综合方案代码，水平和垂直居中的分别的代码其实大部分都是融
weixin_33829657·2020-09-15 01:49

20200524前端学习笔记

0525前端第一天笔记1.什么是webWeb是一个简写,worldwideweb,万维网,广域网,互联网Web我们可以理解就是网站2.什么是网站和网页网站是由多个网页和其他文件组成的3.什么是网站的前端和后端4.web前端需要学习的技术htmlcssjavascript5.网页所对应的三个技术html:文本,按钮,超链接,图片,音频,视频…(在网页中是真实存在的,是占位置的)css:给网页起装饰作
国家级摸鱼选手·2020-09-14 10:25

基于vue2.x实现单选框与复选框组件

基于vue2.x实现单选框与复选框组件w-single-input(单选框)w-checkbox（多选框）不是很会录屏，就放几组演示照片吧话不多说，我们现在就开始实现这两个组件，首先你得搭好一个架子，架子具体实现请参考
Eden-one·2020-09-13 21:21

vue2升级vue3.x

无需要装卸vue2.x:npmuninstall-gvue-cli可以直接升级npminstall-g@vue/cli
sir.山·2020-09-13 08:39

前端学习笔记——cookie存储id实例

将用户信息存储在前端cookie中用户访问网站时，会从cookie中获取信息实现这个过程的三步走：设置获取检测//在cookie中设置id值//exdays为有效期设置，id在这段时间内有效functionsetCookie(idName,idValue,exdays){vard=newDate();d.setTime(d.getTime()+(exdays*24*60*60*1000));//有
K.I.O·2020-09-13 04:46

Vue面试题

2、简单说一下Vue2.x响应式数据原理3、你知道Vue3.x响应式数据原理吗？4、vue2.x中如何监测数组变化5、nextTick知道吗，实现原理是什么？
super-CodeCake·2020-09-12 22:16

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

CSS基础一、CSS简介1、什么是CSS2、CSS样式概述二、CSS基本语法三、CSS选择器1、标签名选择器派生选择器2、ID选择器3、类选择器4、后代选择器四、CSS的创建1、外部样式表2、内部样式表3、内联样式一、CSS简介1、什么是CSSCSS（CascadingStyleSheets）：层叠样式表，是一种用来表现HTML或XML等文件样式的计算机语言。CSS为HTML标记语言提供了一种样式
陌然白·2020-09-12 20:08

（web前端学习笔记）HTML DOM基础

HTMLDOM基础一、DOM简介1.什么是DOM2.什么是HTMLDOM二、HTMLDOM节点1.DOM节点2.HTMLDOM节点树3.节点父、子和同胞三、HTMLDOM对象1.HTMLDOM对象分类2.HTMLDOM常用方法3.HTMLDOM常用属性4.HTMLDOM访问与修改4.1访问4.2修改四、HTMLDOM事件1.HTML事件属性1.1onclick事件：鼠标点击事件1.2onload和
陌然白·2020-09-12 20:08

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

HTML基础一、HTML简介1、什么是HTML2、HTML版本3、HTML特点二、HTML基础1、书写规范2、HTML文档=网页3、HTML元素3.1、HTML元素语法：3.2、嵌套的HTML元素3.3、空的HTML元素4、HTML元素VSHTML标签5、HTML属性5.1、HTML全局属性三、HTML标签介绍1、基础标签1.1、声明1.2、、、标签1.3、标签1.4、HTML标题1.5、HTML
陌然白·2020-09-12 20:08

前端学习笔记(一) 初次摸一摸webpack

在公司做了几个月Java后端开发,但近年来前端技术发展喜人,想学Vue.js+Element-UI+ES6+Webpack这些技术。这篇当教程看还不合格，很多地方不详细，知识点在官方教程里，这篇只能当我自己的笔记。目标学习参照网上开源项目做一个后台管理系统的页面。学习人冬冬2018-06-01开始每周记录一点点#《Webpack教程笔记》npm知识可以学习如下教程http://javascript
亚瑟死灵骑士·2020-09-11 18:31

前端学习笔记(三) Javascript 字符串函数 数组函数

Javascript字符串和数组的常用函数总结1.字符串函数2数组函数1.字符串函数/*第一个字符位置为0,第二个字符位置为1返回在指定位置的符*/testCharAt(){conststr="HelloWorld!";leta=str.charAt(0);//Hletb=str.charAt(30);//""console.log(a);console.log(b);},//连接两个或更多字符串
亚瑟死灵骑士·2020-09-11 18:30

Vue项目的商品放大镜

01.介绍插件（vue-piczoom）基于vue2.x的电商图片放大镜插件02.使用方法//首先使用npm下载npminstallvue-piczoom--save//具体使用方法//组件默认是100%
yshusencsdn·2020-09-11 12:07

【前端学习笔记】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
上一页 20 21 22 23 24 25 26 27 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他