自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

原创 git常用操作

git 场景应用开发分支(dev)上的代码达到上线的标准后,要合并到 master 分支 git checkout dev git pull git checkout master git merge dev git push -u origin master当master代码改动了,需要更新开发分支(dev)上的代码 git checkout master git pull git checkout dev git merge master git push -

2020-06-11 19:51:21 70

原创 工作,项目,技术学习,开源项目的整理

开源项目一款很轻量的无所不能的工具集合公司内部搭建一个工具网兼博客平台,没有广告用着爽,同事还膜拜几乎每个前端开发都会用的Chrome插件,功能太全了100%原生的JavaScript多线程和并行执行库——Hamsters.js这个库收集 Web开发的各种 JavaScript 小工具,超过 300 个模块阿里跨终端的H5游戏开发解决方案——Hilo程序员的个人知识管理神器Java...

2020-01-05 19:31:01 449

原创 【原创】mock websocket链接的方法

第一步 可在全局安装安装依赖npm i nodejs-websocket -g第二步 将下面代码copy到一个index.js的文件中//如果没有该段代码,客户端主动断开连接的话,会抛出tcp.read()异常,导致程序挂掉。 process.on('uncaughtException', function (err) { console.log(err); cons...

2019-10-11 23:35:18 271

原创 数组随机排序(洗牌)以及 数组去重方法

/*** 数组洗牌算法,返回随机排序之后的数组*/const shuffle = array => array.sort(()=> 0.5 - Math.random())export default shuffle

2019-09-18 20:21:17 283

原创 [原创] 实现SVG绘画动作的效果

背景:在网上看到别人的svg图片在显示的时候是画出来的线型图,感觉很不错。研究了一下,写出下面demo,可以直接拿来运行svg基础点stroke-dasharray: 用来描边的点划线的图案范式,数值越大,虚线越宽stroke-dashoffset:属性指定了dash模式到路径开始的距离。动画效果貌似只能在svg中的path标签有效,关键的实现就是上面两个属性的使用和css3中的anim...

2019-07-08 17:31:54 363

原创 [原创] 一键禁用网络和关闭浏览器,清除浏览器缓存的bat脚本

disabled&clear.bat (禁用网卡,关闭浏览器,删除浏览器缓存的脚本)内容如下@echo offtaskkill /f /im chrome.exe netsh interface set interface "本地连接" disablednetsh interface set interface "WLAN" disableddel /f /s /q...

2019-06-25 18:27:51 1001

原创 vscode常用插件

1、vscode-fileheader添加文件头ctrl+alt+i2 、beautify3、Chinese (Simplified) Language Pack for Visual Studio Code4、Code Runner5、Color Highlight6、Highlight Matching Tag7、HTML Snippets8、Identical Sublim...

2019-02-18 19:18:46 184

原创 iis的部署记录

1 云主机创建成功后,打开服务器管理器2 创建角色和功能3 在服务器角色中需要勾选web服务器,点击添加功能,继续下一步4 在web服务器角色(IIS) 的角色服务中,需要勾选 应用程序开发 - CGI,ISAPI扩展,ISAPI筛选器,此三个选项。下一步。确认无误后,安装IIS安装完成后,可在服务器管理器·仪表盘中查看IIS信息5 在开始中可以搜索 【IIS】 可以找到IIS...

2019-01-15 18:41:48 251

原创 [原创] uniapp踩坑-伪类的使用

项目描述:项目是使用uniapp开发,开发一个跨平台的app,但是调试是在小程序开发工具中调试。问题描述:项目中使用字体图标,想实现的效果如下,一个简单的人头图标按照以往开发web的经验,只需要css中加上before,并加上自己的字体图标的编码即可,代码如下//图标后面的数字.actionInfo_number{ float: left; margin-left:20px;}/...

2018-12-27 18:48:21 4010

原创 前端公共模块的创建和使用

在项目中,我们常常会用到一些可复用的全局变量,如ip,时间,或者工具函数,如果在使用的时候去定义,创建,获取,会使得代码变得冗余。所以,一个好的开发者应该首先一个好的共用模块。下面只是简介一下。首先,我们定义一个专用的模块,用来组织和管理这些全局变量,并在需要的页面进行引入。一般我们会在src下创建一个common目录,来存放共用模块的脚本。然后在common目录下新建一个common.js...

2018-12-26 12:46:17 612

