自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 JavaScript深拷贝之递归方式

使用递归的方式进行对象(数组)的深拷贝。

2022-08-03 16:34:43 120

原创 js自动生成手机扫描二维码就可以实现自动下载apk的二维码

js自动生成手机扫描二维码就可以实现自动下载apk的二维码js自动生成手机扫描二维码就可以实现自动下载apk的二维码代码如下:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko..

2021-03-11 10:18:59 405

转载 微信小程序实现下拉刷新

本文将简单介绍如何实现微信小程序的下拉刷新将要使用的api:wx.showNavigationBarLoading(Object object)wx.showLoading(Object object)wx.hideLoading(Object object)wx.hideNavigationBarLoading(Object object)wx.stopPullDownRefresh(Object object) wx.request(Object object) //刷新

2020-12-21 08:43:04 219

转载 微信小程序基础学习笔记

一、微信小程序简介1、微信小程序,小程序的一种,英文名Wechat Mini Program,是一种不需要下载安装即可使用的应用,它实现了应用触手可及"的梦想,用户扫一扫或搜一下即可打开应用。2、微信小程序,之前叫应用号,2017年正式上线3、学习微信小程序之前,强烈建议先学习vue.js,学了之后再学超级快4、微信小程序优点:微信有海量用户,且粘性很高,在微信里开发产品更容易触达用户推广app或公众号的成本太高开发适配成本低容易小规模试错,然后快速迭代跨平台二、微信小程序环境..

2020-12-01 10:29:47 276

转载 JSON文件[“USINGCOMPONENTS“][“VAN-BUTTON“] 未找到

错误信息.json: [“usingComponents”][“van-button”] 未找到或者.json: [“usingComponents”][“van-button”]: “path/to/vant-weapp/dist/button/index” 未找到解决右击在外部命令行打开执行npm init一路回车确定npm install --production然后执行npm i vant-weapp -S --production -verbose点击菜单栏–》..

2020-12-01 10:28:01 2875 1

转载 如何在微信小程序开发中正确的使用vant ui组件

