- 博客(47)
- 收藏
- 关注
RSS订阅
原创 本地代码提交到远程仓库
上章讲了 初始化git远程仓库并且托管项目到码云中本章讲，如何让本地代码提交到已有的远程仓库代码提交到本地仓库，并将本地仓库跟远程仓库同步在项目中右键 Git Bash Here 或者打开终端git status 查看代码的状态 （有新增文件，文件为红色）git add . 把所有文件都添加到暂存区git status 再次查看代码的状态(文件变为绿色，说明添加到了暂存区)git commit -m 'XXX' 提交代码到本地仓库 -m 是提交消
2020-08-20 23:31:13
242
原创 手把手教你实现一个canvas智绘画板
手把手教你实现一个canvas智绘画板下载地址前言本文主要介绍：项目介绍项目效果展示一步步实现项目效果踩坑一、项目介绍名称： 智绘画板技术栈： HTML5，CSS3，JavaScript，移动端功能描述：支持PC端和移动端在线绘画功能实现任意选择画笔颜色、调整画笔粗细以及橡皮檫擦除等绘画功能实现在线画板的本地保存功能支持撤销和返回操作自定义背景颜色[这个功能尚...
2019-10-22 16:55:21
836
3
原创 javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板<!doctype html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>javascript结合html5 canvas实现的涂鸦板 ...
2019-10-11 17:19:48
2286
原创 mui.prompt输入框修改默认样式及使用方法
mui.prompt输入框修改默认样式及使用方法$('#commonOpinions').on('tap','.addOption',function(){ var a = mui.prompt('请编辑您的常用意见','','',['取消','确认'],function(e){ if(e.index==1){ var text = document.querySelect...
2019-09-27 09:32:08
1903
原创 苹果手机通过扫描二维码下载APP
（添加项目分支方法：点击 Web IDE~~~~》新建文件/目录~~~~》 填写内容~~~~》 提交~~~~》选提交到当前分支~~~~》提交描述~~~~》暂存~~~~》提交）
2019-09-26 18:03:54
7306
转载 javascript中字符串操作
javascript中字符串操作String :javascript检测字符串javascript去除字符串空格URL中查询字符串中的参数javascript字符串的常用函数1、检测string类型方法一：typeoffunction isString (str) { return typeof (str) === 'string' ? true : false}...
2019-09-26 17:34:21
83
原创 html字符串 添加点击事件 传递参数
如果是单个参数可以直接写入object参数需要放入 JSON.stringify()中"<div class='paneRow' style='width:50%;margin-right:0.32vw;text-align: center' onclick=clickSide(" + JSON.stringify(data[index * 2].dataMap) +")>" +vue中使用 点击事件需要在created中定义一下 window.k
2022-05-20 11:37:46
1091
原创 国内下载vscode速度慢问题解决
首先在官网找到需要下载的文件，点击下载。https://code.visualstudio.com/Download在浏览器或者下载软件中就可以看到这么一个下载地址了，将其复制下来（如下图箭头所指）。然后将红框内的部分更换为如下内容：vscode.cdn.azure.cn <--------就是左边这个更新后的地址为：http://vscode.cdn.azure.cn/stable/78a4c91400152c0f27ba4d363eb56d2835f9903a/VSCodeUserSet
2022-02-09 11:44:09
311
原创 ios 权限管理
/** * 本模块封装了Android、iOS的应用权限判断、打开应用权限设置界面、以及位置系统服务是否开启 */// var isIos// // #ifdef APP-PLUS// isIos = (plus.os.name == "iOS")// // #endif// 判断推送权限是否开启function judgeIosPermissionPush() { var result = false; var UIApplication = plus.ios.import("UI
2022-02-09 09:46:24
391
原创 h5 安卓各种权限管理
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <title>权限管理</title> <link h
2022-02-09 09:44:39
2204
1
原创 svn查看登录过的账号密码
直接下载：http://www.leapbeyond.com/ric/TSvnPD/下载完成后直接双击运行，就可以看到了
2022-02-07 16:38:19
431
原创 npm install -g n 运行错误
node 升级版本 以及 npm install -g n 运行错误今天在学习react 的时候发现node 要升级到最新 就把8版本升级到最新的 发现根据官网提示1、先安装 n 模块npm install -g n 的第一步操作，就报如下错误：可以通过以下的命令可以成功npm install -g n --force看上图 这样就可以了2、接下来开始第二步骤：升级node.js到最新稳定版n stable这就可以了n 后面也可以跟上版本号n v0.10.26或n 0.
2021-09-08 20:59:45
7656
1
原创 2021-08-16
mescroll 多标签的上拉加载下拉刷新 以及搜索<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <meta name="scre
2021-08-16 15:35:50
97
原创 vue中给url传参 中文参数 添加编码解码
最近写了一个项目，获取获取中文参数的时候会乱码，使用解码后正常解码用decodeURIComponent(str)编码用encodeURIComponent(str)
2021-08-04 18:22:51
1968
原创 js实现获取两个日期之间所有日期的方法
function getDate(datestr){ var temp = datestr.split("-"); var date = new Date(temp[0],temp[1],temp[2]); return date;}var start = "2020-12-25";var end = "2021-01-3";var startTime = getDate(start);var endTime = getDate(end);while((endTime
2021-01-24 17:50:47
524
原创 [vue]仿淘宝app购物车实现
根据需求要类似淘宝app的购物车实现。网上的例子一般都是一个产品列表就完成，但淘宝这些需要有一个对店铺的分类，所以复杂度提升一倍。1.对单个商品数量进行操作的时候，商品的价格变动，总价变动2.点击产品选择，总价和数量变动，并且一个商店所以产品被选择时，商店的按钮为被选择状态3.对一个商店做选择的时候，下面所有商品被选择，总价和数量变动，并且所有商店被选择的时，全选为被选择状态4.全选的时候，所有店铺已经商品为被选择状态，总价和数量变动作者：Re_Vive链接：https://www.jian
2021-01-07 15:30:32
968
转载 vue+vant 购物车的全选和反选
这是效果图:<template> <div class="cart"> <div class="st-spacing-main" v-for="(item) in cartInfoList" :key="item.id"> <div class="st-item product-item"> <div class="st-border-bottom store-title"> <p
2021-01-07 15:26:22
1165
1
原创 draw9patch如何制作.9.png图片
制作.9.png图片需要注意的地方图片四角不能用黑线，正确结果如下图（重点，不然会编译报错）黑线区域拉伸适配图片越大，拉伸的距离越短制作.9.png图片步骤在电脑端找到Android SDK包的安装位置，找到tools文件夹进入，双击打开draw9patch.bat启动后界面是这样的将准备的png图片拖拽到该窗口中，如下图，自动进入编辑界面。在图片边缘点击左键，绘制出黑线，如果需要清除，可按住shift键的同时点击鼠标左键保存文件：点击左上角的File| Save
2021-01-06 17:25:38
239
原创 vue 通过 iframe 嵌套 html 互相传参
vue中如何调用iframe的方法传值和iframe如何给vue传值iframe给Vue页面传值第一步：需要在iframe的index.html 的js 加入下面代码function tableClick(name){ window.parent.postMessage({ data :name },'*');}完整的index.html代码：<!DOCTYPE html><html lang="zh"><head&g
2020-12-13 17:14:17
1104
2
原创 vant 图片回显
this.fileList= [{ url: ‘ddddd.png’, isImage: true }]有一个isImage属性 可以判断是否是图片
2020-12-11 17:46:39
580
1
原创 object-fit实现 img图片平铺
这个不仅仅是对img有用，还可以在video里面用object-fit: fill;object-fit: contain;object-fit: cover;object-fit: none;object-fit: scale-down;fill被替换的内容的大小，以填补该元素的内容框：对象的具体对象的大小是元素的使用宽度和高度。contain被替换的内容的大小，为自身宽高比不变，适应该元素的内容框的大小：它的具体对象的大小被解析为对元素的使用宽度和高度的含有约束。cover被替换
2020-12-07 10:46:33
877
原创 找出数组中相同key的对象，并将对应的value进行拼接
数组如下： let ary = [ {fileName: "文档1", nodeId: "1133275924701949952"}, {fileName: "文档2", nodeId: "1133275743956807681"}, {fileName: "文档3",nodeId: "1133275683449434112"}, {fileName: "文档4", nodeId: "1133275743956807681"},
2020-11-27 17:54:18
1082
原创 vue for循环出来的折叠面板
需要点击的抬头@click="myData(index)"需要展开的内容:class ='{active:flag[index]}'定义数组data () { return { flag:[], }},样式默认折叠.active{ display: none;}如下图：
2020-11-11 10:36:45
653
转载 Vue 点击获得父元素，子元素，兄弟元素（DOM操作）
<ul @click ="clickfun($event)"> <li></li></ul>methods: { clickfun(e) { e.target //是你当前点击的元素 e.currentTarget //是你绑定事件的元素 //获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML //获得点击元素的第一个子元素
2020-11-03 16:55:58
4204
原创 人机验证 之 验证码插件
一， vue-puzzle-vcode插件1、安装vue-puzzle-vcode2，实现代码 3，效果图二， vue2-verify三，vue-monoplasty-slide-verify1，安装2，实现3，效果图一， vue-puzzle-vcode插件GitHub地址：https://gitee.com/beeworkshop/vue-puzzle-vcode?_from=gitee_search1、安装vue-puzzle-vcodecnpm i -S vue-
2020-10-30 12:01:12
1766
原创 H5 + 角标
plus.runtime.setBadgeNumber(8,{ title:'角标测99试', content:'您有新消息222ww2'});例子mui.plusReady(function () {setTimeout(function(){ button();},500) })var num = 100;function button(){ num -= 1; document.getElementById('num').innerHTML = num; // plus
2020-10-27 09:48:10
665
转载 Vue中常用rules校验规则
前提在 vue开发中，难免遇到各种表单校验，这里整理了网络上和自己平时高频率用到的一些校验方法。如果错误欢迎指出，后期不断补充更新。1、是否合法IP地址export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.
2020-10-26 15:53:22
1833
1
原创 ES6新特性 笔记
es6兼容性：IE10+ 、chrome、FireFox、移动端、NodeJS解决办法（转移、变换）1、在线转换2、提前编译ES6 改变1、变量var1、可以重复声明2、无法限制修改3、没有块级作用域 { } let、coust1、let 不能重复声明 是变量 可以修改 有块级作用域2、coust 不能重复声明 是常量 不可以修改 有块级作用域2、箭头函数(参数的扩展)1.普通函数 function 名字(){ }2.箭头函数1.如果只
2020-10-26 13:33:50
155
转载 vue 安装依赖及卸载依赖
–save 是在package.json的【dependencies】里面–save-dev 是在package.json的【devDependencies】里面依赖安装在package.json的【dependencies】的三种方式npm i element-uinpm i element-ui -Snpm i element-ui --save依赖安装在package.json的【devDependencies】的两种方式npm install jquery --save-dev
2020-09-22 11:30:25
7016
转载 iframe 父子页面方法调用
在写代码的时候经常会用到将一个网页嵌入到另一个网页中，w3c也规定了一个标签，这个标签本身就支持跨域，而且所有的浏览器都支持iframe具有以下属性：1、frameborder 设为1代表显示周围边框，设置为0不显示周围边框2、height 设置iframe的高度3、width 设置iframe的宽度4、longdesc 属性值为URL 规定一个页面，该页面包含了有关 iframe 的较长描述5、marginheight 定义 iframe 的顶部和底部的边距6、marginwidth 定义
2020-09-17 15:29:34
365
原创 vue项目中 {__ob__: observer}取值问题
vue编码中经常出现获取到的数据是：{ob: Observer} 格式的，详细如下加粗样式可能导致后续数据操作错误，如何获取其中的数值呢解决办法 如下图就可以看到正常数组了将返回的数据data先转换为JSON字符串形式，然后再从字符串形式转换成JSON格式JSON.parse(JSON.stringify(data))let resList = JSON.parse(JSON.stringify(value.list)); console.log(resList);...
2020-09-16 14:28:17
4218
6
原创 移动端显示滚动条以及滚动条的监听事件
1、移动端显示滚动条在移动端滚动条默认会隐藏，如何显示呢 ，需要添加以下代码了。并且需要给body或者外层盒子添加 rows 类名，这样滚动条就可以显示出来了.rows {/* height: 500px; *//* overflow: hidden; */ overflow-y: scroll; } .rows::-webkit-scrollbar-track-piece { background-color: rgba(0, 0, 0, 0
2020-09-05 15:39:42
2658
原创 将vue-cli3项目使用HBuilder X打包移动端app
将vue-cli3项目使用HBuilder X打包移动端app1.在根目录vue.config.js文件里面加publicPath: ‘./’,module.exports={ publicPath: './',}2.路由方式换成hash模式 （vue.config.js）module.exports = { lintOnSave: false, publicPath: './',}3.运行npm run build 打包生成的dist文件4.创建H5+APP默认模板项目，目
2020-09-03 20:43:10
310
原创 如何关闭ESLint校验功能?
写项目的时候总会遇到语法错误，一个空格错误，就会让项目进行不下去，因此关闭ESLint校验功能，如何关闭呢？方法一:创建项目时不要勾选Linter/Formatter选项方法二:图形化界面中关闭Linter功能方法三:直接修改配置文件vue.config.jsmodule.exports = { lintOnSave: false}此时写代码是不是很顺畅啊~...
2020-08-21 10:49:27
2513
1
原创 vue项目可视化管理工具 vue ui
@vue/cli3.0增加一个可视化项目管理工具，全局安装完成cli3.0之后，可以直接在cmd输入命令：vue ui 启动即可，我的地址默认是localhost:8001window + R 打开cmd 终端 运行 vue ui点击左下角更多 进入vue项目管理器点击创建 出现一个目录 C:\Users\Administrator 点击创建新项目填写项目名称(my_vue) 跟 初始化的git 仓库（init project） 点击下一步选择手动配置项目 下一步 开启 Babel Ro
2020-08-20 17:36:41
1755
原创 vue 表单校验规则
表单校验规则3步曲1、为el-form 通过属性绑定指定一个 rules 校验对象2、在data属性中定义校验对象，每个属性都是一个验证规则3、不同的表单itme项通过prop指定不同的验证规则刚写了个logo 页面 就把我难为倒了 ,你看看是哪里出了问题找了好久都没有找到问题所在，结果是名称要对应这样就可以了，知道原因了吗？原因就是 双向绑定的名字必须要和prop对应...
2020-08-20 16:04:54
1254
原创 Echarts 线条的粗细，颜色变化，切换改变数据
**用Echarts实现以下效果图加粗样式 **话不多说，直接甩代码折线图代码<div class="chart"> <div class="font13 chart-title"> <span class="active">提出建议</span>|<span>集中观察</span>|<span>专题调研</span>|<span>人大组织会议活动</span> <
2020-08-20 15:28:29
3821
原创 初始化git远程仓库并且托管项目到码云中
点击新建仓库输入仓库名称，去掉使用Readme文件初始化这个仓库的对勾 （这一步必须的）如图：得到如下界面说明创建没有问题，如果不是这个界面需要删除仓库重新创建windoe + R 全局配置用户名 跟邮箱 （必须执行 否则有问题）git config --global user.name "lihuanhuan1230"git config --global user.email "939690113@qq.com"如果手里有现成的项目走下边的已有仓库，如果没有走创建仓库/.
2020-08-19 21:21:19
159
原创 码云 SSH秘钥 如何 添加
gitee官网打开gitee官网，注册账号，登录后台，第一次使用需要设置SSH公钥，否则不能直接创建仓库，也不能上传或者下载代码（这一步是必须的）步骤如下图：鼠标悬浮在头像处 ，选择设置 -----》设置面板点击SSH公钥-----》生成公钥（如果有的话直接粘贴过来）右键在新标签页中打开链接来到如图页面右键在新标签页中打开链接来到如图页面右键在新标签页中打开链接来到如图页面，按如下命令来生成 sshkey:ssh-keygen -t rsa -C "xxxxx@xxxxx.com"
2020-08-19 20:40:46
536
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人