自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Museions的开心博客

专于web开发的一名设计师!

  • 博客(275)
  • 资源 (13)
  • 问答 (1)
  • 收藏
  • 关注

原创 vue-router导入视图文件方式与打包参数的差异

vue-cli-service在打包webpack项目时,由于vue router导入视图文件的写法不同,打包的参数npm run build:dev | npm run build:prod引起的页面展示差异,例如静态导入,异步导入等。

2022-11-08 16:53:14 798 1

原创 浏览器调试

浏览器调试

2022-10-21 13:41:50 915

原创 vue3 ts中常用的类型推断

2022-09-09 11:03:09 1735

原创 webpack http-sever启动了文件目录服务器 listing directory /解决办法

webpack http-sever启动了文件目录服务器 listing directory /解决办法,启动了资源管理器目录,没有启动http web服务解决方式 ,publicPath: '../',contentBase: "../dist",

2022-08-29 20:38:36 886

原创 为什么常用Formdata对象来上传图片

采用formdata的话会把本次所有的form表单统一作为一个类型去发送,例如formactionenctype采用FormData数据对象,那么在解析的时候就很好解析了,接收的是文件流,那么也是按文件流进行处理,服务端与客户端都省事了。...

2022-07-15 14:14:07 1838 3

原创 将网站上的web字体base,woff2转换成.ttf系统字体

base转.ttf,woff2转换成.ttf的步骤,如何自定义网站字体,如何将其他网站的字体用于本地系统,本文介绍woff2转换.ttf的方式步骤,让网站更加个性化。

2021-09-06 11:56:58 3672

原创 CKEditor集成Vue项目

1.下载模块化依赖并引入npm i ckeditor4-vueimport CKEditor from "ckeditor4-vue";:使用components: { ckeditor: CKEditor.component },2.下载代码包地址:https://ckeditor.com/ckeditor-4/download/在解压后放入本项目或者CDN上3.标签使用方式<ckeditor @ready="editorReady" @fo...

2021-08-27 15:07:54 503

转载 js操作步骤引导提示

7个很棒的JavaScript产品步骤引导库,不信你用不上1. Intro.js介绍Intro.js 由于其用户友好的解决方案而被广泛使用,并拥有1.9万个GitHub star。其最重要的功能是:无依赖项:不需要任何其他依赖项 体积小,速度快:体积较小,因此引导过程顺畅而直观。JavaScript文件的总大小为10KB, CSS为2.5KB。 用户友好:导航是用户友好的,并提供可根据您的喜好选择的各种主题。 浏览器兼容性:可在所有主要浏览器上使用,例如Goo...

2021-07-29 11:55:37 2241

原创 APP Tab Bar 图标动效设计技巧分享

APP Tab Bar 图标动效设计技巧分享来源:网络作者:热心网友发布时间:2019-07-18 浏览次数:244收藏到:Tab bar 作为整个 APP 的第一触点,给用户传递的理念及信息在整个 APP 中具有不可替代的重要性。我们的第一感受是粗糙或是精致,都会通过这个简单的操作切换而感知。因此 tab bar 的设计,往往也是检验整个 APP 设计是否精致的标准。推荐阅读》《100个优秀的tabbar图标设计欣赏》Tab bar设计中有一个很重要但...

2021-07-29 11:49:50 1009

转载 git分支开发,分支(feature)同步主干(master)代码,以及最终分支合并到主干的操作流程

由于rebase执行速度慢,分支同步主干代码时,分支的每次提交都可能和主干产生冲突,需要解决的次数太多,影响提交效率。 同时,为了保证主干提交线干净(可以安全回溯),所以采用下面所说的merge法。merge法核心:(master) git merge feature --squash意思是把feature分支不同于master分支的所有文件罗列出来(无论有几个提交),然后就可以方便的git commit提交了#1 创建功能分支 (master) git checkout -b feat..

2021-07-29 11:37:21 892

原创 git使用姿势及常用git命令[开发场景]

git开发场景使用姿势及常用git命令

2021-07-28 11:20:13 182

转载 常用 Git 工作流,明确团队的开发流程

Git 工作流是一些在开发团队中非常流行和最佳的工作流的示例。也有一些团队为预发布创建分支,并且该分支非常适合他们。所以你可以参考这些工作流,然后创建自己的 Git 工作流,更对还需结合自己的团队,规划适合自己的一个工作流。

