修改 mint-ui 组件的默认样式 使用 mint-ui 可以方便实现很多特有的样式,可以很方便的进行调用,但如果 mint-ui 的默认样式与要求不一致时该如何修改? 比如 mint-ui 中有一个轮播图属性 mt-swipe,其默认样式如下: .mint-swipe-items-wrap { position: relative; ...
通过设置代理解决Vue中的跨域问题 1.问题:在vue中,在使用Axios获取数据时,有时会出现数据无法访问的情形(即跨域问题),如例1所示:例1:在本地使用 Axios 来获取豆瓣上的数据this.$axios({ method: 'get', //以 get 方式获取数据 url: 'http://api.douban.com...
解决 webpack4 中无法压缩 CSS 代码的问题 在webpack4中,我们可以使用 optimize-css-assets-webpack-plugin 插件来压缩 CSS 代码(具体内容可结合该插件的官网:https://www.npmjs.com/package/mini-css-extract-plugin),但当正确安装和引入了该插件时,我们会发现 CSS 代码并未进行压缩,输出的还是未压缩的代码,如何解决这个问题?首先,检查代码与...
jQuery实现常见的轮播图效果 1.在网页中常见的一类轮播图如下图所示,此处以小米官网(www.mi.com)为例进行说明 说明:红色箭头标注的是左、右箭头;右下角蓝色箭头标注的是可以控制图片播放顺序的小圆点;2.轮播图的特点 a. 能够进行左右方向的切换,即点击左箭头表示切换到上一张,点击向右箭头表示切换到下一张; b. 点击左右翻页时,对应的小圆点要能够进行联...
JS中的作用域和闭包 问题:1.说一下对变量提升的理解2.说明 this 几种不同的使用场景 (作为构造函数执行、作为对象属性执行、作为普通函数执行、call \ apply \ bind)3.创建10个a标签,点击的时候弹出来对应的序号4.如何理解作用域5.实际开发中闭包的应用 (闭包主要封装变量、收敛权限) 知识点:1.JS没有块级作用域,只有函数和全局作用域;2.自由变量:当...
jQuery插件的开发方法 主要有三种方法开发jQuery插件:1.通过$.extend()来扩展jQuery: 例:$.extend({ sayHello: function(){ console.log('Hello'); } }) $.sayH...
原型和原型链——构造函数 问题:1.如何准确判断一个变量是数组类型 ?2.写一个原型链继承的例子3.描述new一个对象的过程 知识点总结:1.构造函数: 例: function Foo (name, age){ //构造函数通常以大写字母开头 this.name = name; ...
JavaScript 变量计算 ——— 强制类型转换 1.常见的强制类型转换场景: (1).字符串拼接: 例1: 100 + '10' //10010 (2).== 运算符:(要慎用) 例2: 100 == '100' //true ; 0 == ' ' //true ; null == undefined //true (3)...
JavaScript中的变量类型 问题:(1)JS中使用 typeof 能得到哪些变量类型?(2)何时使用 === ?何时使用 ==?(3)JS中有哪些内置函数?(4)JS变量按照存储方式区分为那些类型,并描述其特点(5)如何理解JSON 分析:变量类型: 值类型 / 引用类型引用类型: 对象、数组、函数typeof 只能区分具体的值类型(undefined、string、number、bo...
JavaScript中的变量类型 问题:(1)JS中使用 typeof 能得到哪些变量类型?(2)何时使用 === ?何时使用 ==?(3)JS中有哪些内置函数?(4)JS变量按照存储方式区分为那些类型,并描述其特点(5)如何理解JSON 分析:变量类型: 值类型 / 引用类型引用类型: 对象、数组、函数typeof 只能区分具体的值类型(undefined、string、number、bo...
登陆注册页面的居中显示 在网页中,常常会使用到登陆注册功能,登陆框的显示要结合设备的尺寸进行居中显示,当我们使用前端框架(如React 或 Vue)时,登陆注册页面常常会作为一个组件,如何设置组件中的样式使得登陆框一直在屏幕上居中显示?以React框架为例:登陆注册页面如图所示(此处以简书的登陆页进行说明)登陆注册页面通常的效果图如图所示,在React中,我们使用组件化的开发,将该页面拆分为两个组件:整个背景...
JavaScript 弹窗 弹窗在网页交互中非常常见,常用于给用户进行提示消息,当然目前比较常见的是广告弹窗,此处来演示一下基本的弹窗原理。弹窗效果示意图:图1 弹窗效果弹窗效果有以下几个要点:(1)弹窗开始时并不显示,当点击按钮之后才显示;(2)当单击弹窗内部的区域(图1的白色部分),弹窗并不关闭,点击白色部分的”ד符号时会关闭弹窗;(3)当点击弹窗白色区域之外的灰色部分时(图1)
JavaScript实现动态的轮播图效果 利用javascript能实现常见的动态的网页轮播图效果,如下图1所示:图1实现该轮播图有以下几个要点: (1)在左右两侧各有一个箭头,分别指的是向左和向右切换,即点击相应的位置就会切换到该图片之前(或之后)的一张图片(2)在图片的下方有一排圆形按钮,每个按钮有各自的单击事件,点击任意一个按钮就切换到对应的图片(3)不点击图片时,图片会自动播
JavaScript 利用for-in循环数组或对象 使用for-in可以对数组或者对象的属性进行循环操作。每执行一次for-in循环,就会对数组中的元素或者对象的属性进行一次操作。 for-in循环的语法为:for(变量 in对象){//要执行的代码}“变量”用来指定变量,指定的变量可以是数组元素,也可以是对象的属性。例1:使用for-
JavaScript 使用arguments对象寻找最大值 1.JavaScript函数内置的arguments对象,其包含了函数调用的参数数组(即是调用函数时传递的参数个数)。我们可以使用arguments方法来查找数组的最大值和最小值。例1:寻找数组的最大值function findMax(){var i,max=arguments[0];//将传入的第一个参数赋值给max;if(argument
JavaScript 正则表达式的常用方法 正则表达式通常指的是:使用单个字符串来描述或匹配符合某个句法规则的字符串搜索模式。1.在JavaScript中。正则表达式常用对文本的搜索和匹配。这两个字符串方法 分别是:search() 和 replace()。(1).search()方法:用于检索子符串中指定的子字符串,或检索与正则表达式相匹配的子字符串,并返回相匹配的子字符
JavaScript 继承---寄生式继承 继承---寄生式继承寄生式继承是与原型式继承紧密相关的一种思路。其思路与寄生构造函数和工厂模式类似,即创建一个仅用于封装继承过程的函数该函数在内部以某种方式来增强对象,最后再像真的是它做了所有工作一样返回对象。寄生式模式如下例1所示:例1:function createAnother(original){var clone=Object(original
JavaScript 继承---原型式继承 继承---原型式继承原型式继承并没有使用严格意义上的构造函数,是通过借助原型基于已有的对象创建新对象,同时还不必创建自定义类型。使用原型式继承的主要思路如例1所示:例1:function Object(o){function F(){}F.prototype=o;return new F();}将例1进行分析可知:在Object函数的
JavaScript 继承---组合继承 继承---组合继承组合继承也叫做伪经典继承,指的是将原型链和借用构造函数的技术组合到一块,从而发挥二者之长的一种继承模式。组合继承的基本思路是使用原型链实现对原型属性和和方法的继承,而通过借用构造函数来实现对实例属性的继承。组合继承通过在原型上定义方法实现了函数复用,又能够保证每个实例都有它自己的属性。如例1所示:例1:function aaa(