lin_a_qing-CSDN博客

原创 vue 打包后 nginx 请求映射

vue项目配置打包后，设置的 devServer 失效，需要使用 nginx 来映射地址安装环境 nginx将打包后的 dist 文件放到 nginx 目录下的 html 中在 nginx 目录下 conf/nginx.conf 进行配置server { # 监听端口号 listen 8888; # 访问地址 server_name localhost; location / { # 文件入口 root html;

2021-04-20 14:31:24 466

原创 jQuery 实现滚动显示进度

这个有点像看漫画时左下角显示的当前第几页效果图：第一步引入 jQuery安装的话你们找找看吧，不能太懒实现原理（我自己想的，可能别人跟我不一样）所有图片都是垂直向下的，跟在看漫画一样。在图片加载的时候，拿到图片的高度，将图片当前的高度跟前几个高度加在一起后在放到数组中，因为图片垂直向下，我们要根据 scrollTop 滚动条的高度来判断这是第几张图片，所以需要不断增加。下面看代码：$(function(){ // 设置当前元素的高度跟视图高度一致 let h = this.$

2021-04-16 17:43:24 293

原创 nodejs 实现 socket.io服务器与客户端实时交互

nodejs实现socket.io功能前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不

2021-01-01 23:20:58 1063

原创 ngrok 搭建外网映射访问本地文件

内网穿透：一般是本地web项目能被外网访问。在学习过程中，难免会想把自己学习的成果发给别人观赏，这时，如果不打算花钱就要把文件打包发给朋友，或者有钱的可以买域名和服务器，像我这种穷比只能想着怎么白嫖。下面介绍一种 ngrok 内网穿透。第一步cmd 打开命令行输入 npm install http-server -g 安装成功后命令行进入想要访问的目录，输入 http-server目录下必须要有 index.html 文件，不然打开网站就是显示路径文件第二步下载软件 https://w

2020-12-15 20:52:56 580

原创 Gulp4.0 构建任务（执行多个任务）

const {task, series, parallel} = require('gulp');task('default', series(parallel('htmlmin', 'cssmin', 'less','copy')));

2020-12-11 23:34:17 716

原创 js中三种创建元素的区别

小知识：下面用 innerHTML 和 document.createElement()来创建元素，测试一下哪个效率比较好 <div class="box"> </div> <script> // 效果1：测试用innerHTML 来创建元素并显示到页面需要用到的时间 // 将当前时间转换成时间戳（毫秒，从1970年到现在） var d1 = +new Date(); var

2020-11-12 16:55:12 119

原创原生js——点击图片放大预览

目的：点击图片时发大预览效果html：<body id="app"> <div class="row" id="video"> <div class="col-xs-12 col-sm-3 image center-block"> <img src="./images/feedback/01.jpg" alt="" /> </div> <div class="col-xs-12 col-sm-3 image"&

2020-07-03 23:33:53 3906

原创正则表达式——自动填写收货地址

这个是写微信小程序的时候，新建收货地址时，做的地址智能填写 let name = ""; //姓名 let number = ""; //手机号码 let address = ""; //地址 // 省市区 let shiqu = /(..省)(..市)(..区)/g; // 手机号码 let iphone = /^1[345678]\d{9}$/; //只要能区分地址和手机号码剩下的就是名称

2020-07-03 22:40:54 2483

原创 Cordove+vue-cli项目打包

Cordove+vue-cli项目打包成app首先，需要先安装Node模块忘了怎么安装了，这个自行百度吧关于vue-cli的安装还是百度吧，百度一下你就知道。先打包，有问题再设置，打包命令在下面。出现白屏的话，应该是文件路径错误，需要配置里面的config/index.html几经波折后，看网上教程弄的，如果上面方法打包后无法显示内容的话，就换下面另一种方法，只需要这样assetsPublicPath: ‘./’,里面的内容就会显示了，但是如果设置了本地代理的话，可能会报错。也有一种情况，就

2020-06-21 23:31:27 380

lin_a_qing的博客