微信小程序终于可以支持npm导入第三方库了(https://developers.weixin.qq…),但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲解如何导入npm资源。第一步:在小程序工程的根目录下执行:npm i vant-weapp -S --production第二步:保证当前你的微信开发者工具是最新版本,然后点击执行“构建npm“构建成功后会提示:同时项目根目录中会多出一个目录“miniprogram_npm”,这个就..

2020-12-01 10:26:36 232

转载 解决父元素display:flex布局下的子元素宽度无效问题

因为设置了display: flex; 导致block布局变成了flex布局, 所以在子元素宽度没有被撑破的情况下,子元素宽度是有效的,但是当子元素内容过多,此时宽度会比实际宽度小,所以如果想要在已经设置了flex布局的基础上,再进行子元素宽度的设置,可以应用下面的样式:(在该子元素上设置)width: 120px;flex-shrink: 0; // 子元素不进行收缩...

2020-11-12 09:09:18 326

转载 如何使用纯css实现移动端列表横向滑动

利用display:-webkit-box来实现移动端横向滑动列表<!DOCTYPE html><html><head> <title>横向滑动</title> <style type="text/css"> .slide-box{ margin-top: 200px; height:35px; //-------------.

2020-11-11 21:54:17 301

转载 导航下拉菜单被遮住或显示不全问题所在和解决办法(z-index)

一、导航下拉菜单被遮住,那是因为层叠关系错误我们必须理解层叠关系满足的2个条件:1、必须是同级;2、二者分别设定了position:relative 或 absolute 或 fixed;这时候通过设置z-index才有效看看我们比较常见的网页布局:html:<!-- 头部 --><div class="header"> <div class="nav"> <ul class="mNav">

2020-10-26 11:21:55 2528

原创 CSS文本垂直居中的几种方法

观看更佳-点击前往一、单行文本的居中1.文字水平居中<div class='box' style="text-align: center;">hello world</div>2.文本垂直水平居中<div class="box2" style="width:150px;height:100px;line-height: 100px;">文本垂直水平居中</div>二、多行文本的垂直居中通过verticle-align:middle实现CS.

2020-10-12 09:07:28 11689 1

转载 常见jquery面试题

jQuery 面试问题和答案  JavaScript 是客户端脚本的标准语言,而 jQuery 使得编写 JavaScript 更加简单。你可以只用写几行的jQuery 代码就能实现更多的东西. 它是最长被用到的 JavaScript 库之一,并且现在已经很少有不用jQuery 而使用原生 JavaScript 的新项目了。这对于作为一个 Java web 开发者的你而言意味着你会在一场Java web开发面试中发现许多jQuery的面试问题.早些时候,绝大部分都是 HTTP, HTML, CSS 以及

2020-09-09 09:13:02 380

原创 报错:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and

文章首发观看更佳报错:Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selector官网给出的解释是:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html组件样式组件对应 wxss 文件的样式,只对组.

2020-08-30 14:36:08 6479

原创 98% after emitting CopyPlugin vueCli 卡住错误解决

问题:跑项目中发现这个问题,卡在这里,也不报错,就是服务不运行,重置也不好使,还是卡在 98%解决方法:检查了一下,原来是引入模块的时候没有写路径:我承认我马虎了????其他情况当你引入图片的时候,没有写路径,也会卡在98% after emitting CopyPlugin vueCli 那里。请大家一定要认真!!!...

2020-08-21 21:23:09 1151 1

原创 如何使用nginx将Vue项目在Window下部署

文章首发观看更佳官方网站:https://nginx.org1、下载nginxmainline version:最新稳定版本,生产环境下建议使用的版本。下载并解压,解压文件夹不能包含中文。双击nginx.exe 启动接口,在浏览器中输入 localhost 看到下面内容就说明安装成功了2、使用nginx将我们打包的项目放到 nginx 中。我们将dist中的文件全部放到 nginx中的html 文件夹中然后在我们浏览器中输入localhost 就能看到我们部署的项目了

2020-08-21 19:59:29 150 1

原创 使用jsdelivr访问github资源,为hexo站点提提速。

-----文章首发------一、新建github库并使用git上传首先访问https://github.com 新建自己的库之后使用 git 上传到github下载git : https://git-for-windows.github.io/1.本地新建一个文件夹2.进入文件夹,点击鼠标右键,选择git bash here3.然后在窗口输入 git init4.复制地址 :5.输入 git remote add origin 加上 你刚刚复制的路径6.输入 git pull .

2020-08-19 20:59:53 340

转载 详解html中 offsetTop、clientTop、scrollTop、offsetTop 的各属性

观看更佳:— 传送门 —scrollHeight:获取对象的滚动高度 — 传送门scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 — 传送门scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 — 传送门scrollWidth:获取对象的滚动宽度 — 传送门offsetHeight:获取对象相对与版面或由父坐标offsetParent属性指定的父坐标的高度 —传送门offsetLeft:获取对象相对于版面或由off.

2020-08-16 18:29:28 367

原创 VUE中v-for为什么要加key

文章首发,观看更佳。— 传送门 —我们先来举个栗子????:如果我们不加key: <div id="app"> <div> <input type="text" v-model="name"> <button @click="add">添加</button> </div> <ul> <li v-for=" item in list">

2020-08-16 18:25:34 713 3

原创 使用jsdelivr访问github资源,为hexo站点提速

jsdelivr 官网:传送门一、新建github库并使用git上传首先访问https://github.com 新建自己的库之后使用 git 上传到github下载git : https://git-for-windows.github.io/1.本地新建一个文件夹2.进入文件夹,点击鼠标右键,选择git bash here3.然后在窗口输入 git init4.复制地址 :5.输入 git remote add origin 加上 你刚刚复制的路径6.输入 git pull .

2020-08-15 20:43:50 129

原创 Vue之axios详解

观看更佳:传送门为什么选择axios????? 功能特点:  ????在浏览器中发送 XMLHttpRequests 请求  ????在 node.js 中发送 http请求  ????支持 Promise API  ????拦截请求和响应  ????转换请求和响应数据axios 的请求方式???? 支持多种请求方式:  ???? axios(config)  ???? axios.request(config)  ???? axios.get(url[, config])  

2020-08-14 21:15:17 387

原创 Vue 之 better-scroll 详解

观看更佳:传送门better-scroll 是什么better-scroll 是一款重点解决移动端(已支持 PC)各种滚动场景需求的插件。它的核心是借鉴的 iscroll 的实现,它的 API 设计基本兼容 iscroll,在 iscroll 的基础上又扩展了一些 feature 以及做了一些性能优化。better-scroll 是基于原生 JS 实现的,不依赖任何框架。它编译后的代码大小是 63kb,压缩后是 35kb,gzip 后仅有 9kb,是一款非常轻量的 JS lib。起步学习使用.

2020-08-14 21:13:27 11115 4

转载 详解vue生命周期

观看更佳:传送门vue生命周期介绍首先,每个Vue实例在被创建之前都要经过一系列的初始化过程,这个过程就是vue的生命周期。首先看一张图吧~这是官方文档上的图片相信大家一定都会很熟悉:可以看到在vue一整个的生命周期中会有很多钩子函数提供给我们在vue生命周期不同的时刻进行操作, 那么先列出所有的钩子函数,然后我们再一一详解:beforeCreatecreatedbeforeMountmountedbeforeUpdateupdatedbeforeDestroydestro.

2020-08-14 21:10:22 60

原创 css特效之流光按钮

话不多说 ,直接上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&g

2020-08-14 21:07:27 447

原创 Vue项目中文件路径问题

Vue项目中文件路径问题在我们写Vue项目中的时候,路径是很令人苦恼的东西,比如:src 引入资源的时候 <img slot="item-icon-active" src="./assets/imgs/tabbar/profile_active.svg" alt="">比如: 引入一些组件的时候import TabBerItem from './components/tabber/TabBerItem'等等。。。当我们要去移动这些文件,或者复用某个组件的时候,那么对于路径问题,

2020-08-02 21:27:42 1519

原创 什么是前端渲染和后端渲染,前端路由和后端路由。

—文章首发—什么是前端渲染和后端渲染,前端路由和后端路由。视频讲解后端渲染:服务器直接生产渲染好对应的HTML页面, 返回给客户端进行展示。比如:jsp页面好处:前端耗时少,即减少了首屏时间,模板统一在后端。前端(相对)省事,不占用客户端运算资源(解析模板)坏处:占用服务器资源。前端渲染浏览器中显示的网页中的大部分内容,都是由前端写的 js 代码在浏览器中执行,最终渲染出来的网页。也可以怎么说:后端返回JSON数据,前端利用预先写的html模板,循环读取JSON数据,拼接字符串,并.

2020-07-30 22:24:29 530

原创 关于setInterval和setTImeout中的this指向问题

问题:setInterval和setTimeout中传入函数时,函数中的this会指向window对象我们先来看一个例子:var num = 0;function Obj (){ this.num = 1, this.getNum = function(){ console.log(this.num); }, this.getNumLater = function(){ setTimeout(function(){

2020-07-30 09:04:18 136

原创 Vue-cli3和Vue-cli4打包 npm run build 路径错误解决办法(亲测管用)

–Vue-cli3打包 npm run build 路径错误解决办法我们用vue-cli搭建的项目执行npm build后本地打开页面空白,如何才能查看npm run build之后的结果呢。我们先看一下提示信息: Tip: built files are meant to be served over an HTTP server. Opening index.html over file:// won't work.这段话的意思就是说:构建文件务必放在一个HTTP服务器。直接打开i.

2020-07-29 21:54:20 1539

原创 Vue CLI 中 Runtime-Compiler和Runtime-only的区别

—文章首发—在我们初始化vue项目的时候,会让我们选择 Runtime-Compiler 还是 Runtime-only 。那我们就来看一下他们有什么区别Runtime-Compiler:编译器版本。Runtime-only:运行时版本。如果你需要在客户端编译模板(例如,向 template选项传入一个字符串,或者需要将模板中的非DOM的HTML挂载到一个元素),你需要带有编译器的版本,因而需要完整构建版本。// 这种情况需要编译器new Vue({ template:`<div.

2020-07-29 16:46:20 182

原创 报错‘webpack-dev-server‘ 不是内部或外部命令,也不是可运行的程序 或批处理文件。

—文章首发—在我们初始化Vue项目的时候,有时候会碰到’webpack-dev-server’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。解决方案:方案一:看看自己的项目里面是否有node_modules文件夹,1、如果没有就尝试执行npm install,这是因为缺少依赖包。2、如果有就将这个node_modules文件夹删掉,重新执行npm install,等待安装完之后,再次运行“npm run dev”,有些人的是马上就可以了,然而往往还会有人(譬如我)仍然报类似的错误,.

2020-07-29 16:00:39 3249

原创 【Vue,webpack】报错解决(Module parse failed: Unexpected token (1:0) You may need an appropriate loader)

错误如下:webpack默认是不能处理vue文件,所以只能我们自己添加一些额外的插件进行处理它。解决方式:第一步:安装插件cnpm i vue-loader vue-template-compiler --save-dev 第二步:在webpack.config.js添加如下配置: module: { rules: [ { test: /\.vue$/, use: { loader:

2020-07-28 16:23:37 10535 2

原创 webpack打包文件,在引入其他的文件时,省略文件的后缀名

文章首发------------当我们在使用webpack打包vue,我们需要引入一下文件的时候,会这样写有时候我们不想写文件的后缀名,可以进行如下配置resolve: { // 配置 省略文件后缀名 extensions: ['.js', '.css', '.vue'], },这样我们就不用写文件的后缀名啦文章首发------------...

2020-07-28 15:58:47 749

原创 javascript 分号结尾的问题

一定要使用分号的情况分号不只是语句结尾使用,在某些语法中,具有分隔表达式或语句的作用:for 中的表达式之间:for(var i=0;i<10;i++)同一行使用多个表达式:// example 1var i=0; i++// example 2case 'foo': dosomething(); break以 [ ( 开头的行,这是一种特殊的风格,用来防止解析器或者压缩工具误认为某行和上面几行在一起解析,造成代码执行结果错误,还有 IIFE(立即执行函数表达式)这种

2020-07-26 19:47:32 345

原创 总结了一些很实用值得收藏的站点

目录VR相关个人站点人工智能优秀网站创意十足图标库在线工具在线简历官方网站数据分析工具炫酷特效社区素材下载视频学习配色方案静态资源库音效素材库Hove特效Wordpress值得收藏电子书网站导航资源下载边学边玩VR相关站点名称描述标签VR网站仓库汇集了国外涉及到VR的大部分知名网站VR、网站导航个人站点站点名称描述标签10081677wc字节跳动公司某前端员工的博客博客、字节跳动、前端.

2020-07-19 14:18:51 8072 7

原创 webpack详细配置

webpack详细配置????webpack详细配置之entryentry: 入口起点 1. string --> './src/index.js' 单入口 打包形成一个chunk。 输出一个bundle文件。 此时chunk的名称默认是 main 2. array --> ['./src/index.js', './src/add.js'] 多入口 所有入口文件最终只会形成一个chunk, 输出出去只有一个bun

2020-07-17 14:57:01 117

原创 webpack 性能优化

webpack 性能优化HMR (针对开发环境下)HMR: hot module replacement 热模块替换 / 模块热替换作用:一个模块发生变化,只会重新打包这一个模块(而不是打包所有模块)极大提升构建速度 1、样式文件:可以使用HMR功能:因为style-loader内部实现了~2、js文件:默认不能使用HMR功能 --> 需要修改js代码,添加支持HMR功能的代码if (module.hot) { // 一旦 module.hot 为true,说明开启了HM

2020-07-17 14:56:21 112

原创 webpack生产环境的基本配置

webpack生产环境的基本配置????1.1 提取 css 成单独文件1、下载安装包2、下载插件 并且引入npm install mini-css-extract-plugin -D3、 修改配置文件 我们仍然需要注意路径。const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');//引入mini-css-extract-pluginconst Mini

2020-07-17 14:55:25 177

原创 webpack 开发环境的基本配置

文章目录1. webpack 初体验1.1 初始化配置1.2 编译打包应用2. webpack 开发环境的基本配置2.1 创建配置文件2.2 打包样式资源2.3 打包 HTML资源2.4 打包图片资源2.5 打包其他资源2.6 devserver2.7 开发环境的配置1. webpack 初体验1.1 初始化配置初始化 package.json输入指令:npm init下载并安装 webpack输入指令:npm install webpack webpack-cli -g

2020-07-17 14:54:13 193 1

原创 Git操作——简单可直接食用

个人博客链接:https://aqingya.cn/文章目录Git命令行操作1.1本地库初始化1.2设置签名1.3基本操作1.3.1 状态查看1.3.2 添加1.3.3 提交1.3.4 查看历史记录1.3.5 前进后退1.3.6 reset的三个参数比较1.3.7 删除文件并找回1.3.8 文件差异比较1.3.9 git stash2.2 分支管理2.2.1 什么是分支管理2.2.2 分支的好处2.2.3 分支操作2.2.4 解决冲突Git 结合Github1.1 创建远程库地址别名1.2 推送1.3 克

2020-07-13 16:28:34 189

原创 JavaScript基础面试题

文章目录1、 介绍JavaScript的基本数据类型2、 说说写JavaScript的基本规范?3、 jQuery使用建议4、 Ajax使用5、 JavaScript有几种类型的值?你能画一下他们的内存图吗?6、 栈和堆的区别?7、 Javascript实现继承的几种方式8 、Javascript创建对象的几种方式?9、Javascript作用链域10、 谈谈this的理解11、 eval是做什么的?12、 什么是window对象? 什么是document对象?13、 null,undefined的区别?1

2020-07-11 22:44:54 107

原创 node.js系列之简单操作

nodejs – 简单读写文件浏览器中的 JavaScript 是没有文件操作的能力的但是 Node 中的 JavaScript 具有文件操作的能力fs 是 file-system 的简写,就是文件系统的意思在 Node 中如果想要进行文件操作,就必须引入 fs 这个核心模块在 fs 这个核心模块中,就提供了所有的文件操作相关的 API例如:fs.readFile 就是用来读取文件的读取文件第一个参数就是要读取的文件路径第二个参数是一个回调函数 成功 data 数据

2020-07-11 12:27:32 76

原创 常用API接口集合

常用API接口集合 ????????不知道叫啥的api-------知道了,叫博天api 在线接口测试在线格式化JSNO工具天气预报代码_天气预报插件_免费天气预报代码(插件)调用——天气网今日诗词 - 一言API博客参考–获取必应每日壁纸(api)获取网易新闻请求方式:POST请求地址:https://api.apiopen.top/getWangYiNews腾讯新闻接口请求方式:POST请求地址:https://pacaio.match.qq.com/

2020-07-04 23:15:46 393

Hadoop3.1.2安装手册.pdf

大数据安装平台详细步骤。Hadoop3.1.2安装手册。

2020-05-23

空空如也

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

TA关注的人

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