Vue2.X前端学习笔记

我的前端学习笔记13——浏览器兼容问题

1，如何调试IE浏览器？使用高版本浏览器（IE8以上）控制台进行调试。将浏览器分级，市场份额多的优先着重考虑，小的适当考虑。测试IE的方法1，虚拟机。2，远程虚拟机。3，IEtester（不靠谱）。4，某些IE可以开启浏览器模式。使用border：1pxsolid；、outline：1pxsolidcolor；或者在网页输入框输入javascript:进行调试；2，什么是CSShack？在CSS和
HARRISKING·2020-06-26 11:20

使用Vue-Router 2实现路由功能

注意：vue-router2只适用于Vue2.x版本，下面我们是基于vue2.0讲的如何使用vue-router2实现路由功能。推荐使用npm安装。
大灰狼的小绵羊哥哥·2020-06-26 10:08

仿写Vue七、响应式

01、数据劫持我们都知道在Vue2.x版本中，数据的双向绑定是靠Object.defineProperty（）来实现的。在3的版本中使用的Proxy来代理。毫无疑问，proxy实现起来更简单。
进击的桐人·2020-06-26 06:34

SpringBoot +Vue2.x版本项目开发第一步 项目的搭建

参考教程（推荐！！！）：IDEA中Vue的安装和使用（最全篇）Nodejs安装及环境配置vue3.x版本参考我的另一篇教程（超级详细！）：https://blog.csdn.net/qq_44787993/article/details/1068263461.node.js安装成功后测试：node-v为查看node版本npm-v查看npm版本，npm（包管理和分发工具）用来来安装依赖包。npmro
sdu@xy·2020-06-26 03:52

vue2.x 仿饿了么app商家页面 项目总结

utm_source=tag-newest)专栏前端文章详情moxiaojing103发布于前端关注专栏2017-07-10发布最新vue2.x仿饿了么app商家页面项目总结vue.js11.3k次阅读
qq_41833434·2020-06-25 21:52

前端学习笔记之——JS对象

通过三类对象和两类属性来区分（1）内置对象：（数组，函数，日期。正则表达式）（2）宿主对象：是由JavaScript解释器所嵌入的宿主环境定义的。（3）自定义对象：运行中的JS代码创建的对象。（4）自由属性：直接再对象中定义的属性（5）继承属性：对象的原型对象中定义的属性。1.创建对象首先解释一下原型：每一个JS对象（null除外）都和另一个对象（原型）相关联。每个新创建出来的对象都会直接或间接继
近视越来越深了·2020-06-25 19:24

前端学习笔记之--JS的原型和原型链的理解（2）

增加JS原型和原型链的理解哦哦哦哦哦哦~~~~functionVehicle(){this.run=function(){console.log('icanrun');}}functionCar(){this.load=function(){console.log('icanloadpeople');}}varTruck=newVehicle();//创建一个Vehicle()的实例Truck;C
近视越来越深了·2020-06-25 19:24

vue2.x ---vue-mobile-calendar的学习使用笔记

项目需求：日历显示2中状态，一种是从注册日期起到现在没捐款的日子，一种是捐款过的日子，插件github地址:https://github.com/lx544690189/vue-mobile-calendar插件npm地址：https://www.npmjs.com/package/vue-mobile-calendar1、安装npmivue-mobile-calendar2、引入importCa
开心就好1314520·2020-06-25 14:37

前端学习笔记-jQuery-jQuery属性操作/内容文本值

jQuery属性操作设置或获取元素固有属性值prop()所谓元素固有属性就是元素本身自带的属性，比如元素里面的href，比如元素里面的type。1.获取属性prop（"属性"）2.设置属性prop（"属性"，"属性值"）设置或获取元素自定义属性值attr()用户自己给元素添加的属性，我们称为自定义属性。比如给div添加index="1"。1.获取属性attr（"属性"）//类似原生getAttri
Nanami Touko·2020-06-25 11:55

vue2.x 202005

vue2.x-简介Vue框架的意义：vue在编码背后做了大量工作。现在数据和DOM已经被建立了关联,响应式数据和非响应式数据。指令带有前缀v-，以表示它们是Vue提供的特殊attribute。几乎任意类型的应用界面都可以抽象为一个组件树。vue常用选项参数varvm=newVue({data:{},created(){},computed:{},watch:{},methods:{},})vue钩
金银忍冬·2020-06-25 06:10

高级前端开发者必会的34道Vue面试题解析（三）