2021-03-07 20:35:27 333

原创 vue开发企业微信应用-使用微信开发者工具

未绑定企业号开发者|微信develop tools也可以用来模拟企业微信第三方网页应用,前提是需要1.企业微信为管理员身份2.并且在企业工作台微信插件开启开发工具3.并用当前管理员使用的手机号注册的微信账户来关注扫码验证身份加入企业微信那么上述的几个步骤完了之后是否就可以了呢?答案是:不可以!!!上述步骤只针对企业微信自建内部应用,对于第三服务商方的应用不支持不支持!!!

2020-12-24 15:16:33 1755 1

原创 vue开发企业微信应用-开发及调试方式

vue开发企业微信应用-开发及调试方式一、.调试说明企业微信的调试必须在企业微信客户端内 企业微信只有涉及到授权或者调用企业微信API才需要调试 必须是安全域名或者可信域名或者IP白名单内的调用才能调试 第三方的接口调试不需要放置在客户端内二、调试的类别临时调试 临时调试只需要一个登录授权的主页url,前提是保证这个url是在可信域名下,需要在企业微信客户端内打开 安装调试 安装调试需要企业微信管理员授权安装,授权安装后可以从企业微信工作台的应用进入开发的服务中,和测试相同.

2020-12-22 15:20:32 1659 1

原创 vue开发企业微信应用-开发必读

vue开发企业微信第三方服务商网页应用流程步骤

2020-12-22 15:19:40 1632 2

转载 js实现录音和音频播放-附示例

js录音和音频播放的实现借助html5.0的相关api来实现,请尽量在server容器内启动并且支持麦克风设备的浏览器中测试。js-audio-recorder...

2020-12-14 23:28:27 5896

转载 数据可视化-前端错误监控

JS错误监控篇怎样定位前端线上问题,一直以来,都是很头疼的问题,因为它发生于用户的一系列操作之后。错误的原因可能源于机型,网络环境,接口请求,复杂的操作行为等等,在我们想要去解决的时候很难复现出来,自然也就无法解决。 当然,这些问题并非不能克服,让我们来一起看看如何去监控并定位线上的问题吧。  背景:市面上的前端监控系统有很多,功能齐全,种类繁多,不管你用或是不用,它都在那里,密密...

2020-12-14 22:47:25 647

原创 windows nexus maven私服搭建

1.下载nexus相关压缩文件并安装再登录下载地址(1)下载完成后会有一个包含两个文件夹的压缩包。将其一并解压到同一个文件夹之中(2)前往刚刚解压的目录,进入到bin目录,有个nexus.exe的执行文件,但是无法打开,需要使用cmd工具 cmd进入到bin目录后执行: nexus.exe /run(3)等待运行nexus....(让子弹飞30s-60s)(4)打开浏览...

2020-12-14 22:40:51 119

原创 浏览器同源tab通信jStorage

浏览器同源tab通信jStorage

2020-12-01 17:28:53 236

原创 vue router histoy刷新路由404,nginx 500配置vue SPA 解决步骤

需求:1.vue单页项目需要配置在二级目录或者某个子目录2.history模式路由需要正常刷新不得报404或者500等错误3.使用nginx作为web服务端来启动项目4.当前nginx使用同一个端口来启动多个SPA项目HTML5 History 模式vue-router默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。如果不想要很丑的 hash,我们可以用路由的history 模式,这种模式充分利用h...

2020-10-12 15:27:25 1733

原创 js对象数据拷贝与扩展-extend

