1. Vue指令理解 Vue指令指的是以 v- 开头的一组特殊语法 2. 内容绑定 2.1 v-text指令 与 {{}} 插值表达式 注:{{}} 插值表达式也被称作 Mustache语法 作用 设
<html> <head> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js">
1. 认识组件化 1.1 什么是组件化 人面对复杂问题的处理方式 任何一个人处理信息的逻辑能力都是有限的,所以当面对一个非常复杂的问题时我们不太可能一次性搞定一大堆的内容。 但是我们人有一种天生的能力
1. Vue理解 1.1 特点 JavaScript 框架 简化Dom操作(使用Vue提供的特殊语法,Vue会自动的去操纵使用特殊语法的DOM元素) 响应式数据驱动 (页面是由数据生成的) 渐进式的框
1. 为什么需要模块化 1.1 JavaScript原始功能 在网页开发的早期js制作作为一种脚本语言,做一些简单的表单验证或动画实现等,那个时候代码还是很少的。那个时候的代码是怎么写的呢?直接将代码
1. Vue CLI理解 1.1 什么是Vue CLI 如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI,如果你在开发大型项目那么你需要它, 并且必然需要使用Vue CLI。 使
学好JS的面向对象,能很大程度上提高代码的重用率,像jQuery,easyui等,这篇博客主要从细节上一步步讲JS中如何有效地创建对象,也可以看到常见的创建对象的方式,最后也会附上一些JS面向对象的案
1. 什么是Webpack 1.1 引入 什么是webpack?这个webpack还真不是一两句话可以说清楚的。 我们先看看官方的解释:At its core, webpack is a static
看案例前可以先看看基础篇: JavaScript 面向对象(一) —— 基础篇 案例——面向对象的选项卡:把面向过程的程序一步步改成面向对象的形式,使其能够更加的通用(但是通用的东西,一般会
jquery的parent(),parents(),parentsUntil(),closest()都是向上查找父级元素,具体用法不同 parent():取得一个包含着所有匹配元素的唯一父元素的元素集
如何通过JS检测360浏览器? 尝试了一大堆方法,网上大多数办法都是通过navigator.userAgent来判断,这可能在几年前是行得通的,现在360userAgent输出来跟谷歌除了版本号其余一
跨域的安全限制都是对浏览器端来说的,服务器端是不存在跨域安全限制的。 浏览器的同源策略限制从一个源加载的文档或脚本与来自另一个源的资源进行交互。 如果协议,端口和主机对于两个页面是相同的,则两个页面具
最近有点忙,所以没有发表博文,现在时间空闲下来了,好好的整理一下知识,今天总结一下css里面的一些选择器。 css里的选择器有好多种,下面我就把我了解到的写一写,如果有不全的或者有误的欢迎留言指正,万
JavaScript 面向对象(一) —— 基础篇 JavaScript 面向对象(二) —— 案例篇 一、json方式的面向对象 首先要知道,js中出现的东西都能够放到json中。关于json数据格
花费了几周的时间断断续续的练习和模仿与使用JavaScript代码实现了十大排序算法。 里面有每种算法的动图和静态图片演示,看到图片可以自己先按照图片的思路实现一下。 github中正文链接,点击查看
在一个Vue的PC项目中,要求给错误图片不要让它显示丑陋的图片,就要给图片写一个失败后的默认图片, 在这里写了两种方法, 第一种方法,也就是百度到的最多的代码,就是给一张图片一个默认值。 第二种问题,
在使用javascript实现基本的数据结构中,练习了好几周,对基本的数据结构如 栈、队列、链表、集合、哈希表、树、图等内容进行了总结并且写了笔记和代码。 在 github中可以看到 点击查看,可以关
防抖 所谓防抖,就是指触发事件后在n秒内函数只能触发一次,如果在n秒内又触发了事件,则会重新计算函数执行时间。 document.getElementById('btn').oncli
解决方法来源 阮一峰的网络日志 http://www.ruanyifeng.com/blog/2016/04/cors.html 解决方法来源二 Vuejs之axios获取Http
在前端开发中,大多数的调试一般都是F12中的console和network中查看请求数据和响应数据,也有一部分人喜欢用debugger。 在开发大一些的项目时,在开发环境下,打开着控制台,切换一下页面