DingGeYiSheng-CSDN博客

原创前端 canvas互动画板demo实现

所用技术栈express.js+scoket.io+fabric.js(canvas库)实现功能1.画板基本功能，直线，箭头，圆形，矩形，橡皮，清空画板，上一步，下一步2.画板轨迹的同步。（场景：上课老师与学生通过画板互动）3.画板轨迹回放。（场景：用户回放相关需求）DEMO GIT展示DEMO Github地址...

2020-07-27 15:17:21 1115

准备工作1.nginx下载与安装2.express.js脚手架的初始化1.niginx的配置1.安装好nginx后在对应的文件夹下找到C:\Users\asus\Desktop\nginx-1.18.0\nginx-1.18.0\conf\nginx.conf文件；2.如图进行配置3.修改配置项后，一定记得重启nginx2.使用express启动服务不会express.js启动服务的，请自行百度相关教程。3.实现反向代理的效果错误示范1.启动本地服务直接请求接口当你直接使用loc

2020-06-08 16:06:58 179

原创在同一个浏览器上打开同一个网址只打开一个窗口的方法

方法1：window.open()window.open(url,name)//1.name为必传参数，不传会默认值为_blank - URL加载到一个新的窗口//2.经实践必须传字符串，传数字是无效的//3.这个方法有个缺点，会导致已经打开的页面刷新方法2： function aa(url, name) { var win win = window.open('', name) try { if (win.locati

2020-06-05 10:53:22 1721

原创 Nuxt.js框架引入第三方插件出现window/document/ navigator未定义问题

方案一：Nuxt.js官方提供解决方案为在nuxt.js提供的脚手架项目目录中找到nuxt.config.js文件步骤1如图所示步骤2如图所示在需要使用的.vue文件中采用require方式引入三方库步骤三如图所示在具体使用三方库时添加如下代码方案二：已swpier.js为列1.在nuxt.js提供的脚手架项目目录中找到plugins文件(没找到创建该文件夹即可，名字需保持一致)2.在plugins下创建swiper.js文件，文件代码如下import Vue from 'vue'

2020-06-05 10:41:31 2421

原创 H5中遮罩层弹出后，禁止页面滚动方案

#解决方案代码如下<style> .mask{ positon:fixed; top:0; bottom:0; left:0; right:0; background:rgba(0,0,0,0.2) }</style><div class='mask'> <div> <p>确定执行XXX操作吗？&l...

2020-04-13 15:54:54 1116

原创前端点击手机HOME键、浏览器自带回退上一页按钮、返回指定页面解决方案

##业务场景例如###实际效果我的中心页面–》地址列表页面–》修改地址页面–》点击保存–》地址页表页面–》地址列表页点击返回上一页按钮–》返回修改地址页面###期望效果我的中心页面–》地址列表页面–》修改地址页面–》点击保存–》地址页表页面–》地址列表页点击返回上一页按钮–》我的中心页面##解决方法在地址列表页面写入如下JS代码//已上述列子为参考// 1.添加、激活一个历史记录条...

2020-04-03 16:14:48 1282 2

原创 H5、IOS点击延迟问题解决方案以及zepto.js基本使用

H5、IOS点击延迟问题解决方案以及zepto.js基本使用解决方法：引入zepto.js使用zepto.js的tap事件即可解决H5中IOS点击延迟的问题。zepto.js基本使用注意：1.zepto.js官网只提供了zepto.js的下载。需要使用tap事件还需要引入touch.js与event.js。2.zepto github地址点击对应链接复制相关JS即可3.zep...

2020-04-03 15:40:17 458

DingGeYiSheng的博客