前言通过前面的文章，我们认识了页面的响应是由Vue实例里的data函数所返回的数据变化而驱动，也重点学习了页面的响应与数据变化之间是是如何来联系起来的，并且分别在Vue2.x与3.x中，从零到一实现了两个版本下的数据变化驱动页面响应原理
全栈者·2020-06-25 03:42

基于 Vue2.x 的独立分页插件 v-page

v-page详细介绍v-pageforVue2.x一个基于Vue2.x开发的，简洁易用的独立分页插件，支持分页菜单，i18n多语言支持插件预览使用入门、文档、实例更多文档和实例请访问：Englishofficialsite
phj_88·2020-06-24 19:52

【学习笔记】前端学习笔记 HTML+CSS+JavaScript+JQuery

学这些太痛苦了，我一定要成为算法工程师！HTML简介HyperTextMarkLanguage，超文本标记语言，使用一套标记标签来描述网页。标签，开始标签，结束标签，标签内容，属性。开始标签后加/来结束，如。推荐使用小写。标题,注释，水平线，段落。样式，直接修改样式的标签已被废弃。Aparagraph..格式化：文本格式化，输出格式化，引用，留坑。链接：Linktext，新窗口显示，target属
Little_Fall·2020-06-24 12:06

Vue.nextTick实现原理

vue2.X深入响应式原理的异步更新队列中说明如下：只要侦听到数据变化，Vue将开启一个队列，并缓冲在同一事件循环中发生的所有数据变更。如果同一个watcher被多次触发，只会被推入到队列中一次。
指尖跳动·2020-06-24 07:14

前端学习笔记

前端Mock数据的方法1.静态文件，ajax直接访问文件路径2.字符串，但是有单双引号、换行的问题3.网络抓包工具如fiddler，页面正常请求，监听网络拦截所请求的网址返回数据4.deployd可视化数据库操作界面https://github.com/deployd/deployd依赖于mongodb和node.js，初次安装成本较高5.mockjshttp://mockjs.com/可以伪造动
项哥·2020-06-24 06:11

vue2.0 实现组件props双向绑定

前言Vue2.x相比较Vue1.x,移除组件的props的双向绑定功能。单向数据流（官方解释）prop是单向绑定的：当父组件的属性变化时，将传导给子组件。
暴烈的海胆·2020-06-23 22:10

到了Vue2.x有哪些变化？—— 知识点

1.关于模板：在每个组件模板中（template），不在支持片段代码。个人理解：在template中必须有有一个根元素（rootelement）来包裹住所有代码。也就是template标签只能有一个亲儿子。我是组件msg我是spanVue.component('myMsg',{template:'#testMsg'});varvm=newVue({el:'#app',});注意上面的模板（temp
datura_lj·2020-06-23 12:30

vue/cli3.x+elementUI2.8踩雷之旅（一、环境安装）

2：安装vue-cli3.x如果此前已经安装vue2.x或更早版本，请执行：npmuninstall-gvue-cli来卸载旧版本。（有重要项目仍然要用他的话，自己看着办。本白保持观
godshome·2020-06-23 10:17

Vue接口调用问题

应公司需求，接口需要对接vue，记录一下碰到的问题开发环境：系统：windows10php开发环境：PHPstudy（PHP5.6.27NTS+Apache+MySQL）前端：vue2.x后端：thinkPHP5.0.24
不二青春·2020-06-23 07:53

2020前端学习笔记

前端学习笔记第一HTML基础CSS基础javascript基础HTML5新特性基础响应型布局jQuery基础jQueryUI基础jQuerymobile基础createJS基础其它全套项目JS基础前端基础功
DJXHC·2020-06-23 04:58

全套笔记（全栈）

##WEB前端学习笔记一、DAY01介绍历史web发展的四个阶段及要掌握的技能第一个阶段：PS+HTML+CSS第二个阶段：JS+AJAX+JQuery第三个阶段：从前端到全端，从PC到移动端，除了要掌握前两个阶段的内容还必须学会
DJXHC·2020-06-23 04:58

XCel 项目总结 - Electron 与 Vue 的性能优化

XCEL基于Electron和Vue2.x，它不仅跨平台（windows7+、Mac和Linux），而且充分利用Electron多进程任务处理等功能，使其性能优异。
cpongo3·2020-06-23 00:41

在Vue-Cli项目中使用全局less变量

最开始是在Vue2.X版本中尝试使用Less全局变量的，但是不知道因为什么原因一直报错，错误信息大概是未安装css-loader一类的错误，但天地良心我装了！！
aozhou9334·2020-06-22 14:53

vue 2.x实现动画效果

vue2.x开始，动画效果的实现都已经抽象成一个内建的组件了，transitiontoggledcontenttoggledcontent1.transition标签属性设置需要的动画类型0"@click
第八共同体·2020-06-22 12:03

