08 2018 档案
摘要：什么是Vuex？ 官方说法：Vuex 是一个专为 Vue.js应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 个人理解：Vuex是用来管理组件之间通信的一个插件 为什么要用Vuex？ 我们知道组件之间是独立的，组件之间想要实现
阅读全文
摘要：路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个
阅读全文
摘要：每个 Vue 实例在被创建之前都要经过一系列的初始化过程。例如，实例需要配置数据观测(data observer)、编译模版、挂载实例到 DOM ，然后在数据变化时更新 DOM 。下图展示的就是一个vue实例对象的生命周期。 从图上我们可以看到vue在生命周期中有这些状态，beforeCreate,
阅读全文
摘要：都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。（确实很烦）。vue的官方文
阅读全文
摘要：vue中 关于$emit的用法 1、父组件可以使用 props 把数据传给子组件。2、子组件可以使用 $emit 触发父组件的自定义事件。 vm.$emit( event, arg ) //触发当前实例上的事件 vm.$on( event, fn );//监听event事件后运行 fn； 例如：子组
阅读全文
摘要：什么是组件：组件是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义的元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以是原生HTML元素的形式，以is特性扩展。 如何注册组件？ 需要使用Vue.extend方法创建一个组件，然后使
阅读全文
摘要：简单来说，区别如下：1.v-bind用来绑定数据和属性以及表达式，缩写为'：'2.v-model使用在表单中，实现双向数据绑定的，在表单元素外使用不起作用 一、v-model v-model多在表单中使用，在表单元素上创建双向绑定，根据控件类型选择正确的方法更新元素，可以绑定text、radio、c
阅读全文
摘要：1、MVVM模式 MVVM模式（Model-View-ViewModel）的运作如下图： 1）上图解析：ViewModel是Vue.js的核心，它是一个Vue实例。Vue实例是作用于某一个HTML元素上的，这个元素可以是HTML的body元素，也可以是指定了id的某个元素。 当创建了ViewMode
阅读全文
摘要：与var不同，新的变量声明方式带来了一些不一样的特性，其中最重要的两个特性就是提供了块级作用域与不再具备变量提升。 通过2个简单的例子来说明这两点。 而这个简单的例子，会被编译为： 变量提升demo示例 变量提升demo示例 当然，你的代码编译成为了ES5之后，仍然会存在变量提升，因此这一点只需要我
阅读全文
摘要：目录 scss的环境搭建 Koala的使用——打开项目 Koala的使用——scss的相关设置 scss的四种输出模式 嵌套输出方式nested 展开输出方式expanded 紧凑输出方式compact 压缩输出方式compressed scss的基本语法 变量 数据类型 嵌套 注释 基本运算 语句
阅读全文
摘要：响应式布局有三种实现方式： CSS3 Media Query 原生 JS 代码 第三方开源框架（最常见的有 bootstrap） CSS3 -- Media Query 1. 媒体查询实现方式 方式一：styleSheet样式表中的写法： 如：<style>标签中使用@media 方式二：<link
阅读全文
摘要：cssHack 是为了解决不同浏览器显示不同从而是css代码兼容不同的浏览器 “-″减号是IE6专有的hack “\9″ IE6/IE7/IE8/IE9/IE10都生效 “\0″ IE8/IE9/IE10都生效，是IE8/9/10的hack “\9\0″ 只对IE9/IE10生效，是IE9/10的h
阅读全文
摘要：1、尽可能减少HTTP请求：图片合并 （css sprites），Js脚本文件合并、css文件合并 2、减少DNS查询 DNS查询服务指域名查找，指将请求的域名转化为对应的IP地址，就如姓名和门牌号的关系。如输入www.baidu.com DNS系统会将此域名转化为119.75.217.109，然后
阅读全文
摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> #search_result{ width:302px; position:absolute; left:618p
阅读全文
摘要：以click事件为例： 普通绑定事件：$('.btn1').click(function(){}绑定 on绑定事件：$(document).on('click','.btn2',function(){}绑定 那么这两种方式有什么区别呢？ 首先我们看看在实践上的区别： ①click事件是在页面加载
阅读全文
摘要：call/apply的第一个参数如果为null。this指向window call/apply是用来改变函数的作用域的，第一次参数为this,第二个参数为传输的值，例如 var a ="windowA"; var b = "windowB"; var str = "str"; var myObjec
阅读全文
摘要：Js apply方法详解我在一开始看到javascript的函数apply和call时,非常的模糊,看也看不懂,最近在网上看到一些文章对apply方法和call的一些示例,总算是看的有点眉目了,在这里我做如下笔记,希望和大家分享.. 如有什么不对的或者说法不明确的地方希望读者多多提一些意见,以便共同
阅读全文
摘要：一.瀑布流之准备工作 首先声明下, 为了方便演示和联系, 我使用的是本地图片, 如果大家有需要的话可以尝试着写下网络的, 不过本地和远端的大致是相同的. 那么我就来简单介绍下本地的瀑布流效果吧, 我们要先准备好八九张图片, 当然啦, 我们实现的是瀑布流效果, 所以最好是高度不相同的, 这样才可以看出
阅读全文
摘要：什么是跨域？ 跨域是指一个域下的文档或脚本试图去请求另一个域下的资源，这里跨域是广义的。 广义的跨域： 1.) 资源跳转： A链接、重定向、表单提交 2.) 资源嵌入： <link>、<script>、<img>、<frame>等dom标签，还有样式中background:url()、@font-f
阅读全文
摘要：Mono安装 首先，Mac下需要使用.Net编译后的程序，需要用到跨平台的方案Mono(现阶段微软已推出跨平台的方案.Net Core，不过暂时只支持控制台程序)。安装程序可以从http://www.mono-project.com/download/#download-mac地址下载。 我下载的5
阅读全文
摘要：常用的几款抓包工具！标签： 软件测试软件测试方法软件测试学习原创来自于我们的微信公众号：软件测试大师 最近很多同学，说面试的时候被问道，有没有用过什么抓包工具，其实抓包工具并没有什么很难的工具，只要你知道你要用抓包是干嘛的，就知道该怎么用了！一般对于测试而言，并不需要我们去做断点或者是调试代码什么的
阅读全文
摘要：一、如何破解： 首先下载破解注册机然后按照下边六个步骤操作。 下载链接:https://pan.baidu.com/s/1HCtms2BjO1W6833i97Bp5Q 密码:xp2v 1、“Adobe Zii.app”的可运行程序文件（就是我们百度云下载的软件），它就是Dreamweaver CC
阅读全文
摘要：什么是Ajax Ajax的技术的产生 Ajax被认为是(AsynchronousJavaScript and XML的缩写）。现在，允许浏览器与服务器通信而无须刷新当前页面的技术都被叫做Ajax. Ajax：一种不用刷新整个页面便可与服务器通讯的办法 1， Web的传统模型。客户端向服务器发送一个请
阅读全文
摘要：一.JQuery之jQuery Validate(表单验证)插件1.引用jQuery和jQuery Validate到页面2.基本语法设置:使用validate()来写验证规则rules 设置验证规则验证规则中的一些规则设置：required:true, //必填remote: { //远程校验 u
阅读全文
摘要：JSON概念 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，主要用于跟服务器进行交换数据。它基于ECMAScript的一个子集。 JSON采用完全独立于语言的文本格式，但是也使用了类似于C语言家族的习惯（包括C、C++、C#、Java、JavaScri
阅读全文
摘要：1.动画基础隐藏和显示 jQuery中隐藏元素的hide方法 让页面上的元素不可见，一般可以通过设置css的display为none属性。但是通过css直接修改是静态的布局，如果在代码执行的时候，一般是通过js控制元素的style属性，这里jQuery提供了一个快捷的方法.hide()来达到这个效果
阅读全文
摘要：1.jQuery二级下拉菜单 下拉箭头翻转动画 之前我们分享过不少基于jQuery的二级下拉菜单，甚至是多级的下拉菜单，比如这款jQuery/CSS3飘带状多级下拉菜单就非常华丽。但今天要介绍的这款jQuery二级下拉菜单外观很简洁，使用非常简单，它唯一的特点就是下拉菜单项的下拉箭头有翻转的动画特效
阅读全文
摘要：目前来说，网站页面主要分为静态页面和动态页面，纯静态页面组成的网站现在相对比较少见，大型网站一般使用的是动态网站建站技术，还有一部分网站是静态网页与动态网页共存，本文以Apache服务器、php语言为例，详解动态网站的访问过程，下面直接切入本文主题。 （1）用户端访问服务器端的html文件 S1：通
阅读全文
摘要：在DOM事件深入浅出（一）中，我主要给大家讲解了不同DOM级别下的事件处理程序，同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点，主要侧重于DOM事件中Event对象的属性和方法。 那么什么是DOM事件中Event对象呢？事件对象（event object）指的是与特定事
阅读全文
摘要：在项目开发时，我们时常需要考虑用户在使用产品时产生的各种各样的交互事件，比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。 首先在介绍DOM事件之前我们先来认识下DOM的
阅读全文
摘要：Dom是Document Object Model的缩写，意思是文档对象模型。DOM是一种与浏览器、平台、语言无关的接口，使用该接口可以轻松访问页面中所有的标准组件。DOM操作可以分为三个方面即DOM Core(核心)、HTM-DOM和CSS-DOM。 每一个网页都可以用DOM表示出来，每个DOM都
阅读全文
摘要：添加节点的jquery方法： append()、prepend()、appendTo() 、prependTo() 插入节点的jquery方法： after() 、before() 、insertBefore() 、insertAfter() 举个例子来说明以上几种方法的用法： html例子: <n
阅读全文
摘要：在 HTML DOM （文档对象模型）中，每个部分都是节点： 文档本身是文档节点 所有 HTML 元素是元素节点 所有 HTML 属性是属性节点 HTML 元素内的文本是文本节点 （包括回车符也是属于文本节点） 注释是注释节点 Element 对象可以拥有类型为元素节点、文本节点、注释节点的子节点。
阅读全文
摘要：<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>jq获取鼠标的位置</title> <style> div{ width: 500px; height: 500px; background-color: #5
阅读全文
浙公网安备 33010602011771号