原创 [原创] 字体图标的使用

我一般是在阿里矢量图标库中寻找自己需要的字体图标。第一步:先登录,不登录的话是无法保存你的收藏记录的,第三方登录支持github和新浪登录,第二步:查找自己需要的图标,添加入库,第三步:打开购物车的图标,查看自己添加的图标第四步:添加至项目第五步:创建项目第六步:下载第七步:拷贝iconfont.css第八步 修改css内容,这里是将图标信息转换为base64了,...

2018-12-25 18:26:41 89

原创 图片上传预览的简单代码

效果如下图代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <tit

2018-12-25 12:05:06 227

原创 [原创] HBuildX,微信小程序模拟器报错(如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目)

今天在学习使用uniapp,开发微信小程序时第三方登录时,HBuild编辑器报了一个错误,经过定位分析,确定代码是没有问题的,报错如下如若已在管理后台更新域名配置,请刷新项目配置后重新编译项目经过在网上查询资料,得到解决方法,只需修改HBuild配置即可找到模拟器右上角的详情按钮,点击,弹出配置信息,把最下面的2勾选框选上,再次编译下项目,即可。...

2018-12-24 13:06:43 927

转载 微信openid和unionid的关系

同一个用户在小程序和公众号的下的两个openid肯定不一样如果小程序和公众号都绑定在同一个开放平台账号下的话,用户在小程序和在公众号下的unionid是一样的如果先有公众号并且积累了大量粉丝,然后才有的小程序,然后想在小程序下也能识别公众号粉丝怎么办呢?首先将公众号和小程序关联到同一个开放平台账号通过API将公众号粉丝列表全部拉一遍,同时计算这些粉丝的unionid并保存起来用户进入小程...

2018-12-23 19:52:09 6648

原创 [原创] uniapp第三方登录(二)

一般我们在进入登录页面的时候回选择登录方式,以按钮的方式进行选择触发第三方的登录类型。在小程序中的登录授权时,格式被确定为使用vue文件<!-- #ifdef MP-WEIXIN --> <button type="primary" open-type=&a

2018-12-23 19:50:48 3534

原创 app用户注册、登录原理、注册页面

app端用户登录以及保持登录原理注册:1、app客户端填写注册信息:账号 密码 昵称 。。。。。。2、提交到服务器端2.1 验证用户是否已经注册2.2 记录到数据库2.3 返回注册信息用于登录登录1、app端判断是否登录2、APP端提交登录信息2.1 服务端验证账号密码2.2 成功后返回用户信息并在app端记录注销清空本地保存的用户数据即可完成注销工作...

2018-12-21 16:49:47 5070

原创 [原创] uniapp第三方登录(一)

app登录注册教程微信小程序的第三方登录支持微信登录,而app应用支持更多第三方的登录如何获取微信appid和密钥获取appid后,在manifest.json中配置小程序的appid配置后可在Hbuild中预览小程序项目...

2018-12-21 16:15:26 4858

原创 [原创]小程序的appid以及密钥获取

进入微信公众号平台注册或登录进入开发模块配置生成小程序密钥(新用户2箭头中的重置应该为生成)记录下来appid以及密钥,在自己的开发程序中引入....

2018-12-21 12:33:28 11472

原创 [原创] uniapp异常报错:检测到当前使用的ADB不是HBuilder内置或自定义ADB

在使用HBuild开发uniapp应用时,报出下面错误,16:48:13.326 注:检测到当前使用的ADB不是HBuilder内置或自定义ADB:16:48:13.326 PID为:11940,进程名称:kadb.exe16:48:13.326 路径为:d:\software\kgmusic\8.2.75.20951\kadb.exe16:48:13.326 可能存在adb冲突造成真机运...

2018-12-18 16:56:07 3807 2

原创 [原创] uniapp学习笔记(1)

1. 如果是h5开发app,适配平板和手机的话,建议高度使用像素单位,而宽度使用百分比,图片使用等比缩放 2. uniapp的基准宽度是750px,如果设备宽度不是750px,则会在运行环境中计算然后放大或者缩小每个像素的值。 3. pages.json是路由文件,可配置各页面的导航栏以及内容的样式 4. tabBar导航栏可配置页面跳转,默认未在底部...

2018-12-18 16:52:34 3553

原创 [原创] 阿里巴巴矢量图标库全选技巧

