自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(178)
  • 资源 (1)
  • 收藏
  • 关注

原创 编程中的api指什么?是什么意思?

API,全称Application Programming Interface,即应用程序编程接口。API是一些预定义函数,目的是用来提供应用程序与开发人员基于某软件或者硬件得以访问一组例程的能力,并且无需访问源码或无需理解内部工作机制细节。API就是操作系统给应用程序的调用接口,应用程序通过调用操作系统的API而使操作系统去执行应用程序的命令(动作)。在Windows中,系统API是以函数...

2019-09-24 13:08:31 5406 2

原创 VUE的$refs和$el的使用

refref有三种用法:1、ref 加在普通的元素上,用this.$refs.(ref值) 获取到的是dom元素3、如何利用 v-for 和 ref 获取一组数组或者dom 节点如果通过v-for 遍历想加不同的ref时记得加 :号,即 :ref =某变量 ;  这点和其他属性一样,如果是固定值就不需要加 :号,如果是变量记得加 :号。(加冒号的,说明后面的是一个变量或者表达式;没加冒号的后面就是对应的字符串常量(String)应注意的坑有:1、ref 需要在dom渲染完成后才会有,在使用

2021-11-24 19:36:10 105

原创 vue中$el等属性

属性:vm.$el获取Vue实例关联的DOM元素vm.$data获取Vue实例的data选项(对象)options获取Vue实例的自定义属性(如vm.options获取Vue实例的自定义属性(如vm.options获取Vue实例的自定义属性(如vm.options.methods,获取Vue实例的自定义属性methods)vm.refs获取页面中所有含有ref属性的DOM元素(如vm.refs获取页面中所有含有ref属性的DOM元素(如vm.refs获取页面中所有含有ref属性的DOM元素(

2021-11-24 19:11:30 307

原创 JavaScript toFixed() 方法

JavaScript toFixed() 方法定义和用法toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。语法NumberObject.toFixed(num)参数 描述num 必需。规定小数的位数,是 0 ~ 20 之间的值,包括 0 和 20,有些实现可以支持更大的数值范围。如果省略了该参数,将用 0 代替。返回值返回 NumberObject 的字符串表示,不采用指数计数法,小数点后有固定的 num 位数字。如果必要,该数字会被舍入,也可以用 0 补足,以便它

2021-11-22 23:37:25 2

原创 开发常用CSS样式汇总

1、页面动画出现问题在 Chrome 和 Safari 中,当我们使用 CSS 转换或者动画时可能会有页面闪烁的效果,下面的代码可以修复此情况:.cube {-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000;/* Other transform properties here */}在webkit内核的浏览器中,

2021-11-22 23:33:38 4

原创 斐波那契数列 JS

普通版function fibonacci (n) { if ( n <= 0 ) {return 0};if(n==0) {return 1}; return fibonacci(n - 1) + fibonacci(n - 2);}fibonacci(10)优化版function fb(n, num1 = 1, num2 = 1) { if(n == 0) return 0 if (n <= 2) { return num2

2021-11-22 23:04:55 1

原创 常用JavaScript函数方法合集

这篇文字包含了一份 js 常用业务函数手册,例如时间格式的处理、用的是哪个手机浏览器,手机号、邮箱的验证,以此来提高你的开发效率1、邮箱export const isEmail = (s) => {return /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((.[a-zA-Z0-9_-]{2,3}){1,2})$/.test(s)}2、手机号码export const isMobile = (s) => {return /^1[0-9]{10}$/

2021-11-22 23:04:09 480

原创 JS中indexOf()==-1的作用

1,第一种情况某些查询方法中,如果没有查找到你想要的结果,就会返回-1,表示没有查找到。例:String 中的indexOf()2,在做数组的遍历时,有一个小技巧,就是在遍历即将结束的时候,令index = -1,可以继续遍历。...

2021-11-02 16:21:46 25

原创 设置input输入框最大字数限制最简单的方法

maxlength 属性规定输入字段的最大长度,以字符个数计。如下:<input type="text" maxlength="11" />另一个方法js input 文本框输入字数限制 显示还可以输入多少个字<input name="title" type="text" size="50" value="{$p.title}" maxlength="15" onkeyup="javascript:setShowLength(this, 15, 'cost_tpl_title_

2021-10-25 15:10:08 68

原创 2021-10-24

如题,1024

2021-10-24 22:36:33 5

原创 div盒子超出内容变成省略号

第一种方式:li{white-space:nowrap;强制不换行;overflow:hidden;超出的部分隐藏;text-overflow:ellipsis;让隐藏的文本用省略号的方式显示出来}在li上的文本超出的以省略号形式显示第二种方式:div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; 设置只显示一行,超出一行的就不显示overflow:hidden; 超出设

2021-10-21 11:55:39 7

原创 CSS个人页面圆角

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .container{ margin: 0; top: 0; } .box{ width: 100%; height: 750px; background:blue;

2021-08-17 13:40:24 14

原创 CSS把文字移动到图片上

用CSS往图片上嵌入文字有二种方法,分别如下:第一种方法添加一个DIV,采用绝对定位,图片所属DIV为基准。参考代码如下:<div style="position:relative;width:100px;height:100px;"> <img src="" alt="" /> <div style="position:absolute;width:100px;height:100px;z-indent:2;left:0;top:0;">

2021-07-15 16:07:45 87

原创 typescript入门

安装解析TS的工具包npm i -g typescript创建一个文件夹/ts在终端输入 tsc hello.ts之后便会将hello.ts 解析成js

2021-06-18 15:17:53 21

原创 HTML哪些是块级元素,哪些是行内元素?

HTML哪些是块级元素,哪些是行内元素、块级元素块级大多为结构性标记 <address>...</adderss> <center>...</center> 地址文字 <h1>...</h1> 标题一级 <h2>...</h2> 标题二级 <h3>...</h3> 标题三级 <h4>...</h4> 标题四级

2021-06-17 15:28:13 30

原创 启用eslint 后会有 Failed to load config “standard“ to报错的问题

解决办法yarn add eslint-plugin-promiseyarn add eslint-plugin-nodeyarn add eslint-plugin -importyarn add eslint-plugin-standardyarn add eslint-config-standard或者使用 npm 也行

2021-05-30 20:26:53 463

原创 CSS中position属性(sticky)

position的含义是指定位类型,取值类型可以有:static、relative、absolute、fixed、inherit和sticky,这里sticky是CSS3新发布的一个属性。1、position: staticstatic(没有定位)是position的默认值,元素处于正常的文档流中,会忽略left、top、right、bottom和z-index属性。2、position: relativerelative(相对定位)是指给元素设置相对于原本位置的定位,元素并不脱离文档流,因此元素原

2021-05-23 20:36:46 28

原创 VsCode配置ESLint alt+s 自动格式化

ESLint这是VS Code ESLint扩展,将ESLint JavaScript集成到VS Code中。步骤如下1:在vs中安装插件在这里插入图片描述2:在vs中全局或者局部安装eslintnpm install eslint3:配置初始化文件一般在创建项目的时候在根目录就会有.eslintrc.js和.eslintignore文件,如果没有可以自行创建,然后在其中键入以下内容:.eslintrc.js// https://eslint.org/docs/user-guide/con

2021-04-19 21:17:47 49

原创 web前端开发浏览器兼容性

浏览器兼容性问题又被称为网页或网站兼容性问题;不同浏览器内核及所支持的html等网页语言标准不同,不同客户端环境(如分辨率不同)造成实际显示效果未能达到预期理想效果首先我们来看一下目前市面上常见的一些浏览器:ie、chrome、firefox、safari、opera、maxthon、360、qq、yy、uc、sogou、2345、淘宝、猎豹、世界之窗等其中表现很出色的有chrome、firefox、safari等;而表现极差的就是ie6/7内核浏览器了,我们的兼容性工作大半都是围绕这两个浏览器内核展开

2021-04-12 21:12:45 25

原创 如何使用vue-router

在vue-cli手脚架创建vue项目vue create usingrouter等待项目生成。在src的components创建三个文件About.vue<template> <div> <h2>我是关于</h2> <p>我是关于的内容,哈哈哈哈</p> </div></template><script>export default {

2021-03-25 21:16:18 21

原创 Promise对象then方法链式调用

Promise.prototype.then()Promise 实例具有then方法,也就是说,then方法是定义在原型对象Promise.prototype上的。它的作用是为 Promise 实例添加状态改变时的回调函数。前面说过,then方法的第一个参数是resolved状态的回调函数,第二个参数是rejected状态的回调函数,它们都是可选的。then方法返回的是一个新的Promise实例(注意,不是原来那个Promise实例)。因此可以采用链式写法,即then方法后面再调用另一个then方法。

2021-03-25 21:14:49 76

原创 vue-组件化思想

vue-组件化思想注册组件的基本基础:父组件与子组件

2021-03-25 21:14:02 20

原创 微信小程序实现跳转的几种方式

1.使用导航组件,标签,页面链接来实现(可以发现点击时有背景)<view class="btn-area"> <navigator url="../my/my">跳转到新页面</navigator></view>参数如下:2.给页面布局加监听bindtap事件,然后在方法里面,通过wx.navigatorTo来实现跳转(保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面)在my.wxml中加监听bindt

2021-03-25 21:12:38 91

原创 JS数组遍历的6种方法

1、for 遍历数组1.1 for 的普通遍历var name = ['Peter','Stark','Jack'];// for 循环for(var i = 0; i < name.length; i++) { console.log(name[i]);}1.2 for 优化版遍历var name = ['Peter','Stark','Jack'];// 先缓存 name.lengthfor(var i = 0, len = name.length; i < len;

2021-03-25 18:30:23 91 1

原创 字面量创建对象和new创建对象有什么区别,new内部都实现了什么,手写一个new

字面量:字面量创建对象更简单,方便阅读不需要作用域解析,速度更快new内部:创建一个新对象使新对象的__proto__指向原函数的prototype改变this指向(指向新的obj)并执行该函数,执行结果保存起来作为result判断执行函数的结果是不是null或Undefined,如果是则返回之前的新对象,如果不是则返回result手写new//手写一个newfunction myNew(fn,...args){ //创建一个空对象 let obj={} //使空

2021-03-23 20:44:38 108

原创 vue子传父$emit

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc

2021-03-23 20:11:17 32

原创 Vue 中非父子组件间的传值

总线机制非父子之间传值,可以采用发布/订阅模式,这种模式在 Vue 中被称为总线机制,或者叫做Bus / 发布订阅模式 / 观察者模式<div id="root"> <child content="Dell"></child> <child content="Lee"></child></div>Vue.prototype.bus = new Vue() //挂载 bus 属性Vue.c

2021-03-23 19:59:34 35

原创 Vue中props传递参数(父传子)

父组件要正向地向子组件传递数据或参数,子组件收到后,根据传递过来的数据不同,渲染不同的页面内容,或者执行操作。这个正向传递数据的过程是通过props来实现的。子组件使用props来声明需要从父组件接受的数据。注意的:在js中对象和数组是引用类型,指向同一个内存空间,所以props是对象和数组时,在子组件内改变是会影响父组件的。父组件中<template> <div> <HelloWorld :message1="messageToHelloW

2021-03-23 17:01:21 162

原创 vue-loader基础使用方法

vue-loader在main.js内加载在vue文件把:src改成v-lazy使用vue.use()Vue.use(VueLazyLoad,{error:'', //加载失败的图loading:'' //加载中的默认图})官方详细配置文件实现懒加载,使用v-lazy代替src属性<ul> <li v-for="img in list"> <img v-lazy="img.src" > </li></ul&gt.

2021-03-22 22:06:31 71

原创 Fetch是什么?与ajax有什么区别?

Fetch API 提供了一个 JavaScript 接口,用于访问和操纵 HTTP 管道的一些具体部分,例如请求和响应。它还提供了一个全局 fetch() 方法,该方法提供了一种简单,合理的方式来跨网络异步获取资源。这种功能以前是使用 XMLHttpRequest 实现的。Fetch 提供了一个更理想的替代方案,可以很容易地被其他技术使用,例如 Service Workers (en-US)。Fetch 还提供了专门的逻辑空间来定义其他与 HTTP 相关的概念,例如 CORS 和 HTTP 的扩展。

2021-03-22 20:12:06 62

原创 vue中的:key是什么,有什么用?

vue中的:key是什么,有什么用?因为不理解 :key(v-bind:key),网上查了一些的资料,这篇写得非常不错,很简洁清楚。其实不只是vue,react中在执行列表渲染时也会要求给每个组件添加上key这个属性。要解释key的作用,不得不先介绍一下虚拟DOM的Diff算法了。我们知道,vue和react都实现了一套虚拟DOM,使我们可以不直接操作DOM元素,只操作数据便可以重新渲染页面。而隐藏在背后的原理便是其高效的Diff算法。vue和react的虚拟DOM的Diff算法大致相同,其核心是

2021-03-19 22:41:59 168

原创 .v-if与v-show有什么区别?

共同点:v-if 和 v-show 都能实现元素的显示隐藏区别:v-show 只是简单的控制元素的 display 属性,而 v-if 才是条件渲染(条件为真,元素将会被渲染,条件为假,元素会被销毁);v-show 有更高的首次渲染开销,而 v-if 的首次渲染开销要小的多;v-if 有更高的切换开销,v-show 切换开销小;v-if 有配套的 v-else-if 和 v-else,而 v-show 没有v-if 可以搭配 template 使用,而 v-show 不行

2021-03-19 22:23:18 29

原创 axios和ajax区别

axios是通过promise实现对ajax技术的一种封装,就像jQuery实现ajax封装一样。简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。axios代码示例如下:axios({ url: 'http://wwww.xxx.com/user', method: 'get', //method:'post' respon

2021-03-18 22:46:44 19

原创 computed与method的区别

computed调用是属性调用,不需要加括号methods是函数调用,需要加括号<div id="app"> <input type="text" v-model.number='a'> <input type="text" v-model.number='b'> <p v-cloak>结果:{{handle()}}</p> <p v-cloa

2021-03-18 22:26:58 25

原创 extend与component的区别

使用component的案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2021-03-17 23:59:31 42

原创 slot插槽

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--1.插槽的基本使用 <slot></slot>2.插槽的默认值 <slot>button</slot>3.如果有多个值, 同时放入到组件进行

2021-03-17 23:58:26 23

原创 vue条件渲染v-if,v-else简单应用

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例</title> <script src="https://cdn.staticfile.org/vue/2.2.2/vue.min.js"></script></head><body><div id="app">

2021-03-17 16:55:26 20

原创 闭包是什么?

闭包可以用在许多地方。它的最大用处有两个,一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。怎么来理解这句话呢?请看下面的代码。function f1(){    var n=999;    nAdd=function(){n+=1}    function f2(){      alert(n);    }    return f2;  }  var result=f1();  result(); // 999  nAdd(); 

2021-03-17 16:33:30 13

原创 超时调用(setTimeout)和间歇调用(setInterval)有什么区别?

间歇调用间歇调用:每隔指定时间执行相应的代码,直到被取消或者页面卸载。var i=0;var intervalId=null;function A() { i++; if(i>=10){ clearInterval(intervalId) } console.log(i);}intervalId=setInterval(A,1000);上面的代码每隔1s输出一个i值,当i的值到达10时,利用clearInterval取消它的调用。超时调

2021-03-17 16:29:23 87

原创 前端存储主要有哪些方式,有什么区别(sessionStorage,localStorage,cookie)

前端在处理页面数据的时候有时候会存放一些数据在浏览器当中,一般存储在浏览器当中的缓存数据安全性比较低。主要的存储方式如下图:1.localStorage1.存储时间是永久存储。2.大小在5M左右。3.ie低版本或者一些使用无痕浏览器都是不支持的4.存储的是字符串,内容过多时,会消耗内存空间,让页面变卡5.本地存储,不会和服务器有交互代码:// 使用方法存储数据localStorage.setItem("name", "Srtian")// 使用属性存储数据localStorage.

2021-03-17 16:17:47 385 2

简易清晰_网上家电购物网站下载_购物网站毕业设计下载

网上家电购物商城网站,网站主要介绍的商品为家用电器类,页面内容较为丰富的静态的家用电器购物网站

2020-07-27

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除