- 博客(22)
- 资源 (3)
- 收藏
- 关注
原创 SourceMap基本使用
SourceMap 使用教程一、前言在前端的工作中主要是用来解决以下三个方面出现的 debug 问题: a. 代码压缩混淆后 b. 利用 sass 、typeScript 等其他语言编译成 css 或 JS 后 c. 利用 webpack 等打包工具进行多文件合并后上面三种情况,我们在调试时都是没办法像调试源码般轻松,这就需要 SourceMap 帮助我们在控制台中转换成源码,从而进行 debug 。二、概念SourceMap 其实就是一个存储源代码与编译代码对应位置映射的信息文件
2020-09-07 17:06:26 1775
原创 js中if else的可替代语句
引言在JavaScript开发中,条件判断语句 if else 的使用频率还是很高的这里我们在某些特定场景为大家额外提供一种其他的思路。一、|| 二元逻辑运算符在函数定义时,常有若函数调用未提供参数则使用默认值的情景,当然我们可以使用if else来解决这个问题:function fn(a) { if(!a){ a = 'test'; };};有没有更优雅的去除做法呢?当然,我们可以使用 || 运算符来实现,如下:function fn(name) {
2020-05-26 14:48:06 3422 1
原创 html转换成AST
html转换成AST前言前段时间,面试了一家公司,面试官抛来一个题目,输入: let str ="<div><span>tests</span></div>"输出 : { tag: 'div', children: [ { tag: 'span' }, ],}下意识想到这个要考我html转a...
2020-04-27 11:32:46 1836 3
原创 vs code代码格式化及保存格式化
vs code格式化代码快捷键 Windows :Shift + Alt + F Mac :Shift + Option + F Ubuntu: Ctrl + Shift + Ivs code保存时自动格式化文件 >>>>【首选项】>>>>>【设置】;搜索emmet.include;在settings.json下的【...
2020-04-11 13:42:33 2548
原创 CSS变量和var()函数的应用
CSS变量var的应用前言今天晚上看youtube,无意间看到他页面的css代码,如下图 ⬇️提出图中画圈的css代码img.yt-img-shadow { display: block; margin-left: var(--yt-img-margin-left, auto); margin-right: var(--yt-img-margin...
2020-04-11 00:04:28 1699
原创 js中的柯里化、偏函数、Thunk
前言柯里化,偏函数,Thunk这三个概念很相似的,今天就来看看有哪些区别。柯里化(Currying)把一个多参数的方法,改造成可以接受单一参数的方法,并返回接受剩余参数的新函数。实现:function curryingHelper(fn, args) { let length = fn.length; args = args || [] return functio...
2019-10-24 16:25:19 830
原创 docker本地部署gitLab
docker本地部署gitLab使用Docker部署gitLab容器使用Docker部署gitLab容器拉取gitLab镜像docker pull gitlab/gitlab-ce创建容器外部存储空间,文件创建位置自选mkdir -p ~/.docker/gitlab/config ~/.docker/gitlab/log ~/.docker/...
2019-09-29 15:49:26 383
原创 Yapi环境部署
Yapi环境部署什么是YapiYapi 的功能特性使用Docker部署Yapi容器一、Docker安装二、使用Docker创建Yapi容器三、容器中部署安装Yapi注意点什么是YapiYApi 是高效、易用、功能强大的API管理平台,旨在为开发、产品、测试人员提供更优雅的接口管理服务官网:https://yapi.ymfe.org/,Yapi 的功能特性权限管理扁平化权限设计,即保证...
2019-09-24 11:56:09 4819
原创 VSCode设置中文语言显示
Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),那么如何将其显示语言修改成中文了?1)打开vscode工具;2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“ configure display language”,点击确定后;3)修改locale.json文件下的属性“locale”为“zh-CN”;4)重启vscode工具;如果重...
2018-11-16 14:15:43 963
原创 Vue+Element动态生成新表单并添加验证
我们有这样的需求,表单中默认有一条信息,用户可以再添加新的属性信息,这时候我们就需要用到动态表单,然后还添加动态验证规则。 &lt;el-form :model="formData3" :inline="true" ref="formData3" label-width="65px" size="medium"
2018-11-15 15:44:14 18156 18
原创 WebGL的坐标系统(笔记5)
由于WebGL处理的是三维图形,所以它使用的是三维坐标系统(笛卡尔坐标系),具有x轴、y轴、z轴。三维坐标系统很容易理解,因为我们的世界也是三维的:具有宽度、高度和长度。在坐标系统中,轴的方向非常重要。WebGL采用的是右手坐标系,因为可以用右手来表示。如图:默认情况下WebGL和canvas的对应关系。canvas的中心点就是WebGL的(0.0,0.0,0.0)canvas的x...
2018-10-24 13:21:59 753
原创 WebGL初始化着色器(笔记4)
初始化着色器函数initShaders()被定义在了cuon.util.js中使用:initShaders(gl, vshader, fshader);参数:gl &nbsp;指定渲染的上下文vshader &nbsp;指定顶点着色器程序代码(字符串)fshader &nbsp;指定片元着色器程序代码(字符串)返回值:true &nbsp;初始化着色器成功false &nbsp...
2018-10-24 12:59:31 579
原创 微信公众号发红包php开发教程
使用微信现金红包的3个流程申请现金红包功能 添加微信现金红包模板 发放现金红包开发演示demo发红包 demo 下载一、开通现金红包权限在使用现金红包之前,请前往开通现金红包功能。操作路径:【登录微信支付商户平台——&amp;gt;产品中心——...
2018-07-31 12:02:57 1231
原创 移动端 / 微信浏览器开发遇到的坑
前言: 两个月前开始全身心投入到公司的一个移动端项目,框架选型是vue,这篇文章也是在花费两个月的时间,项目一期完成之后得空进行的一片总结性文章,其中包括通用的移动端开发的坑以及vue在移动端开发特有的一些坑,本博文目的也是为了让小伙伴们以后在开发移动端的时候可以尽量避免...
2018-07-27 10:38:59 9725 2
原创 indexedDB浏览器本地数据库
indexedDB为何物在使用一个技术之前,先搞清楚它是什么,这对你的理解很重要,从DB就可以看出,它肯定是一个数据库,而说到数据库,有两种不同类型的数据库,就是关系型数据库和非关系型数据库,关系型数据库如Mysql、Oracle等将数据存储在表中,而非关系型数据库如Redis、MongoDB等将数据集作为个体对象存储...
2018-07-27 10:10:06 435
原创 webGL公用函数库的引用(笔记3)
<!doctype html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0,
2018-06-04 15:21:19 2116 2
原创 WebGL原理 (笔记2)
WebGL执行原理图形流水线文字描述确定图形的每一个顶点,比如说一个三角形,她需要三个顶点来确定他的大小位置等图元装配: 他的意思主要是通过上面的 顶点 来确定一个图形光栅化: 你已经有了形状,就是骨架但是他的内部是空的,我们可以想象一下 3个火柴棍,拼成一个三角形,但是他不是有面积的,中间是空的,通过光栅化把他中间进行填充,这样他就变成了 类似一个实体片元着色:这里我...
2018-05-11 10:28:13 1568 1
原创 webGL是什么 (笔记1)
WebGL是什么WebGL,是一项用来在网页上绘制和渲染复杂三维图形(3D图形),并允许用户与之进行交互的技术。WebGL:在浏览器上绘制3D图形 ,WebGL 内嵌 在 浏览器 中,不需要安装插件和库就可以直接在浏览器当中使用,最大优势。WebGL直接使用文本编辑器就可以去开发,不需要搭建开发环境。多平台运行 轻松跨平台,只要有浏览器就可以打开WebGL。基于OpenGL E...
2018-05-10 20:26:01 2174
原创 移动端(微信等)使用 vConsole调试console
移动端(微信等)使用 vConsole调试console前言因为最近一直在弄移动端项目,由于在移动端无法打开控制台,所以想办法打印调试console的数据一直苦恼。之前用的是chrome的inspect调试,但是只能使用移动版的chrome查看数据,兼容不好,所以最近使用了vConsole 进行调试 使用废话不多说,说说怎么使用的吧。 首先去下载相关的代码,由于只需要在页面引...
2018-04-27 21:28:30 70590 12
原创 vue的npm run dev自动打开浏览器姿势(自动获取本地ip)
vue 的 npm run dev 自动打开浏览器姿势(自动获取本地的ip地址)前言比这开发时,用了vue-cli,运行npm run dev命令行时会自动打开浏览器,并且默认的是打开http:// localhost:端口/,当我想用手机设备去访问时,访问地址得是http:// IP地址:端口的形式,然而我们的ip是每次都会变化的,这样导致每次都需要操作 ipconfig 获取本地ip再...
2018-03-21 14:36:06 5926 4
原创 css遇到的居中问题整理
水平居中方案:水平居中设置1、行内元素设置 text-align:center2、定宽块状元素设置 左右 margin 值为 auto 3、不定宽块状元素a:在元素外加入 table 标签(完整的,包括 table、tbody、tr、td),该元素写在 td 内,然后设置 margin 的值为 autob:给该元素设置 displa:inine 方法
2017-08-10 14:24:24 353
原创 window.history方法
DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈,但是兼容性不是太好。 1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退:window.histor
2017-08-04 09:44:34 8720
fabricjs中文API
2018-07-10
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人