随笔分类 - 前端开发
摘要：Three.js是一款webGL框架，由于其易用性被广泛应用。Three.js在WebGL的api接口基础上，又进行的一层封装。 用最简单的一句话概括：WebGL和Three.js的关系，相当于JavaScript和Jquery的关系。 功能概述： Three.js作为WebGL框架中的佼佼者，由于
阅读全文
摘要：live-server是可以运行前端静态文件的一个服务器，既然我们要前后端分离，所以就需要单独将html代码运行起来，这里我们选择live-server，等到后边真正部署的时候在用nginx 1. live-server安装 1 .要想安装live-server，我们需要首先先安装nvm： 1 cu
阅读全文
摘要：正则表达式梳理 ^ 开始 $ 结束 邮箱（限制格式） var a2 = /^[0-9]{9}@[a-z]{2}\.[a-z]{3}$/a2.test('844271163@qq.com') 手机号(11位数字) var a3 = /^[0-9]{11}$/a3.test('13266556733')
阅读全文
摘要：参考链接 相比以前jquery的资料，vue的甘特图插件少很多，中文资料更是少的可怜，以下两个链接是在网上搜到相对还不错的甘特图插件 https://www.cnblogs.com/liang715200/p/12029640.htmlhttps://github.com/neuronetio/vu
阅读全文
摘要：现在仅需增加以下一行魔法 CSS： html[theme='dark-mode'] { filter: invert(1) hue-rotate(180deg); } 这个方法的唯一缺点是，它还会反转应用程序中的所有图像。 因此，我们将对所有图像添加相同的规则，以逆转效果。 html[theme='
阅读全文
摘要：常见快捷输入符：```js dsajdhjas const = 121 ``` ```css .class { height:10px; } ``` ```html <div>wjedewdhjewhsjh</div> ``` :::tip dwjjwhdj ::: :::warning adjsj
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> .box{ width: 100px; height: 100px; background-color: red;
阅读全文
摘要：JS只能输入数字，数字和字母等的正则表达式 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D
阅读全文
摘要：阿里云远程服务器桌面及上传文件教程： 步骤一： 在本地电脑上，快捷键“WIN+R"打开“运行”中输入“mstsc”，点击确定 步骤二： 在“远程桌面连接”框点击“显示选项”展开 步骤三： 在展开的“远程桌面连接”窗口，点击“本地资源” 计算机中输入阿里云ECS云服务器的IP地址 步骤四： 点击“详细
阅读全文
摘要：今天遇到后台返回的json字符串转对象时报错了，发现有个textarea提交的字段里有换行符。 错误原因：JSON.parse转json字符串时遇到一些特殊字符需要先转义，如图所示 可以用str.replace(/\n/g,"\\\\n")转义,'\\'转成单个'\','\\n'转成'\n',最后转
阅读全文
摘要：话不多说直接上demo： html： css： js： screenfull.js video.js jq就不贴出来了，就是这么简单，搞定！
阅读全文
摘要：1、console.log的特殊用法： 添加%c特殊符号即可打印出样式 console.log("%c djsakiasjdkasjdkjas","font-size:60px;color:#999;font-weight:bold") 2、生成随机颜色 // 生成随机十六进制代码 如：'#c618
阅读全文
摘要：近些年移动端的强势崛起，导致移动端适配越来越重要，个人之前一直使用的是rem进行适配，但是发现并不是非常完美，给力的是大漠老师写了一篇《如何在Vue项目中使用vw实现移动端适配》，比较完美的解决了适配问题，下面是自己动手搭建后的一些整理。 创建项目 //vue-cli 3.0+ 版本 vue ini
阅读全文
摘要：>>面试总结 面向对象好处： 扩展好，继承好 #递归 函数自己调用自己 #数组扁平化 将二维及多维数组转成一维数组 let arr1=[1,2,3,4,[8,9,7,[11,22]],22,11]; console.log(arr1.flat(Infinity)) //Infinity 无穷 let arr2 = [1,2,{x:1,y:2},3]; console.log(arr2.flat(I
阅读全文
摘要：>ES6扩展： #Map和Set是es6标准新增的数据类型 ##Map是key-value（关键字-值），Map允许修改value，不允许修改key，Map支持下标操作 var m = new Map([['zhangsan',20],['lisi',25],['wangwu',19]]); m.get('lisi') //25 ##Set是key（关键字），Set的迭代器是const，不允许修改
阅读全文
摘要：如下是我写的demo源码： 如上源码动画轨迹： 向右移动 向下移动 变高 向上移动--向下移动 向上移动 （移动时间可自己控制）
阅读全文
摘要：文档传送门：https://github.com/EthanOrange/wechat-redirectdemo： http://wxredirect.jslab.fun/call-app
阅读全文
摘要：<html> <head> <script type="text/javascript"> // 页面监听js报错问题 onerror=handleErr var txt="" function handleErr(msg,url,l) { txt="本页中存在错误如下：\n\n" txt+="错误：" + msg + "\n" txt+="URL: " + url + "\n" txt+="行：
阅读全文
摘要：一、创建websocket.js文件 步骤： 1、创建websocket.js文件，复制如下代码； 2、安装nodejs-websocket依赖； 3、该文件夹下命令行执行 node websocket.js; 二、创建websocket.html页面 当终端看到如图所示时，即可测试demo了 打开
阅读全文
