2 路 西

尚未进行身份认证

我要认证

暂无相关简介

等级
TA的排名 18w+

vue 中 set 与 $set 方法

this.$set(obj, key, value)我们在项目开发的过程中,经常会遇到这种情况:为data中的某一个对象添加一个属性<template> <div class="hello"> <button @click="setMessage">添加属性</button> {{ student.name }} <input type="text" v-model="student.age"> </div

2020-07-08 22:41:50

js 字符串方法详解

1. charAt()作用:通过下标值找到对应的字符。语法:字符串.charAt(index);参数:index:索引值取值范围:0-字符串的length-1,如果超出这个范围,比如小于0或者大于等于length,会返回一个空字符。代码var str='guowei';var a=str.charAt(0);console.log(a);//gvar b=str.charAt(-1);console.log(b);// 空字符串var c=str.charAt(str.length);

2020-07-08 22:33:38

js数组方法大全 详解

JavaScript中创建数组有两种方式使用 Array 构造函数:var arr1 = new Array(); //创建一个空数组var arr2 = new Array(20); // 创建一个包含20项的数组var arr3 = new Array(“lily”,“lucy”,“Tom”); // 创建一个包含3个字符串的数组使用数组字面量表示法:var arr4 = []; //创建一个空数组var arr5 = [20]; // 创建一个包含1项的数组var arr6 = [“

2020-07-08 22:04:59

js 在原型链上添加 16进制 与 10进制 相互转换的方法

近日在做项目需要用到 16进制 与 10进制 相互转换所以就在 原型链上添加了两个方法 以后用起来就比较简单// 在原型上添加16进制转10进制String.prototype.hexadToNum = function() { return parseInt(this, 16)}// 在原型上添加10进制数字转16进制Number.prototype.numTohexad = function() { return '0x' + this.toString(16)}conso

2020-07-08 21:46:03

vue 封装 axios 网络请求

1.创建api文件,在当前目录封装一个request.js文件,配置请求响应的拦截信息/** * @file axios请求封装 */import axios from 'axios'import store from '../store/common'import router from '../router/common'import { Toast } from 'vant'const Axios = axios.create({})// 响应时间Axios.defaults.

2020-05-23 10:08:33

解决 Better-scroll 可滚动区域的bug

Better-scroll 在决定由多少区域可以滚动时 是根据scrollerHeight 属性决定的,scroolerHeight 属性是根据放 Better-scroll的conent中的子组件的高度,但是我们的首页中,刚开始在计算scrollerHeight属性时,是没有将图片计算在内的,所以 , 计算出来的告诉是错误的,后来图片加载完成之后有了新的高度,但是 scrollerHeight 的属性并没有更新,所以就出现了滚动不了的bug**如何解决这个问题呢?**监听每一张图片是否加载完成,只

2020-05-21 14:33:29

Vue权限控制

在Web系统中, 权限很久以来一直都只是后端程序所控制的。为什么呢? 因为Web系统的本质围绕的是数据, 而和数据库最紧密接触的是后端程序.所以在很⻓的一段时间内, 权限一直都只是后端程序需要考虑的 话题.但是随着前后端分离架构的流行, 越来越多的项目也在前端进行权限控制.权限相关概念权限的分类后端权限从根本上讲前端仅仅只是视图层的展示, 权限的核心是在于服务器中的数据变化, 所以后端才是权限的关键, 后端权限可以控制某个用户是否能够查询数据, 是否能够修改数据等操作后端如何知道该请求是哪个用

2020-05-19 22:36:38

前端发起网络请求 返回状态码

状态码含义说明200OK请求成功201CREATED创建成功204DELETED删除成功400BAD REQUEST请求的地址不存在或者包含不支持的参数401UNAUTHORIZED未授权403FORBIDDEN被禁止访问404NOT FOUND请求的资源不存在422Unprocesable entity[POST/PUT/PATCH] 当创建一个对象时,发生一个验证错误500INTERNAL SERV...

2020-05-19 22:14:36

谈谈小程序生命周期函数

onLoad(options) 页面加载时触发,只会调用一次,,在options中可获取路径中的参数。onShow() 页面显示/切入前台时触发,一般用来发送数据请求;onReady() 页面初次渲染完成时触发, 只会调用一次,代表页面已可和视图层进行交 互。onHide() 页面隐藏/切入后台时触发, 如底部 tab 切换到其他页面或小程序切入后台 等。onUnload() 页面卸载时触发,如 redirectTo 或 navigateBack 到其他页面时。...

