- 博客(52)
- 收藏
- 关注
RSS订阅原创 wx上传图片以及转base64
wx图片转base64piceImg(){ this.pics = [] let that = this const fileManager = wx.getFileSystemManager(); // that.imageList图片数组[{piceUrl:''}] for(let rfd of that.imageList){ // console.log(rfd.piceUrl) // 判断是本地上传的还是https回显的 if(rfd.piceUrl &&am
2022-04-07 16:12:18
1055
原创 小程序发行代码大于2M做分包处理
小程序分包底部tabBar要在主包小程序项目目录"subPackages":[ { "root":"customerNo/", "pages":[ { "path": "greatOperation", "style": { "navigationBarTitleText": "导航名字1" } }, { "path": "greatOperation_detail", "style": {
2022-04-07 15:46:36
787
原创 image-conversion压缩图片
image-conversion图片压缩image-conversion图片压缩image-conversion图片压缩安装插件npm i image-conversion -S引入import * as imageConversion from ‘image-conversion’判定图片大小是否大于200Kb，大于就进行压缩写在el-upload中:before-upload="beforeAvatarUpload"方法里（上传即校验是非需要压缩） return new Promis
2021-07-07 13:57:46
2559
原创 不四舍五入的保留小数
不四舍五入的保留小数formatDecimal(num, decimal) {//不四舍五入 num = num.toString() let index = num.indexOf('.') if (index !== -1) { num = num.substring(0, decimal + index + 1) } else { num = num.substring(0) } return parseFloat(num
2021-04-27 10:23:03
413
原创 axios调接口传值(简单版)，jq
安装 cnpm install axios --save引用 import axios from ‘axios’（先安装再引用）axios({ url:请求地址+详细接口地址/api..., method: 'post', data: {参数}, headers:{ token:'',client:'' } }).then(res =>{ let arr = []
2020-11-26 11:21:27
599
1
原创 APP根据图片地址进行64位转码方法
Vant组件（app）网址：https://youzan.github.io/vant/#/zh-CN/quickstart<van-field name="driverLicense" label="图片"> <template #input> <van-uploader :after-read="onRead" v-model="driverList" :max-count="10" >
2020-11-26 11:09:29
404
原创 复选框回显，权限
复选框回显，权限一级二级（树结构）this.setCheckedKeys([1,2,3,4,5])一级setCheckedKeys (menuIds) { // menuIds数组，id var menuArr = []; for (let j = 0; j < menuIds.length; j++) { menuArr.push(menuIds[j]) } this.menuArr=menuArr this.$
2020-11-18 11:10:01
124
原创 vue使用element组件的失焦与获焦
<el-form-item label="项目" style="margin:2px 0"> <el-select ref="fuck" v-model="form.value1" filterable placeholder="请选择" size="small" style="width: 90%" @change="selectChange($event)" @keydown.enter.native="selectBlur" @focus="stopKeyborad"&g
2020-10-20 09:37:28
2598
原创 接口传参格式转换
qs.parse()、qs.stringify()、JSON.parse()、JSON.stringify()使用方法接口传参要是formdata格式let data= {field: “admin_emp_id”, v1: “role”}我的格式如上转formdata1.npm install qs2.import qs from 'qs'3.const dataNum = qs.stringify(data)JSON.parse（用于从一个字符串中解析出json 对象）ps:单
2020-09-08 18:34:01
697
原创 el-table表格输入与下拉框
如需要索引:fetch-suggestions="((queryString,cb)=>{querySearch(queryString,cb,scope.$index)})"<el-table-column prop="goodsName " label="品名" width="170px"> <template slot-scope="scope"> <el-autoco.
2020-09-08 18:15:43
2426
1
原创 vue表格数据编辑element-ui
tableData赋值后不可编辑，没有set、set、set、get属性，但是值有变化要在赋值的数值上操作<script>export default { data () { return { formModel: { name: '', pwd: '' } } }, methods: { processFormData (val) { let s = JSON.parse(JSON.
2020-08-12 09:55:19
453
原创 导入下载
<input type="file" style="width:150px;height:30px;float:left" action="" @change="importf()">importf (obj) { let _this = this; let inputDOM = this.$refs.inputer; // 通过DOM取文件数据 this.file = e.
2020-06-04 15:38:51
319
原创 项目练习
项目小结var num = Math.random();var num=Math.floor(Math.random()*10+1);var num = Math.random();alert(num); //所得到的的值是0-1之间的 随机数，每次刷新都不同var num=Math.floor(Math.random()*10+1);alert(num); //所得到的的是...
2020-04-28 15:27:01
155
原创 1+x复习（4）
跨列合并：rowspan（）兄弟选择器：#ul2~p相邻选择器：#ul2+pbackground可以设置的属性：background-color： 规定要使用的背景颜色。background-position： 规定背景图像的位置。background-size： 规定背景图片的尺寸。background-repeat ：规定如何重复背景图像。background-origin ...
2019-12-24 16:36:11
231
原创 canvas
13-Day01canvas什么是 canvas?创建Canvas元素Canvas坐标系Canvas - 路径Canvas - 文本实例练习(渐变色绘制)canvas什么是 canvas?HTML5 元素用于图形的绘制，通过脚本 (通常是JavaScript)来完成. 标签只是图形容器，您必须使用脚本来绘制图形。可以通过多种方法使用 canvas 绘制路径,盒、圆、字符以及添加图像。...
2019-12-02 13:49:09
96
原创 通过vue-cli创建项目
12-Day01项目vue-cli 脚手架的安装通过vue-cli构建项目指令 vue init webpack 项目名项目目录结构资源准备 resource文件下Mocking 模拟数据项目vue-cli 脚手架的安装通过cmd 输入 npm 安装 npm install -g vue-cli通过vue-cli构建项目指令 vue init w...
2019-12-02 13:33:07
98
原创 node.js环境
11-Day03NodeNode可以做什么Node.js 环境准备安装NVM安装Node.js安装插件 Terminal 快捷键 ctrl + shift + tNode基于js进行开发 ， node提供操作系统底层的API 包括文件操作 进程操作 通信操作等等机器语言 ----> 汇编语言 —> 高级语言 java 底层就是 cNode可以做什么制...
2019-11-20 13:44:19
105
原创 Vue路由
11-Day02简单实例HTMLJavaScript 相关属性toreplaceappendtagactive-classexact-active-classevent匹配规则简单实例HTML//引包得先引入vue,再引入vue-riuter<script src="https://unpkg.com/vue/dist/vue.js"></script><s...
2019-11-19 13:54:15
136
原创 小球动画
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>小球动画</title> <script src="../libs/vue-2.4.0.js"></script> <style> .bal...
2019-11-18 13:46:59
166
原创 指令，常见请求方式
10-Day05指令例子（焦点）Vue的生命周期什么是生命周期?图示大致分类函数简写常见的请求方式jsonp 的实现原理指令除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。例子（焦点）全局// 注册一个全局自定义指令 `v-focus`Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时……...
2019-11-15 13:53:46
359
原创 ES6 解构赋值
10-Day03var/let/constES6 解构赋值数组模型的解构（Array）基本可嵌套可忽略不完全解析剩余运算符字符串结构默认值对象模型的解构（Object）字符串扩展函数扩展var/let/constvar声明变量存在预解析允许重复声明console.log(flag);var flag = true;let声明变量不存在预解析声明变量不允许重复(在同一作用域)...
2019-11-13 14:41:31
117
原创 Vue模板语法
10-Day02Vue语法指令参数动态参数事件修饰符缩写v-bind 缩写（：）v-on 缩写（@）Vue语法指令指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的值预期是单个 JavaScript 表达式(v-for 是例外情况)参数一些指令能够接收一个“参数”，在指令名称之后以冒号表示。例如，v-bind 指令可以用于响应式地更新 HTML 特性：<a ...
2019-11-12 14:01:05
116
原创 Vue.js初识
10-Day01Vue.js步骤VUE到底是什么学习流行框架类库和框架的区别MVVMVue.js步骤引入Vue文件创建Vue实例var vm = new Vue({ el:' ', //区域 data:' ', //存放数据 methods:' ' //可用方法})VUE到底是什么Vue最火的前端框架， React最流行的前端框架(React 除了开发网站之外，...
2019-11-11 16:19:55
234
原创 jquery简单天气查询
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>天气查询</title> <style> #box1{ width: 500px; min-height: 400px; background-co...
2019-11-07 15:38:49
1221
1
原创 WEB简介
9-Day03web的诞生WEB相关概念WWWWebSiteURLWeb标准Web浏览器Web服务器web的诞生1986年美国国家基金会在政府的资助下，用TCP/IP协议建立了NSFNET网络。NSFNET网络与1989年改明为internet，且向公众开放。从此，internet便在全球各地普及起来。时至今日，Internet常用的服务可以概括至以下几种E-mail：电子邮件FTP:...
2019-11-06 14:18:57
187
原创 jquery与ajax分别查询图书
Jquery<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> #box { width: 500px; /* heigh...
2019-11-04 15:33:22
365
原创 PHP初识
PHP格式代码写在<?php ?>标签里<!DOCTYPE html> <html> <body> <?php echo "Hello World!"; ?> </body> </html>变量变量以 $ 符号开始，后面跟着变量的名称变量名必须以字母或者下划线字符开始变量名只能包...
2019-10-31 15:57:14
128
原创 AJAX四步骤
AJAX初识json数据和普通js对象的区别json没有变量json数据的结尾没有分号json数据中的键必须用双引号包住（json是一个字符串）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>AJAX初识</title...
2019-10-31 15:39:32
103
原创 apache安装配置
apache安装配置配置根路径1.找到配置文件 wamp\bin\apache\Apache 2.4.4 \conh\httd.conf2.在文件中搜索(ctrl + F)documentroot3.修改 两个DocumentRoot 的根路径配置虚拟主机配置虚拟主机可以配置多个网站 步骤如下1.开启虚拟主机辅配置 在httpd.conf 中找到 Virt...
2019-10-29 14:32:15
76
原创 ajax初识
8-Day1AJAX服务器请求 F12学习内容初始ajaxajax应用场景客户端和服务器网络相关概念通信协议搭建服务器环境AJAX服务器请求 F12XHR XML HTTP REQUEST (请求) ajaxDOC 页面骨架WS WEB SocketManifest html5 中的本地存储ico icon 图标swf flash学习内容初始aja...
2019-10-28 14:26:34
117
原创 多表查询，事务，DCL用户管理
7-Day3多表查询事务事务的基本介绍事务的四大特征事务的隔离级别（了解）DCL（管理用户，授权）多表查询* 查询语法： select 列名列表 from 表名列表 where....where 和 having 的区别1. where 是分组之前，不满足不参与分组 having 是分组之后，不满足没有结果2. having 聚合函数 where 不跟聚合函数...
2019-10-23 14:06:09
143
原创 MySQL数据库（创建、查找、修改、删除）
7-Day1什么是web前端三个部分前端的分类数据库的基本概念MySQL数据库软件SQLDDL: 操作数据库、表DML：增删改表中数据DQL：查询表中的记录什么是web前端web面向用户(浏览者)，看的见摸得着的都是前端输入域名后，命令通过互联网找到服务器，如果命令正确返回相应结果。人机交互属于前端 服务器处理，数据校验属于后端三个部分html 结构 css 外观 js 交...
2019-10-21 14:41:18
491
原创 飞机大战游戏
6-Day5分析创建飞机 （飞机跟着鼠标动）创建子弹子弹移动创建敌机敌机移动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
2019-10-18 16:04:42
119
原创 flybird
6-Day2注意js样式属性值必须是字符串，有单位<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> *{ margin: 0; padding: 0...
2019-10-17 15:11:08
141
原创 瀑布流图片
6-Day3分析 :获取itemBox的宽度获取item的宽度求出列数 itemBox的宽度 / item的宽度求出间距 (总宽度 - 元素个数* 元素宽度) / (列数 - 1)实现瀑布流布局滚动页面时 加载数据<!DOCTYPE html><html lang="en"><head> <meta charset="U...
2019-10-17 15:03:02
120
原创 正则
5-Day5正则表达式什么是正则表达式正则表达式的作用正则表达式的特点正则表达式的组成元字符常用元字符串限定符其它JavaScript 中使用正则表达式创建正则对象参数案例：表单验证正则表达式什么是正则表达式正则表达式：用于匹配规律规则的表达式，正则表达式最初是科学家对人类神经系统的工作原理的早期研究，现在在编程语言中有广泛的应用。正则表通常被用来检索、替换那些符合某个模式(规则)的文本。...
2019-10-12 15:15:47
58
原创 fullpage全屏插件
5-Day2fullpage 全屏插件说明功能基本使用fullpage 详细参数fullPage.js 方法回调函数jQuery Easing.js 插件fullpage 全屏插件说明鼠标滚轮事件，绑定页面宽高fullPage.js 是基于 jQuery 的插件，能够很方便、很轻松的制作出全屏网站。github 官网 https://github.com/alvarotrigo...
2019-10-09 14:15:01
113
原创 jQuery动画、遍历、插件
5-Day1JQuery 高级动画遍历jsjQuery事件绑定插件JQuery 高级动画 1. 默认显示和隐藏方式 1.show([speed,[easing],[fn]]) 1.speed:动画的速度，三个预定义('slow','normal','fast'),或表示动画时长毫秒值 2.easing:切换效果，默认值'swing',可选参数'linear' *sw...
2019-10-09 13:57:08
84
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人