- 博客(49)
- 收藏
- 关注
RSS订阅原创 小程序更换switch开关的颜色，radio样式，checkbox样式
/*swtich整体大小及背景色*/.wx-switch-input{width: 80rpx !important;height: 40rpx !important;background: #0C2648 !important;border: #0C2648 !important;}/*白色样式（false的样式）*/.wx-switch-input::before{width: 80rpx !important;height: 40rpx !important;
2021-11-28 14:11:40
835
原创 uni-app 公众号测试号 jssdk使用配置 本地服务器
1、uni-app 项目跑起来2、登录测试号公众号记住JS接口安全域名人家叫你写的是域名就一定不要带协议（http/https）否则报错：errMsg: "config:fail,Error: 系统错误，错误码：40048,invalid url domain3,、配置manifest.jsonh5 页面记得配置 运行http://localhost:8080/#/pages/test/test地址去除 /#/否则 因为地址带 '/#/ ’系统错误，错误码：63002,invalid s
2021-02-24 18:12:03
1018
1
原创 uni-app h5开发环境解决跨域
项目要注意保存、重启，不知道什么原因，可能是没项目改完后没起作用，写对了但总是失败·，最后保存重启就成功了。"h5" : { "title" : "Test", "devServer": { "port": 8080, "disableHostCheck": true, "proxy": { "/": { "target": "https://xxxxxxx", "changeOrigin": true, "se
2021-02-23 12:51:42
315
原创 路由vue-router
Vue-Router基础进阶导航守卫解析流程1、全局前置守卫 beforeEach2、全局解析守卫 beforeResolve3、全局后置钩子 afterEach4、路由独享的守卫 beforeEnter5、组件内的守卫 beforeRouteEnter、beforeRouteUpdate、beforeRouteLeave路由元信息获取数据1、导航完成后获取数据2、导航完成前获取数据滚动行为路由懒加载基础进阶导航守卫解析流程导航被触发在失活组件里调用 beforeRouteLeave守卫 调
2021-02-02 17:13:27
181
2
原创 es语法新运算符
1、空值合並运算符 “??”?? 提供了一种简短的语法，用来获取列表中第一个“已定义”的变量（译注：即值不是 null 或 undefined 的变量）。x = a ?? b是下面表达式的简写x = (a !== null && a !== undefined) ? a : b;参考：https://mp.weixin.qq.com/s/wYp5IlSBTg58t4P5fJ9T5g2、可选链式操作符（?.）let person = {};// 如果person对象不包
2021-01-25 16:06:36
679
原创 处理数组对象层级，树形数据（递归）
处理数组对象层级，树形数据（递归）数据范例let test = { hasChild: true, children: [ { hasChild: false, children: [], }, { hasChild: true, children: [ { hasChild: true,
2020-12-28 11:15:08
592
1
原创 红宝书note-17Path
P523/** * 跨浏览器事件处理函数 * let btn = document.getElementById("myBtn") * let handler = function() { console.log("Clicked"); }; * EventUtil.addHandler(btn, "click", handler); * EventUtil.removeHandler(btn, "click", handler); */var EventUtil = {
2020-11-16 16:52:22
106
原创 js浮点数运算
/*** method ** * add / subtract / multiply /divide * floatObj.add(0.1, 0.2) >> 0.3 * floatObj.multiply(19.9, 100) >> 1990 * */var floatObj = function() { /* * 判断obj是否为一个整数 */ function isInteger(obj) { return Mat
2020-11-16 14:13:25
329
原创 axios的文件流blob
web批量下载图片：web批量下载图片updataZip(res, index) { let blob = new Blob([res], { type: 'application/zip' }) // window.location.href = window.URL.createObjectURL(blob); var zipName = index + '.zip'; // 下载的文件名 let link = document.createElement("a"); // 创建一个&
2020-09-04 16:26:33
711
原创 target=‘_blank‘ 安全漏洞 & window.open()
target=’_blank’ 安全漏洞：https://www.jianshu.com/p/ce1fbf9470b7https://blog.csdn.net/lishuai_it_trip/article/details/89554032聊聊a标签的rel属性浅谈rel=external nofollow和rel=noopener noreferrera标签 rel属性window.open()打开页面的几种方法jq / js 动态添加页面跳转<!--<li> &l
2020-08-24 22:35:06
1109
原创 uni-app框架ing...
框架公共样式APP.voe生命周期onBackPress()小程序不支持：open-type=“nav…”onUnload()为主尺寸upx（基准750upx）375px = 750upx{{xx?xx:xx}} 使用内的三元表达式v-bink:组件属性名 -->：组件属性名:style/:url=“url”/:src=“image”事件处理器<input type="text" :value="title" @input="change"/>change(e)
2020-08-20 17:35:21
310
原创 重温vuex--note
1.Vuex概述Vuex是实现组件全局状态（数据）管理的一种机制，可以方便的实现组件之间的数据共享使用Vuex管理数据的好处：A.能够在vuex中集中管理共享的数据，便于开发和后期进行维护B.能够高效的实现组件之间的数据共享，提高开发效率C.存储在vuex中的数据是响应式的，当数据发生改变时，页面中的数据也会同步更新2.Vuex的基本使用创建带有vuex的vue项目，打开终端，输入命令：vue ui当项目仪表盘打开之后，我们点击页面左上角的项目管理下拉列表，再点击Vue项目管理器点击创建项
2020-08-07 23:20:52
225
原创 Promise
参考文章：ES6 Promise用法小结：https://blog.csdn.net/qq_34645412/article/details/81170576promise：https://www.jianshu.com/p/1b63a13c2701
2020-08-02 17:25:13
106
原创 2020.5.6-2020.7.29
CSS绘制三角形—border法：https://www.jianshu.com/p/9a463d50e441
2020-08-02 17:05:13
88
原创 各种布局深入浅出
参考文章静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别：https://www.cnblogs.com/yanayana/p/7066948.html响应式布局（弹性布局 响应式布局的实现方式及应用）：https://www.cnblogs.com/BingBing-Deng/p/9673930.html响应式布局：CSS3弹性盒flex布局模型：响应式布局：CSS3弹性盒flex布局模型弹性盒布局：https://www.cnblogs.com/yueranran/p/1320
2020-08-02 16:19:59
114
原创 js正则表达式
参考文章精通 JS正则表达式：https://www.cnblogs.com/aaronjs/archive/2012/06/30/2570970.htmlJS正则表达式完整版：https://blog.csdn.net/h610443955/article/details/81079439JS正则表达式语法大全（非常详细）：http://c.biancheng.net/view/5632.html用户名、密码等15个常用的js正则表达式：https://www.jb51.net/article/1
2020-08-02 16:04:35
88
原创 canvas -半圆环进速条
参考：进度条jsvar _page = { scoreCanvas(id ,progress) { // canvas进度条 var canvas = document.getElementById(id); //获取屏幕的宽度 var clientWidth = api.winWidth; //根据设计图中的canvas画布的占比进行设置 v
2020-07-05 21:35:31
404
原创 Web API 案例
学习视频：https://www.bilibili.com/video/BV1uE411t7FR?p=26小案例，小积累肆：操作元素仿京东显示密码框点击关闭二维码循环精灵图背景显示隐藏文本框内容密码框格式提示错误信息百度换肤表格隔行变色表单全选、取消全选案例tab栏切换肆：操作元素仿京东显示密码框<div class="box"> <label for...
2020-05-03 21:48:41
332
原创 Web API 知识总结
学习视频：https://www.bilibili.com/video/BV1uE411t7FR?p=26小基础，大进步！肆操作元素总结排他思想肆操作元素一、改变元素内容:element.innerTextelement.innerText二、常用元素的属性操作innnerText、innerHTMLsrc、hrefid、alt、title三、表单元素的属性操作t...
2020-05-03 21:48:17
214
原创 三种创建元素方法的区别
三种创建元素方法的区别innerHTML拼接效率测试innerHTML数组效率测试createElement效率测试<button>点击</button> <p>abc</p> <div class="inner"></div> <div class="create"></div&...
2020-05-03 21:44:32
217
原创 vue利用name属性递归组件
https://www.cnblogs.com/aaronzhou001/p/10310384.html官方文档element-ui 菜单模板封装（递归）vue自定义组件的递归什么是递归组件？递归组件就是指组件在模板中调用自己。递归都需要 化繁为简 和 出口 ，递归组件的化繁为简很简单，只需要指定组件的 name 属性即可；递归组件的出口也很简单，就是通过 v-if 指定递归的终点。...
2020-04-26 16:55:10
606
原创 使用组件布局常见的（头左右）页面
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document&l...
2020-04-17 19:06:49
298
原创 我只是小案例的垫脚石
案例：学生档案信息的填写，显示在表格中。运行环境：node.js下的运行环境1、准备工作创建文件夹student，在student文件夹下创建4个目录public：静态资源views：模板页面model：数据库文件rotue：路由文件2、使用http搭建web服务器student根目录下创建app.js// 引入http模块const http = require('ht...
2020-04-17 15:34:13
102
原创 重温vue.js
v-bink是vue中，提供的用于绑定属性的指令（简写 : ）v-bink 中，可以写合法的JS表达式v-onvue提供了事件绑定机制（简写 @ ）事件修饰符.stop 阻止冒泡事件.prevent 阻止默认行为.capture 实现捕获事件机制.self 实现当前元素自己的事件，不同通过冒泡或捕获事件实现.once 只触发一次...
2020-04-16 22:59:10
264
原创 Vue使用-品牌列表案例-增删过滤器
品牌案例-完成品牌列表的添加功能品牌案例-根据Id完成品牌的删除品牌案例-根据关键字实现数组的过滤过滤器-Vue中全局过滤器的基本使用引入<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"><script src="js/vue.js"></script>布局<...
2020-04-14 18:18:41
137
原创 这是一篇没有主题的文章
原来css中的border还可以这样玩原来css中的border还可以这样玩jsquery给页面设置了样式 但是页面刚进来的时候 js文件没被加载 刷新之后样式才有//原生js写法：window.onload = function(){把你写的代版码放进来这里。权}//jq写法:$(function(){把你写的代码放进来这里。})...
2020-04-10 16:28:47
98
原创 动画Animate.css使用
参考：https://www.dowebok.com/98.html animate.css的使用 css3动画简介以及动画库animate.css的使用 CSS3 自定义动画（animation）使用方法1、引入文件<link rel="stylesheet" href="animate.min.css">2、HTML 及使用给元素加上 class 后...
2020-04-10 16:24:28
142
原创 基于JQuery的老插件fullPage.js
参考链接：http://fullpage.81hu.com/#note#onLeave (index, nextIndex, direction)滚动前的回调函数，接收 index、nextIndex 和 direction 3个参数index 是离开的“页面”的序号，从1开始计算；nextIndex 是滚动到的“页面”的序号，从1开始计算；direction 判断往上滚动还是往下滚...
2020-04-10 16:04:40
170
原创 ES6-和与java有点儿相似的Class类
（该文章仅用于笔者的学习笔记，详情请阅读参考文献更好）参考文献（阮一峰）：https://es6.ruanyifeng.com/#docs/class JavaScript 语言中，生成实例对象的传统方法是通过构造函数。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = funct...
2020-04-01 11:42:14
362
原创 vue_shop电商后台管理系统
1. 项目概述1.2 电商后台管理系统的功能 电商后台管理系统用于管理用户账号、商品分类、商品信息、订单、数据统计等业务功能。 电商后台管理系统前端项目技术栈 Vue Vue-router Element-UI Axios Echarts4.3 通过接口获取菜单数据通过 axios 请求拦截器添加 token，保证拥有获取数据的权限。 // axi...
2020-03-17 11:13:52
2095
原创 让人原地去世的eslint语法检测
红框里的格式 错黄色的下划线的格式 对有的地方需要空格，比如 “{” 或者“,”后面（右边是报错信息）还有对 style后面要看空行错对 data()前面缩进2格错 data()前面缩进4格...
2020-03-10 20:51:25
68
原创 Element-ui表单验证，输入值正确却不能通过验证
Element-ui表单验证，输入值正确却不能通过验证这里运用vue-cli脚手架，安装element-ui插件来写的直接上图当然不排除其他错误，注意点有代码：<template> <div class="login_container"> <div class="login_box"> <!-...
2020-03-10 20:22:16
1695
1
原创 vue-cli脚手架安装的艰辛过程
当我兴高采烈的打开powershell，劈里啪啦的敲下 npm install -g @vue/cli 命令，按下回车的那一瞬间，我就知道事情不简单（内心有千万只草泥马奔腾）。 没错，报错了，一开始是这样滴： [email protected]: core-js@<3 is no longer maintained and not recommended for usage due to...
2020-03-09 16:11:40
447
原创 Bootstrap-note
去除bootstrap默认内外边距 container样式 padding-left：0px 和padding-right：0px； 然后在该容器子元素 row复写样式 .row{margin:0};即可， 如果row有子元素列，col-- {padding：0}即可。.container{ padding-left：0px; padding-right：0px；}.con...
2020-03-06 15:41:47
243
1
原创 请求响应原理&了解http协议
服务器端基础概念网站的组成 网站应用程序主要分为两大部分：客户端和服务器端。 客户端：在浏览器中运行的部分，就是用户看到并与之交互的界面程序。使用HTML、CSS、JavaScript构建。 服务器端：在服务器中运行的部分，负责存储数据和处理应用逻辑。Node网站服务器 能够提供网站访问服务的机器就是网站服务器，它能够接收客户端的请求，能够对请求做出响应。IP地址 ...
2020-02-25 16:00:02
159
原创 在node中使用express框架
Express框架简介及初体验Express框架是什么 ? Express是一个基于Node平台的web应用开发框架，它提供了一系列的强大特性，帮助你创建各种Web应用。我们可以使用 npm install express 命令进行下载。Express框架特性提供了方便简洁的路由定义方式对获取HTTP请求参数进行了简化处理对模板引擎支持程度高，方便渲染动态HTML页面提供...
2020-02-25 15:10:13
150
原创 进军模板引擎art-template 优化代码
art-template模板引擎在命令行工具中使用 npm install art-template 命令进行下载使用const template = require(‘art-template’)引入模板引擎告诉模板引擎要拼接的数据和模板在哪 const html = template(‘模板路径’, 数据);使用模板语法告诉模板引擎，模板与数据应该如何进行拼接art-templa...
2020-02-25 14:28:54
161
原创 MongooDB数据库
数据库概述 数据库即存储数据的仓库，可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件，可以通过API去操作它。常见的数据库软件有：mysql、mongoDB、orac 在一个数据库软件中可以包含多个数据仓库，在每个数据仓库中可以包含多个数据集合，每个数据集合中可以包含多条文档（具体的数据）数据库环境搭建下载地址：https://www.mongodb.com/do...
2020-02-25 11:51:35
218
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人