在阿里矢量库中找到一个喜欢的图标库,想要全部下载,但是发现需要挨个点击添加购物车中,如下图所示,居然没找一个可以全选的按钮!!总之不知道为啥要这样设计吧。但是确实很不方便。想要全选的话,操作如下按下 F12 或者 打开浏览器开发者模式进入console的窗口输入下列代码var iconList = document.querySelectorAll('.icon-go...

2018-12-13 17:17:32 670

原创 页面打开403问题(非鉴权)

在项目中,做了一个门户的各个链接引用,点击门户中各链接可调到不同的平台中,但是在打开的新页面中出现403的报错。url无问题,参数也没有问题,f5刷新页面即可。后来查资料找到解决办法 原因分析: 页面中引入外网的链接资源,会产生一个新的http请求。为了安全(URL里可能包含用户信息),浏览器一般都会给这写请求头加上表示来源的referrer 字段。 所以,此时我们需要隐藏...

2018-12-10 18:49:47 2267

原创 html5绘图笔记 (四)

控制填充风格** 线性渐变**CanvasGradient 代表渐变填充CanvasPattern 代表位团填充使用渐变步骤step1:ctx.createLinearGradient(x,y,xend,yend)返回CavasGradient对象step2:调用CanvasGradient对象的addColorStop(offset,color)向线性渐变中添加颜色,offse...

2018-11-28 20:42:28 72

原创 html5绘图笔记 (三)

绘制贝塞尔曲线说明:贝塞尔曲线和弧线类似,弧线是三点确定两个相交的直线两边的,绘制以两点为切点的弧形而贝塞尔曲线是四点,创建两个切线之间的弧/曲线第一步ctx.moveTo(20,20) //第一个点 开始点第二步ctx.bezierCurveTo(20,100,200,100,200,20) //6个参数,分别是其余三个点的左边,三次贝塞尔曲线。或ctx.quadra...

2018-11-27 22:14:29 101

原创 html5绘图笔记 (二)

设置阴影shadowBlur:阴影模糊度,浮点数越大越模糊shadowColor:阴影颜色shadowOffsetX:x方向的偏移shadowOffsetY:y方向的偏移绘制路径以下四步1 调用ctx对象的 beginPath() 方法开始定义路径2 调用ctx的各种方法添加路径3 调用ctx的 closePath 方法关闭路径4 调用ctx的 fill() 或 strok...

2018-11-08 19:43:29 109

原创 html5绘图笔记 (一)

在html5之前,前端是无法再html页面上动态绘制图片html5新增了一个canvas元素,相当于一个画布,可以获取一个CanvasRenderingContext2D对象CanvasRenderingContext2D提供了很多画图API画图也主要是对这个对象的操作如何在html5上画图?有三步得到dom对象调用canvas对象的getContext()方法得到CanvasRed...

2018-11-02 22:19:24 987

原创 设计模式-装饰者 学习笔记

模拟传统面向对象预研的装饰模式 首先要说明的是,作为一门解释执行的语言,给js中的对象动态添加或者改变职责是一件再简单不过的事情,var obj = { name : 'testName'}obj.name = 'testName2'虽然这种做法改动了对象本身,跟传统定义中的装饰者模式并不一样,但是却更加符合js语言特色 实际上传统面向对象语言中的装饰者模式在js中的适...

2018-11-02 16:28:57 836

原创 canvas 报错记录 (一)

在执行下面代码的时候报错 var can = document.getElementById("can"); var ctx = can.getContext(); ctx.content.cfillRect(500,500,200,200); ctx.content.fillStyle='red';报错如下 Failed to ...

2018-11-02 16:09:25 2043

原创 自定义的日历开发笔记

开发思路 - 使用HTML合理规划组件结构 - 为组件编写美观的样式 - 如何使用javascript获取组件所需数据 - 将数据与HTML结构结合 - 用户时间处理原生js的操作和jquery的对比//查询dom元素 document.querySelector('.ui-datepicker-wrapper');$("xxx")[0]//判断是否有class$targ...

2018-11-01 18:12:01 1573

原创 【原创】My97DatePicker报错 Uncaught TypeError: Cannot read property 'length' of null 分析

公司ui前端框架的日历插件使用的是第三方的My97DatePicker,在使用过程中,为了满足日期格式化的要求写了下面两种写法下面这样展示 “年-月-日 时:分:秒” 是正常,且无报错但是换个格式,下面这个是"时分秒"的格式就有问题报错如下:VM352:1 Uncaught TypeError: Cannot read property 'length' of null at...

2018-10-25 13:26:59 5191

原创 兼容ie浏览器的经验总结

禁用IE 兼容模式为了保证IE能够使用最新渲染模式而不是兼容模式,在html文档头部应加入以下代码:html<head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...在IE8中使用HTML5因为IE8及早期版本不支持HTML5..

2018-10-25 13:03:56 1684

原创 [原创] js中 “XXXX is not a constructor” 报错分析

场景描述:在项目中添加一个工具类commonUtils.js内容如下:在项目引用如下然后发现

2018-10-12 17:44:50 40713

原创 [原创]异常报错 npm rebuild node-sass` to build the binding for your current node version

遇到一个node版本过低导致的问题,项目是个老项目,本地一直跑不起来,后来才发现是本地node版本过高导致,编译过程中有下面的异常报错。解决方法:只需要把node切换成项目匹配的版本即可。推荐:node管理工具nvmModule build failed: Error: The `libsass` binding was not found in F:\work\cunqi ...

2018-10-12 17:41:16 4205

原创 【原创】报错分析 Block-scoped declarations (let, const, function, class) not yet sup ported outside

个人项目中使用node做后端,vue开发前端,本来个人电脑上和云服务器上跑一直都没问题,当从另一台电脑从git上把项目拉下来后,发现无法运行,报各种错误。刚开始以为是node_modules缺失文件,后从云服务器上拷贝node_modules出来,还是报错,报错内容如下node项目中报:SyntaxError: Block-scoped declarations (let, const, fu...

2018-10-11 18:21:53 5150

原创 【原创】vue+express axios请求通过后返回内容为空的问题

这个项目是个人用vue+express做为练手的第二个项目了,结果一开始就卡住了。问题如下一开始我使用vue-cli创建一个客户端的项目再用express创建一个服务端的项目然后写了个简单的请求vue中内容如下1 main.js中对axios的引用中出对请求地址定义2 在一个vue中提发送请求3 在node中接受请求问题来了上图中的“hello get”能在git bas...

2018-10-08 22:51:03 6080

原创 [原创]vue的安装环境

在使用菜鸟教程安装vue环境时发现作者笔误,导致自己环境一直无法安装。正确安装顺序#npm node自带#cnpmnpm install -g cnpm#vuecnpm install vue -g#vue-clivue-init webpack [项目名]而在菜鸟教程的错误命令如下所示 vue init中少 - 号...

2018-09-30 18:51:22 1722

原创 [原创] vlc视频播放插件使用总结

在项目中web端有视频直播功能,前端实现该功能是使用vlc(2.2.6)插件。 网页插件实现原理 IE浏览器基于Activex插件来实现,非IE浏览器采用NPAPI来实现,非浏览器需要支持NPAPI来实现。 Firefox (版本 52),Chorme浏览器(版本小于46)开始停止支持除 Adobe Flash 之外的所有 NPAPI 插件 所以在高版本的谷歌浏览器中...

2018-08-27 14:32:48 10236 5

原创 [原创] 慕课网数独学习视频,配置报错总结

webpack.config.js文件内容如下module.exports = { entry:{ index:"./js/index" }, output:{ filename:"[name].js" }, devtool:"source-map", resolve:{ extensions:[&am

2018-08-23 16:42:40 1885

原创 [原创] easylog开发笔记

1 将页面渲染的文件由jade改为html文件。 2 在项目中增加node开发的热编译组件 - 安装supervisor npm i -g supervisor - 修改package.json 文件 - - 重启项目 npm start3 引入nodemailer模块实现邮件发送 此模块支持的内置服务邮箱列表 https://n...

2018-08-22 17:11:54 2284

原创 原型和闭包的理解笔记

对原型的理解1 原型链 JavaScript 对象有一个指向一个原型对象的链。当试图访问一个对象的属性时,它不仅仅在该对象上搜寻,还会搜寻该对象的原型,以及该对象的原型的原型,依此层层向上搜索,直到找到一个名字匹配的属性或到达原型链的末尾要理解原型链又得先从instanceof说起。 而instanceof判断的顺序是按照下图 为什么 f1 instanceof Obje...

2018-07-31 22:52:58 2083

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