1.jquery对象扩展function () { var options, name, src, copy, copyIsArray, clone, target = arguments[0] || {}, i = 1, length = arguments.length, deep = false; // Handle a deep copy situation if (typeof target === "boolean"

2020-09-01 10:23:10 346

原创 js实现对象自定义事件,触发,on监听事件的方式

Object自定义事件,自定义触发方式,on监听闭包实现: (function(scope){ var listenerList = { //插件默认配置 "message":function(e){ console.log( e ) } }; var eventbind = { dispatch : function(eventKey){ var args = Array.prototype.slice.call(arguments,1)

2020-08-15 14:12:16 2537

原创 node.js http-server开启https协议服务

http-server开启https协议服务,最简单的https协议 ,如果已经下载了git那么打开git bush,直接往下看↓↓↓1.生成证书:openssl genrsa -out key.pem 1024openssl req -new -key key.pem -out csr.pemopenssl x509 -req -in csr.pem -signkey key.pem -out cert.pem不太方便的可以0分下载:https://download.csdn.net/d

2020-08-11 12:05:59 2277

原创 js函数封装缺省值使用

js封装函数如需传递参数arguments,那么缺省值如何使用呢?如果封装一个http请求函数:/*可变参数:*/url:String,method:String,data:Object,callback:Function,error:Function那么如何封装一个需要传递参数的 函数呢,考虑到平时使用Jquery,那么问题来了,如封装一个通用接口那该如何传参数?f...

2020-07-27 13:27:36 659

原创 linux centos7 sentry私有化部署(2020.06.18)

linux部署sentry的详细步骤,最新版:sentry官方推荐docker那就先安装docker,前提是并未安装docker1.安装依赖包yum install -y yum-utils device-mapper-persistent-data lvm22.添加docker yum源yum-config-manager --add-repo https://download.docker.com/linux/centos/docker-ce.repo3.

2020-06-18 15:30:58 2009 1

原创 移动端WEB网页开发前端错误收集与监控(三)

移动端WEB网页开发前端错误收集与监控,捕获资源加载错误,堆栈错误,request请求报错

2020-06-12 14:47:52 401

原创 前端开发者!该知道的.bat .sh语法

.bat-批处理(Batch),也称为批处理脚本。顾名思义,批处理就是对某对象进行批量的处理,常被认为是一种简化的脚本语言,它应用于DOS和Windows系统中,其文件的扩展名为bat,以下是前端开发者需要知道的.bat语法基础。...

2020-06-06 19:59:50 751

原创 vue前端axios post导出excel文件

header('Access-Control-Expose-Headers:token,uid');Access-Control-Expose-Headers:Content-Disposition

2020-06-04 00:16:10 1156

原创 移动端WEB网页开发之适配方案(二)

移动端WEB网页开发之开发资源准备,对于微信公众号网页,手机端wap页面, h5页面(含vue,react,angular)单页应用,小程序、app等的webview页面等都适用。

2020-06-01 21:37:43 498

原创 移动端web网页开发-轻量node web服务器

轻量node web服务器http-serverbrowser-sync

2020-06-01 21:37:14 6316

原创 低调奢华!移动端WEB网页开发之调试-eruda

介绍一个超赞超给力的调试工具:eruda,网页在移动端设备上的调试方式很多,唯此特别推荐。先去看看它的介绍:开源中国

2020-06-01 21:36:54 169

原创 小程序web-view保存图片到本地

小程序显示图片1.直接显示base64①此方式需要注意变更字符串的头信息为 “data:image/jpg;base64,”②需要处理的字符串base64是头信息后的字符串,如需操作需要分割取值2.存储为临时文件后使用临时路径显示base64使用微信的API转化一下,存储为临时路径

2020-06-01 21:36:34 2134

原创 自带光环(vConsole)!移动端F12调试工具

iPhone IOS和安卓Android网页调试工具,模拟F12调试工具-微信开源调试工具vConsole,针对html统一的调试工具,方便好用快速上手,以下是使用方式:1.普通引入使用方式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vConsole</title></head><body> <

2020-05-25 09:37:26 738

原创 移动端WEB网页开发之webview-开发必读

微信小程序web-view网页开发:一.开发准备小程序帐号(需审核认证通过) 微信公众号(需审核认证通过) 小程序配置好白名单,可信域名等 公众号做同样配置白名单,可信域名防止授权错误 一台服务器或者使用内网穿透将本机ip映射成域名解析二.微信SDK授权服务端把微信公众号的appId和secret作为授权依据来配合小程序开发 小程序内web-view授权调用可信域名下的网页地址生成签名也就是当前的url-包含完整地址 调用微信sdk API之前务必保证签名无误::如有签名问题,

2020-05-22 12:25:52 597

原创 移动端WEB网页开发之开发资源准备(一)

移动端WEB网页开发之开发资源准备,对于微信公众号网页,手机端wap页面, h5页面(含vue,react,angular)单页应用,小程序、app等的webview页面等都适用。

2020-05-10 20:40:17 413

原创 给赞!移动端网页调试利器-uc开发者工具

你需要的仅仅是UC Developer ToolUC开发者版本 (Developer Edition) 支持 DevTools Protocol,它允许开发者使用任何兼容该协议的客户端(如 Chrome 开发者工具)进行远程调试。最新版基于 Chromium 57 构建,对 PWA 、ES2015+ 等新特性支持良好。1.准备下载安装以下:Android:UC手机浏览器开发者版本Wi...

2020-03-27 14:54:00 2439 1

原创 npm run serve unexpected token …options

npm run serve unexpected token …options,npm run..语法报错node v8.11.2

2020-03-19 18:10:10 1078 5

原创 前后端分离如何保证数据传输安全?JWT-了解一下

Node-jsonwebtoken:jwt的使用

2020-02-23 13:47:19 771

原创 linux(centos7.6)搭建svn服务端纪实

阿里云ECS(centos7.6)搭建svn服务1.检查系统是否已经安装svnwhereis svn或者执行:svn2.我的系统显示已经安装过了:于是开始配置//创建版本库步骤> mkdir /usr/local/subversion > svnadmin create /usr/local/subversion/svnrepos //创建好了一个版本库...

2020-02-22 19:51:41 341

原创 intellij IDEA Plugins不能搜索插件-解决方式

1.查看IDEA的版本号,记住这个是必须的不可出错;步骤是:Help>About 或者重启界面显示2.前往IDEA官网下载https://plugins.jetbrains.com/idea3.模糊搜索需要的插件名称注意:插件的版本号注释与IDEA的版本号要一致4.下载的.zip压缩包不要随意修改,在IDEA安装步骤:Setting>Plugins>Instal...

2020-02-21 22:31:58 5091

canvas图谱pdf

canvas图谱pdf

2021-08-19

nodejs http-server开启https的证书

https证书文件,nodejs http-server开启https的证书,可以直接在本地启动https的协议,方便部署和使用。

2020-08-11

mongo-linux,nosqlbooster.zip

mongo-linux,nosqlbooster-压缩包内容,0积分下载,拿走不谢!mongo-windowX64下载速度相对较快,nosqlbooster在这里下载吧!

2019-12-30

express_mysql.rar

express+mysql+vue项目入门demo,纯粹的代码示例,整合为一个基础框架,内含vue,mysql express的相关使用

2019-11-15

TCplayer_cn.pdf

本文档是介绍腾讯云 Web 视频点播服务的超级播放器,它可以帮助腾讯云客户通过灵活的接口,快速与自有 Web 应用集成,实现视频播放功能,本文档适合有一定 Javascript 语言基础的开发人员阅读。

2019-11-08

脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta).rar

脚本娃娃 (Ext4.1.0 Doc中文版 V1.0.0 Beta),全网找了好久才找到的资源

2019-10-23

js录音和音频解码的示例

js录音和音频解码的示例,不同于相关示例代码那样出现声音降速等,结合websocket api实现即时语音交换

2019-09-17

Vuex模块化全面使用.rar

vuex模块化使用的简单demo,帮助快速集成和引入vuex,减少引入时间,里面的代码只包含vuex相关文件,可以正常copy使用,不同于其他资源,这个demo充分考虑到实际应用的多种写法,灵活变通使用。

2019-09-16

request.js

对taro http请求的模块化封装,可以在每一个component中使用。

2018-12-14

taro-websocket

Taro下模块化封装websocket代码,复用也可以,可作为小程序建立长链接使用!

2018-12-12

vue cli引入微信sdk,完成微信接口调用——模块化复用封装微信sdk

因为是VUE SPA,所以需要单独写一个模块,是关于调用微信sdk和初始化微信sdk配置的模块。以下是代码,因为微信配置代码太长了,所以稍微做了一下封装

2018-11-04

element ui table组件使用源码

重要,重要!!!!!此源码需要正确引入相关脚本后才能正确执行。本想免费,但最少的选项是2分。请谨慎下载!!!!

2018-03-04

vue+vue-resource+elementUI table组件实现增删改查和分页源码

实现功能:1.表格增删改查 2.表格分页3.excel导入导出

2017-08-30

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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