自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(34)
  • 资源 (2)
  • 收藏
  • 关注

原创 vue 打包报错 throw new TypeError(‘Invalid Version: ‘ + version)

解决办法:在ode_modules/semver/semver.js文件中加

2021-08-24 17:05:13 2133 1

原创 uniapp采坑记录

1.ShowDoc介绍:一款基于 JavaScript 实现的开源在线文档工具。支持:多端编辑查看、权限管理、文档导出、Markdown 语法等,功能虽不多但已足够用了。推荐自建自用、小团队内部使用2.

2020-08-04 15:08:10 176

原创 VUE+axio登录功能跨域请求验证码失败

请求验证码方法:code() { axios({ url: baseUrl, responseType:'arraybuffer', codeImg:true, }).then(res => { this.codeImg = 'data:image/png;base64,' + btoa(new Uint8Array(res).reduce((data,...

2020-03-23 16:12:36 751

原创 git 版本管理

1.创建版本号git tag -a v3.2.1 -m '线上版本' 2.提交版本号git push origin v3.2.13.查看版本号git tag4.切换版本号git checkout v3.2.1问题记录1.fatal:not a git repository (or any of the parent directories):.git解决:git ini...

2020-01-05 11:23:49 150 2

原创 git团队开发协作

克隆到本地git clone https://gitee.com/xxx/xxx.git创建分支git branch zwt切换分支(创建和切换总命令是 git checkout -b zwt)git checkout zwt上传代码//代码提交到缓存区git add -A//注释说明git commit -m ‘xxx’代码提交到远程分支zwtgit push or...

2020-01-03 13:51:05 97

原创 GitHub配置SSH Key

1.打开Git Bash输入检测是否存在SSH Key$ ~/.ssh情况A:不存在SSHssh-keygen -t rsa -C “你的邮箱”情况B:存在SSHls打开id_rsa.pub获取SSH key复制cat id_rsa.pub2.添加SSH Key到GitHub,打开SSH and GPG keys,。3.测试SSH keyssh -T git@gi...

2019-12-30 14:58:04 169

原创 git Vscode集成

介绍Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。它采用了分布式版本库的方式,不必服务器端软件支持。Git 与 SVN 区别1.Git是分布式的,svn不是。2.git是按内容元数据方式存储,svn是按文件。3.git分支和svn不同。4.git没有全局的版本号,而svn有。4.git的内容完整性要优于svn。Vscode集成1.安装gitLen...

2019-12-30 14:39:50 195

原创 vue踩坑:Error: listen EADDRNOTAVAIL: address not available

早上到公司打开项目输入npm run dev报错原因电脑IP地址不可用措施查看电脑本地IP地址,修改config/index.js文件host

2019-12-26 09:52:26 3865

原创 vue使用less问题记录 报错!!vue-style-loader!css-loader?

安装lessnpm install less less-loader --save-devindex.vue<style lang="less" scoped>@nice-blue: #5b83ad;.header { background: @nice-blue;}</style>运行npm run dev报错解决措施stylus版本低...

2019-11-25 16:20:49 701

原创 开发Hexo个人博客

1. 安装Hexo框架npm install hexo-cli -g2. 运行博客hexo g //生成博客hexo s //启动服务3. 同步github1.新建仓库,仓库名称格式是 UserName+“github.io”2.选择Setting,找到GitHub Pages,点击Choose a theme,任意选择一个选择主题,然后界面会跳转到仓库3.再次查看Git...

2019-11-11 14:10:06 95

原创 前端动画animate.css

开始animate.css官网下载成功后,引入文件使用app.vue@import './common/animate.css';index.vueinfinite保持动画<div class=" animated pulse infinite">测试</div>

2019-11-07 13:03:39 276

原创 记录vue国际化 vue-i18n

安装npm install vue-i18n在 main.js 中引入 vue-i18n,zh.js,en.jsimport VueI18n from 'vue-i18n'import en from './common/en'import zh from './common/zh'Vue.use(VueI18n);const i18n = new VueI18n({ local...

2019-11-06 10:43:59 133

原创 js时间格式化处理

1.时间戳转换标准时间function formatDateTime(timestamp) { var date = new Date(timestamp * 1000); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var ...

2019-11-05 16:14:15 265

原创 css隐藏滚动条

::-webkit-scrollbar { width: 0; height: 0; color: transparent;}

2019-10-23 16:17:28 96

原创 记录使用css预处理器框架stylus

开发工具:vscode1.安装stylusnpm install stylus -g2.安装vscode插件3.新建文件xxx.stylindex.styl.k-title font-size 15px color red4.输入命令转换css文件,注意文件路径是绝对路径stylus -w index.styl -o index.css5.自动生成css文件in...

2019-09-05 17:01:37 177

原创 vue环境搭建

1.打开vsCode,新建终端2.全局安装vue-cli输入命令:npm install -g vue-cli3.新建项目输入命令:vue init webpack projectName4.安装依赖输入命令:npm install5.项目运行:npm run dev...

2019-06-12 11:11:27 84

原创 MUI——子页面调用父页面函数方法

父页面://调用方法window.addEventListener('changeA', function(event) { alert("调用成功");})子页面://调用父页面方法 mui(".mui-content").on("tap","button",function(){ var aPage=plus.webview.currentWebview(); /...

2019-06-11 17:30:50 1147

原创 MUI——选项卡上拉加载重置

当选项卡切换加载时:mui('#pullrefresh').pullRefresh().refresh(true); //重置刷新

2019-06-11 16:49:58 811

原创 MUI框架——样式自定义mui.toast提示框

需求:真机环境运行时提示框在页面中间,样式背景为黑色。修改前:修改后:html:<div class="mui-content"> <button type="button" id="hint">测试</button></div>js:mui('.mui-content').on('tap', '#hint', functio...

2019-06-03 13:01:32 6287

原创 MUI之跳转页面传值

传递参数:mui('.adver-right').on('tap', 'div', function(e) { mui.openWindow({ url: 'notice.html', //跳转路径 id: 'notice.html', extras: { name: 123 //传递参数 }, });});接受参数:注...

2019-05-20 16:56:39 444

原创 在VsCode中用Git命令上传代码

1.登陆获取用户信息git config --list 查看所有git --version //查看git的版本信息git config --global user.name //获取当前登录的用户git config --global user.email //获取当前登录用户的邮箱2.设置账号–global是设置全局 git config --global use...

2019-05-15 00:18:25 1259

原创 微信小程序之scroll-view隐藏滚动条

wxss:::-webkit-scrollbar{ width: 0; height: 0; color: transparent;}

2019-05-10 15:19:47 98

原创 前端开发Flex布局

Flex布局提供了元素在容器中的对齐,方向以及顺序。1.主轴和侧轴flex-directionrow 从左到右水平方向为主轴。row-reverse 从右到左水平方向为主轴。column 从上到下垂直方向为主轴。column-reverse 从下到上垂直方向为主轴。2.对齐主轴:justify-conentflex-start 起点对齐(默认)。flex-end 结束点...

2019-05-09 18:02:50 128

原创 富文本编辑器CKeditor基本使用。

效果图:1.CKeditor官网下载我用的是标准包2.把整个包都放进JS,然后引入j。<script src="../js/ckeditor/ckeditor.js"></script><script src="../js/ckeditor/config.js"></script>3.html<textarea name=...

2019-05-08 18:22:45 1002

原创 Es6开发环境搭建

1.初始化项目。npm init -y2.下载淘宝镜像。npm install -g cnpm --registry=https://registry.npm.taobao.org3.本地安装babel-preset-es2015 和 babel-cli。cnpm install --save-dev babel-preset-es2015 babel-cli4.根目录新建.ba...

2019-05-07 17:59:59 77

原创 微信小程序之实现倒计时功能

效果图:功能:倒计时10秒html<view class='numInfo'> <view class='numsize'>{{num}} </view></view>css.numInfo { background: #fe6906; color: #fff; width: 100%; height: 500...

2019-05-07 14:20:11 3216 1

原创 微信小程序之腾讯地图SDK获取当前位置。

效果图:最近在做收货地址管理,用户第一次打开时需要获取当前位置省市区街道定位,小程序wx.openLocation只能获取到经纬度,所以需要用腾讯地图SDK.。完成上面步骤,下面是我在小程序中的使用步骤记录:1.引入当前页面js文件中。// 引入SDK核心类var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');// 实例化AP...

2019-05-06 17:48:44 2446

原创 微信小程序之图片转base64编码功能

base64编码:const path =url;//url链接const Img_Base64 = 'data:image/jpeg;base64,' + wx.getFileSystemManager().readFileSync(path, "base64");base64解码: // 创建Base64对象 var Base64 = { _k...

2019-05-06 17:21:20 1352

原创 微信小程序之点击滚动到目标位置功能。

最近项目在做一个点击景点图标,滚动到当前景点介绍。第一个方法:1.获取当前景点ID。 Changescroll: function(e) { var id = e.currentTarget.dataset.id; this.setData({ toView: id }) })2.创建节点查询器。var toViewid = "#" + th...

2019-04-29 16:51:49 6061

原创 微信小程序之保存动态Base64图片功能

1.如果直接用wx.downloadFile方法会提示,我们使用wx.FileSystemManager.writeFile 将 ArrayBuffer 写为本地用户路径的二进制图片文件。2。调用writeFile写文件方法wx.getFileSystemManager().writeFile({ filePath: wx.env.USER_DATA_PATH + '/DHG....

2019-04-29 15:15:29 2183 3

原创 微信小程序之保存动态图片功能

效果图:(下面是电脑版,真机也可以调试成功)1.调用wx.downloadFile方法下载图片到本地。 wx.downloadFile({ url: path, success: function(res) { }})2.调用wx.saveImageToPhotosAlbum方法,将本地图片保存到系统相册。wx.downloadFile({ ...

2019-04-29 14:47:41 3604

原创 js 时间格式化

function format(inputTime) { var date = new Date(inputTime); var y = date.getFullYear(); var m = date.getMonth() + 1; m = m < 10 ? ('0' + m) : m; var d = date.getDate(); d = d < 10 ?...

2019-04-22 18:23:21 66

原创 前端上传文件动态控制进度条动画

效果图:1.引用bootstrap和jquery文件<link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet"><script src="js/jquery.min.js?v=2.1.4"></script><script src="js/bootstrap.min.js?v=3.3.6...

2019-04-19 18:18:48 1885

原创 微信小程序之wxParse解析HTML标签

github:下载 https://github.com/icindy/wxParse最近微信小程序中遇到需要展示旅游详情功能,旅游详情是通过接口读取的服务器中的富文本内容html格式,而微信小程序并不支持解析html,需要通过wxParse解析HTML标签。1.下载wxParse放入微信小程序文件夹内2.引入到需要xxx.js文件中var WxParse = require('../....

2019-04-18 15:42:40 516

mui-子页面调用父页面方法

MUI: 最接近原生APP体验的高性能前端框架... 可从https://www.dcloud.io下载Hbuilder,选择新建“移动APP”,并选择“Hello MUI”工程模板,创建工程;然后通过数据线

2019-06-11

富文本编辑器CKeditor.rar

CKEditor是一款由javascript编写的富文本网页编辑器,它可以填写文字、插入图片、视频、Excel等富媒体信息.

2019-05-08

空空如也

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

TA关注的人

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