2020-05-10 21:18:29

vue 中双向数据绑定的原理是什么?

vue 双向数据绑定的原理主要通过数据劫持 Object.defineProperty 和 发布订阅模式实现的,通过 Object.defineProperty 监听数据发生变化然 后通知订阅者(watcher),订阅者触发响应的回调

2020-05-10 15:43:54

为什么避免 v-if 和 v-for 用在一起?

当 Vue 处理指令时,v-for 比 v-if 具有更高的优先级,通过 v-if 移动到容器元素,不会再重复遍历列表中的每个值。取而代之的是,我们只检查它一次,且不会在 v-if 为否的时候运算 v-for。

2020-05-10 15:32:07

http 超文本传输协议

超文本传输协议(HTTP,HyperText Transfer Protocol)是互联网上应用最为广泛 的一种网络协议。所有的 WWW 文件(即超文本文件(Hypertext),是指具有超链接功 能的文件,它可以将文件中已经定义好的关键字(Keyword),经过鼠标的点取 (Click),便可以得到该关键字的相关解释,这种方法使用户使用起来更感舒适。类似于 早期使用的 WIN32 下的 HELP...

2020-05-06 13:50:09

前端项目中图片处理相关的优化,项目中用到的优化方案

1、首先了解在 web 开发中常见的图片有那些格式。JPG 通常使用的背景图片,照片图片,商品图片等等。这一类型的图片都属于大尺寸图片或较大尺寸图片一般使用的是 这种格式。PNG 这种格式的又分为两种 一种 PNG-8,一种 PNG-24。PNG-8 格式不 支持半透明,也是 IE6 兼容的图片存储方式。PNG-24 图片质量要求较高的半透明或全透 明背景,保存成 PNG-24 更合适(为了兼容 ...

2020-05-06 13:34:56

解决页面有大量图片(大型电商网站),加载很慢,优化图片加载,给用户更好的体验

图片懒加载 在页面上的未可视区域可以添加一个滚动条事件,判断图片位置与浏览器顶 端的距离与页面的距离,如果前者小于后者,优先加载。如果为幻灯片、相册等,可以使用图片预加载技术,将当前展示图片的前一张和后一张优先下载。如果图片为 css 图片,可以使用 CSSsprite,SVGsprite,Iconfont、Base64 等技术。如果图片过大,可以使用特殊编码的图片,加载时会先加载一张压...

2020-05-06 13:26:46

获取url中?后的参数 并将他们转换为对象

例如 http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e处理后的参数对象{a:’1′, b:’2′, c:”, d:‘xxx’}function serilizeUrl(url) { var urlObject = {}; if (/\?/.test(url)) { var url...

2020-05-04 23:59:43

已知有字符串 foo=”get-element-by-id”,写一个 function 将其转化 成驼峰表示法”getElementById”。

function combo(msg){ var arr=msg.split("-"); for(var i=1;i<arr.length;i++{ arr[i]=arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].len gth-1); } msg=arr.join(""); retu...

2020-05-04 23:54:19

用 js 实现随机选取 10–100 之间的 10 个数字,存入一个数组,并排序。

function randomNub(aArray, len, min, max) { if(len >= (max - min)) { return '超过' + min + '-' + max + '之间的个数范围' + (max - min - 1) + '个的总数';} if(aArray.length >= len) { aArray.sort(fu...

2020-05-04 23:49:47

用 JavaScript 实现冒泡排序

//升序算法 function sort(arr){ for (var i = 0; i <arr.length; i++) { for (var j = 0; j <arr.length-i; j++) { if(arr[ j]>arr[ j+1]){ var c=arr[j];//交换两个变量的位置 arr[j]=a...

2020-05-04 23:45:01

js 实现数组去重 并且从小到大排序

function fn(arr){ // 先实现冒泡排序 for (var i = 0; i < arr.length-1; i++) { for (var j = 0; j < arr.length-1-i; j++) { if(arr[ j]<arr[ j+1]){ var temp = arr[j]; arr[ j]=arr[ j+...

2020-05-04 23:43:18

node.js 连接 mysql 数据库的 基本操作

安装mysqlcnpm i mysql -S创建一个js文件const mysql = require('mysql');// 建立数据库连接const connection = mysql.createConnection({ host: 'localhost', //主机地址 (默认:localhost) user: 'root', // 数据库用户名 passwo...

2020-05-03 14:01:33

查看更多

勋章 我的勋章
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。