mpvue2.0多端小程序框架

mpVue2.0多端小程序框架注意事项：目前mpvue框架使用的是vue2.x，所以需要使用vue2.x的脚手架npminstall-gvue-cli搭建mpvue脚手架基于mpvue-quickstart
ZQD1997·2020-06-22 09:19

vue2.x响应式原理，vue与react响应式简单对比

配合ppt食用更佳ppt实现的最终目标constdemo=newVue({data:{text:"before",},//对应的template为{{text}}render(h){returnh('div',{},[h('span',{},[this.__toString__(this.text)])])}})setTimeout(function(){demo.text="after"},30
SirM2z·2020-06-22 05:56

How2j仿写天猫前端学习笔记

今天在学习How2j上的项目仿写天猫前端时，遇到的一些问题特此记录下来。![QQ截图20180526192319.png](https://upload-images.jianshu.io/upload_images/12379193-a28d865deb022f70.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)今天主要学习了如何写
oldbalck·2020-06-21 11:43

前端学习笔记之学生管理系统增删查改

*{margin:0;padding:0;}header,.main,.main_informationDisplay>div{padding:20px;}header{background-color:rgb(53,138,136);color:#fff;letter-spacing:5px;}.main{display:flex;}.main_menu:hover{cursor:pointer
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之选座位

选座位ul{display:flex;list-style:none;}ulli{display:block;width:41px;height:35px;background:url("../DOM/img/seat.jpg");background-position:50px0;}.change{background:url("../DOM/img/seat.jpg");background-
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之购物车

购物车table,td,th{border:1pxsolid#cccccc;}编号商品名称单价操作数量总价1保时捷30002法拉利40003阿斯顿50004法拉利60005布加迪7000lettbody=document.querySelector("tbody");tbody.onclick=function(event){if(event.target.nodeName=="INPUT"){l
昨夜小楼又东风。·2020-06-21 11:00

前端学习笔记之多选框

多选框*{margin:0px;padding:0px;}ul{list-style:none;display:flex;}西瓜苹果葡萄榴莲letall_btn=document.getElementById("all_btn");letnotall_btn=document.getElementById("notall_btn");letinvert=document.getElementByI
昨夜小楼又东风。·2020-06-21 10:00

前端学习笔记之随机点名

随机点名点名"../DOM/tools.js"letarrName=["肖巍","杨恩","张芝荣","罗雷","郭林杰","小湉湉","弯弯姐","陈锴","徐阳","陈阳吉","张胜江","我","波哥","阿汤哥","谢杰","薛老板"];letnames=document.querySelector("h1");letstart_btn=document.querySelector("#s
昨夜小楼又东风。·2020-06-21 10:00

一个简单案例教你如何用Typescript写Vuex

本教程通过编写一个简单的demo讲解vuex的实现方式，以及如何对基于vue2.x的已有项目进行Typescript重构。项目初始化现在都9012了，所以我们直接使
weixin_33763244·2020-06-21 10:04

前端学习笔记_css双飞翼布局&圣杯布局

在我看来，圣杯布局跟双飞翼布局的实现，目的都是左右两栏固定宽度，中间部分自适应。那么它们又有哪些区别呢？双飞翼布局顾名思义，双飞翼布局就仿佛是一只鸟，main就相当于鸟的身体，而aside和ad则是翅膀，先决定main放在哪里，再把aside和ad放在合适的位置。在html结构中，main要放在最前面，因为浏览器是从上至下加载页面的main,aside,ad都要float:left;main要wi
质真如渝·2020-06-21 08:34

我的前端学习笔记19——正则表达式

问答1，\d，\w,\s,[a-zA-Z0-9],\b,.,*,+,?,x{3},^$分别是什么?查询链接\d：匹配数字；\w：匹配单词字符（字母、数字、下划线）；\s：查找空白字符（空格、换行、tab、回车）；[a-zA-Z0-9]：匹配字母（包括大小写）以及数字0-9；\b：匹配单词边界（\bX表示若X前为字符串开头或者空格则匹配，X\b表示结尾）；.：匹配任意字字符（除了换行和行结束符）；*
HARRISKING·2020-06-21 05:15

【前端学习笔记day10】2.6. html链接标签

文章目录2.6.html链接标签html链接标签2.6.html链接标签html链接标签标签可以在网页上定义一个链接地址，它的常用属性有：href属性定义跳转的地址title属性定义鼠标悬停时弹出的提示文字框target属性定义链接窗口打开的位置target="_self"缺省值，新页面替换原来的页面，在原来位置打开target="_blank"新页面会在新开的一个浏览器窗口打开传智播客测试页面2
汪雯琦·2020-06-21 05:04

Vue 3.0 对数据双向绑定的改进

目录1、Object.defineProperty的缺陷2、Vue3.0的数据双向绑定原理3、之前的问题得到了完美的解决1、Object.defineProperty的缺陷熟悉Vue的人都知道，在Vue2
yingjieweb·2020-06-16 17:35

vue 3.x 如何高效学成？本文详解

本文主要分享的是vue2.x与vue3.x之间一些常见用法的差异。虽然记录的不多，但也不算少。本文资料来源：github.com/vuej
程序员的人生A·2020-06-08 21:00

React Hooks + TypeScript 做个仿 MacOS 桌面（一）：项目初始化

项目初衷0做个有特点的前端项目，而MacOS系统桌面可以实现的东西太多了1工作中主要技术栈为vue2.x，想通过项目实践react的学习（hooks熟练了，react和vue3.0都间接拿下了）2熟悉并实践
不讨喜的大雄·2020-05-29 23:18

vuex状态管理（运行机制及实例）

背景：vue2.x项目组件工程化数据的层层传递太麻烦。如下图：内层的在家呢需要父组件的数据需要一层一层地传递，组件加载数据到父组件的时候需要一层一层回递，这样加重页面的负担。
Front 小思·2020-05-18 10:48

Vue3源码--优化Slot生成

Vue2.x中，如果有一个组件传入了slot，那么每次父组件更新的时候，必定会强制使子组件update，造成性能的浪费。
勤奋的大鱼·2020-05-17 00:29

【草稿整理中】web前端学习资源清单精简版

【布局】图解CSS3Flexbox属性【布局】阮一峰之Flex布局教程：实例篇JavaScript学习资源系列【整理】前端学习笔记总结清单，应有尽有Wscats学习笔记与文章基础知识【编码】字符编码ASCII
风雨后见彩虹·2020-05-12 09:00

filter+transition实现点亮图片效果

源代码此处采用vue2.x的写法。exportdefault{name:"lightYouImage",da
陌上兮月·2020-05-03 15:00

vue2.x学习笔记（三十二）

接着前面的内容：https://www.cnblogs.com/yanggb/p/12684060.html。深入响应式原理vue最独特的特性之一，是其非侵入式（耦合度低）的响应式系统：数据模型仅仅是普通的javascript对象，当你修改它们的时候，视图会自动进行更新。这一特性使得状态管理非常简单直接，不过理解其工作原理同样重要，因为这样你才可以避开一些常见的问题。因此在这里研究下vue响应式系
杨冠标·2020-05-02 07:00

浅谈Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api
请叫我宋某某·2020-04-30 16:32

Vue3.0新版API之composition-api入坑指南

关于VUE3.0由于vue3.0语法跟vue2.x的语法几乎是完全兼容的，本文主要介绍了如何使用composition-api，主要分以下几个方面来讲使用vite体验vue3.0composition-api
请叫我宋某某·2020-04-30 16:00

前端学习笔记四十五-版本控制：SVN和Git

知识点版本控制SVNGitGithub版本控制问题1：历史记录问题2：多人协作解决问题：软件版本用户说明日期1张三删除了软件服务条款57/1210:382张三增加了License人数限制7/1218:093李四财务部门调整了合同金额7/139:514张三延长了免费升级周期7/1415:17什么是版本控制？版本管理就是管理更新的历史记录，它给我们提供了一些在软件开发过程中必不可少的功能，例如：记录一
AizawaSayo·2020-04-28 17:02

前端学习笔记三十八-移动APP（2）webpack发布策略

这边首先要着重说几句，由于很多工具如webpack，Babel等更新很快，用旧版本有时查对应文档和API会不方便，因此最好下载最新版的包和去它们官网或者https://www.npmjs.com/看最新的API。更新所有依赖包到最新：1.安装包检查工具npminpm-check-updates-g2.更新package.json里的包版本到最新：ncu-u3.手动重新安装使依赖包全到最新版本：np
AizawaSayo·2020-04-28 17:53

详解Vue3中对VDOM的改进

由于MV**的架构，真实DOM树应该随着数据（Vue2.x中的data）的改变而发生改变，这些改变可能是
LhrAlander·2020-04-23 16:45

基于Vue.js活动倒计时组件

vue2-countdownvue活动倒计时组件及遇到的坑基于vue2.x的活动倒计时组件主要是最近为了公司做一个倒计时活动才找到了这个组件使用的。
Heroinn·2020-04-21 09:05
上一页 33 34 35 36 37 38 39 40 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他