- 博客(37)
- 收藏
- 关注
RSS订阅原创 二维码的渲染
1.建立code.jsvar QR = (function () { // alignment pattern var adelta = [ 0, 11, 15, 19, 23, 27, 31, 16, 18, 20, 22, 24, 26, 28, 20, 22, 24, 24, 26, 28, 28, 22, 24, 24, 26, 26, 28, 28, 24, 24, 26, 26, 26, 28, 28, 24, 26, 26, 26, 28, 28 ];...
2021-09-07 14:57:33
260
原创 手机号中间四位用****表示
let newPhone = phone.substring(0, 3) + '****' +phone.substring(7, 11)
2021-09-07 14:48:55
313
1
原创 vue项目请求接口
1.安装axios 指令：npm install axios --save2.公共api的名称放入# just a flagENV = 'development'# base apiVUE_APP_BASE_API = 'https://xxxx.com/api'VUE_APP_STORAGE_API = 'https://xxx.com/storage'3.新建api文件夹(放自己的接口文件)...
2021-08-26 17:55:32
2234
1
原创 vue项目区分打开的是pc端还是移动端
我是一个vue 项目 pc一套代码 移动端一套代码1.建立两个文件夹 一个mobile 一个pc,在router里配置项目路径2.新建一个js文件夹 下列代码放入 假设名字叫utilexport const checkMobile = () => { const sUserAgent = navigator.userAgent; const mobileAgents = [ "Android", "iPhone", "Symbian", "Win.
2021-08-26 15:21:01
1137
原创 uniapp项目安卓真机调试
一、测试机配置（以小米手机为例）1、打开设置=====》我的设备====〉全部参数====》mui版本=====〉连续点击mui版本这行 3次或者5次会提示进入开发者模式，进入开发者选项(找不到开发者选项的话找小爱同学打开开发者选项或者退回到设置》更多设置=〉开发者选项)，打开如下选项二、电脑和手机通过USB连接，打开hbuilderx 找到运行的项目运行到设备 这个设备就是当前连接的手机 此时它会提示安装hbuilder,点击运行就可以了...
2021-08-07 10:17:43
4277
原创 vant的轮播使用(添加左右点击按钮)
1.项目安装vantnpm安装：tips:yarn安装时 yarn add 安装包2.引入3.官网demo没有左右箭头 需要通过 ref 可以获取到 Swipe 实例并调用实例方法在方法里调用
2021-06-04 13:29:01
1990
8
原创 git 提交项目 遇到冲突
多人使用git上传同一修改的文件时，提示如下情况时此提示说明冲突 ，我们重新执行git提交指令git add -A 提交git下的全部文件git commit -m’’使用英文的冒号 :wq然后执行git pull再重新提交git add -A…...
2021-06-01 16:23:12
99
原创 使用visual studio code 编写小程序代码
1.在vscode中安装插件: minapp 和小程序开发助手2.在小程序中新建一个小程序文件夹 ，打开vscode 打开小程序文件夹3.因为改变代码时在微信开发者工具中页面实时刷新，所以为了在vs中改变代码也可以实时看到 把小程序中的模拟器单独拿出来 3.1：点击分离窗口3.2 单独拿出来后 也可以置顶4.新增页面文件夹可以在vs中新建文件夹,因为每一个文件夹对应四个文件(js,json,wxml,wxss) 所以还是在微信开发者工具中在这个文件夹中点击右键新建pag...
2020-07-09 10:04:38
4491
原创 安装less成功后，运行仍然报错
可能是less-loader版本过高，卸载npm uninstall less-loader，重新安装npm less-loader 安装指定版本npm install less-loader@4.1.0 --save 重新运行
2020-06-16 17:13:39
1941
3
原创 F12复制返回的json
第一步:打印返回的数据，然后打开控制台第二步:在打印的res右键出现会出现Store as global variable，然后点击,出现temp1第三步:在控制台输入copy(temp1)第四步:这个时候已经复制好json了 直接粘贴到txt文件...
2020-06-11 14:44:37
1647
原创 Echarts的折线图堆叠问题
三组数据的第一个值是相同的,所以展示应该是在同一个点但是实际展示不在一个点——堆叠效果解决:每组的stack:"总量"删除就可以了
2020-05-28 09:30:53
2641
1
原创 iconfont的使用
步骤:1.在iconfont选择自己需要的图标,加入购物车2.点击右上角的购物车3.点击添加至项目（如果没有项目自己在iconfont这个地方添加一个项目=>这个项目是存储你需要的图标）4.点击下载至本地,你会有一个压缩包，在你要插入图标的项目里放入这个文件夹, 引入这个文件夹,如果是在vue项目中在main.js引入5.引入后在项目中添加这个icon的class类名 如上面的icon-dingdanguanli 这个类名前面要再加上一个类名 iconfont..
2020-05-23 10:11:14
632
原创 原生吸顶导航
<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <style type="text/css"> body { padding: 0; margin: 0; } #nav { width: 100%; ...
2020-05-13 09:00:42
258
原创 elementUI的弹框复用
1、要有一个区别方法的状态:内容相同，为了节省代码，就可以使用同一个弹框，常见的情况有添加和编辑如果addType是等于"add" 那么就让标题显示录入订单，如果不是就显示编辑订单2.点击调用的时候,（记得清空内容）tips:this.$nextTick(() =>{this.$refs.addOrderForm.clearValidate()}) 这个是清空弹...
2020-05-07 15:45:48
1167
原创 使用vscode开发vue项目时候一直报错 '，' expected.Vetur(1005)
解决方法:打开设置，找到命令面板,搜索settings.json，修改配置如下:修改为false就可以了 ，有的编译器需要重新关闭窗口重新打开
2020-04-13 17:51:05
13382
2
原创 vue中的切换
要求:点击右边的数据，左边的数据展示当前这条数据的相关信息右侧数据通过数据渲染展示（数据是父组件传过来的）。当我们点击的时候获取到这条数据的所有信息，index是为了给当前点击的li加上样式，parseTime..是为了处理后台返回的时间字段展示位年月日默认展示第一条数据:获取下标为0的这条数据...
2020-04-11 10:42:21
796
原创 组件之间的跳转
假如传id过去:给它加上一个点击事件path后面是要跳转到的组件名称在入口文件已经引入这个组件在这个组件里就可以不用引入了 pagrId是在地址栏显示的id名称 这里的e代表每条数据的id...
2020-04-10 16:17:13
887
原创 vue中组件传值(父传子props,字传父$emit)
第一种:多条数据时在子组件中遍历父组件:定义一个空数组接收返回的数据在methods将数据赋值给数组在mounted调用这个函数(this.recommendCourses())子组件:使用props接收多条数据时 先遍历 再使用{{item.字段}}直接渲染第二种如果在父组件遍历，子组件直接渲染父组件:还是要定义一个listD...
2020-04-10 13:19:44
1824
原创 在浏览器中项目显示小图标
只要在HTML中引入<linkrel="icon"type="image/x-icon"href="图片路径"/>就可以了图片格式最好为:ico 节省空间
2019-11-05 11:09:36
259
原创 vue element 实现上传导入功能(请求到后台接口)
1、主要用到了element中upload的onSuccess方法action后面跟着的是上传文件后要被导入的接口data是我们可能上传多个 定义一个数组2、在data中定义 uploadBase:{}3、请求后台的导入接口 传给后台所需要的参数...
2019-10-21 22:51:52
5949
1
原创 input的类型为number时中去除上下箭头或不可以选择负数
1、当input的type="number"时不可以选择负数时 设置min=0<inputtype="number"min="0"max="10">2、当input为type时去除上下箭头只要给input加上如下样式input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{...
2019-10-21 15:50:37
684
原创 浏览器的滚动条隐藏
<div class="box"> <div class="box"></div></div>css:只要给外面包的大盒子加上下面的样式就可以啦.box::-webkit-scrollbar{ display: none;}...
2019-10-15 09:37:50
126
原创 使用vue写出来的收缩
首先我们要把要点击时放要显示的盒子加上overflow:hidden，给他一个高度然后给要点击的元素加上类名下面的代码是我自己在做项目时用到的:朝代{{item}}<div class=“condition-row-arrow” @click=“add()”>组件中的js部分:data(){return{list:[‘不限’,‘商’,‘周’,‘秦’...
2018-10-30 11:20:50
481
原创 vue的显示隐藏v-show
例如:点击id为more的a标签让隐藏的div显示出来<a href=“javascript:;” id=“more” @click=“showToggle()”>晒作品传菜谱在vue的js:data(){return{isShow: false,}},methods: {showToggle() {this.isShow = !this.isSho...
2018-10-30 10:37:55
4384
原创 github-项目上传，公开链接
前几天，我们介绍了在GitHub怎么创建仓库,今天我们简单说下怎么把项目上传到GitHub里，别人可以通过链接访问我们的项目首先，肯定是我们要有自己的仓库:如:然后点击,会看到记得把自己的项目上传上去。。。。此时我们点击settings(设置)第三:找到这个位置：默认是None，我们把他设置为master branch,然后点击save最后我们可以看到:此时的连接我们复制下...
2018-10-11 19:12:52
5632
转载 Vue2.0+组件库总结
原文作者：鲁大师666 链接：https://www.jianshu.com/p/011d308d7dd7UI组件element - 饿了么出品的Vue2的web UI工具套件Vux - 基于Vue和WeUI的组件库mint-ui - Vue 2的移动UI元素iview - 基于 Vuejs 的开源 UI 组件库Keen-UI - 轻量级的基本UI组件合集vue-material ...
2018-10-11 10:35:59
819
原创 vue.js基础-属性
第一种:文本插值如: {{msg}}第二种:单词插值 如果想要让HTML标签插入的值只插入一次,那么就给这个标签加v-once如: {{msg}} 第三种：html标签插值(如果加上v-html就会在里面添加标签内容或者直接添加内容) 第四种:标签插值 在HTML标签中插入数据要使用v-bind可以缩写成：{{msg}}第五种:...
2018-10-11 10:00:41
257
原创 vue的调试工具 vue-devtools 的安装和使用(一)
我们想使用vue来开发项目，如果有调试工具，会更方便我们的开发。下面就是我分享的两种安装方法:第一种:直接将压缩包拖进浏览器的扩展程序(以下是在Chrome中安装)将这个压缩包进行解压第二步:打开chrome浏览器=>点击更多工具=>点击拓展程序=>将文件拖进扩展程序(开发者模式下)第三步:如果你拖进扩展程序里的话会是下面的情形:这个时候请点击详细信息:将你...
2018-09-30 08:12:32
1483
原创 webpack打包(二)
将图片打包:要依赖file-loader首页，我们还是要先建立一个文件夹demo然后cmd进入文件夹1.先进行初始化npm init -y2.安装webpack以及插件npm install --save-dev webpack@版本号webpack在安装4.0以上版本,还需要安装一个插件 (-cli);npm install --save-dev webpack-cli还有我们...
2018-09-27 19:43:14
157
原创 简单的webpack打包(一)
一、webpack是什么?webpack是一个现代js引用程序的静态模块打包器;它的功能是:分析项目结构,找到js模块以及其他一些浏览器不能直接运行的拓展语言(sass,typescript…),并将它们打包为合适的格式以供浏览器使用。构建:就是将源代码转换成发布线上可执行的js,css,html代码构建的过程包含:1)代码转换:TypeScript编译成javascript,less,...
2018-09-26 19:37:53
3252
原创 git提交代码到远程仓库
第一步:cd 进入文件夹第二步:git init 创建本地代码库(第二次提交代码时到同一个仓库,也可以不写这一步)第三步:git add -x 或者 git add . 加入到缓存区(也就是我们自己的本地仓库)(可以git status随时查看你的文件状态)第四步:git commit -m&quot;添加你的描述&quot; 提交到本地仓库第五步:git push 或者git push -u ...
2018-09-25 20:45:33
4064
原创 GitHub仓库的创建
第一步:注册一个GitHub的账号(不要忘记了你的密码哟)第二步:创建一个属于自己的远程仓库可以在首页找到点击 New repository就可以创建你的远程仓库啦输入你的仓库名字:你也可以给你的仓库添加描述:选择公开给大家看还是私有:点击创建就你的远程仓库就可以啦...
2018-09-25 19:04:03
230
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人