- 博客(105)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 执行上下文
<script> /* 1、代码分类（根据位置） *全局代码 *局部（函数）代码 2、全局执行上下文 *在执行全局代码前将window确定为全局执行上下文 *对全局数据进行预处理 *var定义的全局变量 --> undefined --> 添加为window的属性 *function声明的函数 --> 赋值(fun) --> 添加为window的方法
2022-05-23 14:30:16
63
原创 js - 内存溢出与内存泄漏
<script> /* 1、内存溢出 一种程序运行出现的错误 当程序运行需要的内存超过了剩余的内存时，就会抛出内存溢出的错误 2、内存泄漏 *占用的内存没有及时释放 *内存泄漏积累多了就容易导致内存溢出 *常见的内存泄漏 *意外的全局变量 *没有及时清理的计时器或回调函数 *闭包 */ // 1、内存溢出 - 会直接导致网页崩溃 va
2022-05-15 20:10:29
817
原创 js - 对象创建模式
<script> /* 对象创建模式 */ /* 方式一：Object构造函数模式 套路：先创建空Object对象，再动态添加属性/方法 适用场景：起始时不确定对象内部数据 存在问题：语句太多 */ // 一个人：name:'Tom', age:'30' var p1 = new Object() p1.name = 'Tom' p1.age = 30 p1.setName = function(nam
2022-05-09 17:12:27
73
原创 JS - 显式原型和隐式原型
<script> /* 1、每个函数function都有一个prototype，即显式原型（属性） 2、每个实例对象都有一个__proto__，可称为隐式原型（属性） 3、实例对象的隐式原型的值为其对应的构造函数的显式原型的值 4、总结 *函数的prototype属性：在定义函数时自动添加，默认指向一个空的Object对象 *对象的__proto__属性：创建对象时自动添加，默认值是构造函数的prototype属性值 *能直
2022-05-02 08:09:34
388
原创 vue2.4新增 - $attrs & $listeners & inheritAttrs
$attrs只读属性包含了父作用域中不作为 props 被识别 (且获取) 的特性绑定 (class 和 style 除外)可以通过v-bind="$attrs"传入内部组件包含了父作用域中不作为 props 被识别 (且获取) 的特性绑定 (class 和 style 除外)父组件<template> <div> // 子组件上绑定了三个值 - happy、peter、attrs <child :happy="happy" :peter="
2022-04-18 00:11:59
2813
1
原创 Quill富文本编辑器
// html代码<view v-model="content" class="kindeditor-component" style="width: 625px; height: 302px;"> <view id="editor"> </view></view>// 引入// 富文本import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import
2022-04-10 22:14:01
1015
原创 router导航守卫 - router.beforeEach()
导航守卫主要通过跳转或取消的方式守卫导航导航守卫可以用于在页面跳转前做一些需要的逻辑处理例如：点击我的，登录前跳转进入登录页面，登录后跳转进入我的页面可以在router文件夹下的index.js中写入路由导航router.beforeEach((to, from, next) => { // to：即将进入的路由对象，包含name、params、meta等 // from：即将离开的路由对象，包含name、params、meta等 // next()：确保调用next()，否则钩子
2022-03-27 09:19:18
1147
原创 JS - 数组排序 sort()
用法一：以字母顺序对数组进行排序var stringArr= ["Banana", "Orange", "Apple", "Mango"]stringArr.sort() // ["Apple", "Banana", "Mango", "Orange"]用法二：数字排序当直接使用sort() 方法对数字进行排序时，会出现不正确的结果，因为sort() 方法默认使用字母顺序排序，例如：var numsArr = [100, 23, 13, 90, 34, 0, 2]numsArr.sort(
2022-03-20 15:43:50
535
原创 微信小程序 - 自定义标题机型适配
<view class="nav-bar" :style="{ 'height': navHeight + 'px' }"></view>data() { return { // 头部总高度,iPhone5/6/7/8默认64px navHeight:64, }}onLoad(params) { this.attached()},methods: { attached() { var that = this;
2022-03-05 20:11:04
600
原创 微信小程序在组件中刷新当前页面
//当前页面var page = getCurrentPages().pop(); if (page == undefined || page == null) return; //page.onShow() 或者其它操作 例如：page.onLoad()page.onShow();
2022-02-28 10:53:44
1524
原创 get请求中参数含有特殊字符时处理方法
get请求中参数含有特殊字符时，传到后端的值会出现问题例如：邮箱：q5p9jp+7lx98vtoxft4vm3o@sharklasers.comget请求中发送给后端时，参数为：q5p9jp 7lx98vtoxft4vm3o@sharklasers.com解决方法：1、后端将get请求修改为post请求2、前端对参数进行编码encodeURIComponent(this.ruleForm.email)...
2022-02-21 19:38:02
1453
原创 el-date-picker type=daterange日期回显
回显时，el-date-picker 所绑定的 v-model 的值已经改变，但是控件中没有实时更新在@input中采用 this.$set 方法进行数据的更新<el-date-picker v-model="baseForm.liveTime" type="daterange" range-separator="-" start-placeholder="开始时间" end-placeholder="结束时间" @input="timeDetail
2022-01-23 20:57:17
4066
原创 css - nth-child(n)
.infinite-list-item{ margin-right: 20px;}// 第0个：5*0// 第5个：5*1.infinite-list-item:nth-child(5n){ margin-right: 0;}
2022-01-16 20:09:54
389
原创 项目在打包时，去掉所有的console.log输出
在main.js中写入如下配置// process是Node环境全部变量, 运行时根据敲击的命令不同, 脚手架会取环境变量给env添加属性和值if (process.env.NODE_ENV !== 'development') { console.log = function () {} console.error = function(){} console.dir = function(){}}...
2022-01-09 20:16:58
676
原创 动态显示伪类 :before中的content
<!-- data-before=""和content:attr(data-before) 配合，可以设置content中的值 data-before=""不能编译变量，它里面的值会如实显示在页面上 可以通过js实现动态显示 --><span data-before="点击招全职" class="school-publish-badge"> {{inter.fxz}}</span>.school-publish-badge:before {
2022-01-02 21:02:28
1305
原创 vue中使用clipboard实现点击复制功能
1、在Vue中引入clipboardnpm install clipboard --save2、在需要的组件中引入import Clipboard from 'clipboard';3、页面中使用<view class="relation"> <span>联系我们</span> <span id="copy" class="mlr">{{copyEmail}}</span> // :data-clipboard-text=
2021-12-04 09:08:08
1099
原创 vue - 文件导出
接口// 导出某场考试的成绩export function scoreDownload (params) { return request({ url: '/api/eExamInfo/download', params, method: 'get', responseType: 'blob' })}调用接口// 导出downloadScore(row){ let params = { examInfoId: row.id } Exa
2021-11-28 17:48:32
384
原创 vue - 密码加密
第一步：在终端npm install jsencrypt安装安装后查看node_modules，确认已经安装好了第二步：在utils文件夹中新建文件rsaEncrypt.jsimport JSEncrypt from 'jsencrypt/bin/jsencrypt'// 可以在这个网站生成私钥和公钥// 密钥对生成 http://web.chacuo.net/netrsakeypair// 这个网站生成的公钥，项目暂时使用这个公钥const publicKey = ''// smp
2021-11-21 19:33:32
4672
1
原创 层次化局域网模型 - 核心层、汇聚层、接入层
在层次化局域网模型中，核心层的主要功能是将分组从一个区域高速的转发到另一个区域。核心层是因特网的高速骨干，由于其重要性，因此在设计中应采用冗余组件设计，使其具备高可靠性，能快速适应变化。在设计核心层设备的功能时，应尽量避免使用数据包过滤、策略路由等降低数据包转发处理的特性，以优化核心层获得低延迟和良好的可管理性汇聚层是核心层和接入层的分界点，应尽量将资源访问控制、核心层流量的控制等都在汇聚层实施。汇聚层应向核心层隐藏接入层的详细信息，汇聚层向核心层路由器进行路由宣告时，仅宣告多个子网汇聚而形成的一个
2021-11-14 17:58:56
5698
原创 片级初始化、板级初始化、系统级初始化
嵌入式系统初始化过程可以分为3个主要环节，按照自底向上、从硬件到软件的次序依次为：片级初始化、板级初始化、系统级初始化片级初始化：完成嵌入式微处理器的初始化，包括设置嵌入式微处理器的核心寄存器和控制寄存器、嵌入式微处理器核心工作模式、嵌入式微处理器的局部总线模式等。片级初始化把嵌入式微处理器从上电时的默认状态逐步设置成系统所要求的工作状态，这是一个纯硬件的初始化过程板式初始化：完成嵌入式微处理器以外的其他硬件设备的初始化，另外，还需要设置某些软件的数据结构和参数，为随后的系统初始化和应用程序的运行建立硬
2021-11-07 16:23:24
872
原创 程序查询方式、程序中断、直接内存存取DMA
程序查询方式：当主机进行I/O操作时，首先发出询问信号，读取设备的状态并根据设备状态决定下一步操作究竟是进行数据传输还是等待。这种控制下，CPU一旦启动I/O，必须停止现行程序的运行，并在现行程序中插入一段程序程序查询方式特点：CPU有踏步等待现象，CPU与I/0串行工作程序中断：计算机执行现行程序的过程中，出现某些急需处理的异常情况和特殊请求，CPU暂时中止现行程序，而转去对随机发生的更紧迫的事件进行处理，在处理完毕后，CPU将自动返回原来的程序继续执行。在中断方式中，CPU与外设可并行工作当系统
2021-10-31 11:29:13
2966
原创 java - 中缀表达式转后缀表达式
思路分析：1、初始化两个栈：运算符栈s1、储存中间结果的栈s22、从左至右扫描中缀表达式3、遇到操作数时，将其压入s24、遇到运算符时，比较其与s1栈顶运算符的优先级 1）如果s1为空，或栈顶运算符为左括号"("，则直接将运算符入栈 2）如果s1不为空 a、若优先级比栈顶优先级高，也将运算符入栈 b、否则，将s1栈顶的运算符弹出并压入到s2中，再次转到4、1与s1中新的栈顶运算符相比较5、遇到括号时： 1）如果是左括号"("，直接压入s1
2021-09-26 14:20:24
255
原创 java单向环形链表解决约瑟夫问题
Josephu（约瑟夫）问题：设编号为1、2、3……n的n个人围坐一圈，约定编号为k（1≤k≤n）的人从1开始报数，数到m的那个人出列，它的下一位又从1开始报数，数到m的那个人又出列，依次类推，直到所有人出列为止，由此产生一个出队编号的序列通过单向环形链表实现约瑟夫问题，将问题分为两部分1、创建并显示单向环形链表（实现n个人围坐一圈）2、出列（实现报数出列）一、创建并显示单向环形链表// 创建first节点private Boy first = null;// 添加节点，构建环形链表/
2021-09-19 08:58:54
61
原创 html - 复习笔记
<!-- abbr标签定义缩写，一般搭配title属性提示缩写词的全称 --><abbr title="HyperText Markup Language">HTML</abbr><!-- address标签定义地址 --><address>北京市天安门广场</address><!-- bdo标签指定文本方向 dir属性为必填项 dir="ltl" 文字从右到左显示 dir="rtl"
2021-09-12 20:25:47
169
原创 安全教育项目总结
这次写的安全教育项目的前端分为前台和后台，前台是使用uniapp写的微信小程序，后台是smpe框架（vue-element-admin）写的管理系统。框架搭建首先进行了前台和后台的项目框架搭建。后台项目使用的是smpe框架，没有遇到什么问题。第一次做uniapp项目，不太清楚怎么搭建uniapp项目框架，问了之前做过uniapp项目搭过框架的学姐后，通过HBuilder X创建项目，配置了路由，建了原型图上的页面，配置了底部导航栏，配置了拦截器，以为应该可以了，结果在写代码时出现了问题。由于没有
2021-09-05 16:20:15
98
原创 处理富文本中的图片、文字首行缩进
<view v-if="studyInfo.content!==''" v-html="studyInfo.content"></view>// 处理富文本中的图片if(this.studyInfo.content!==''&&this.studyInfo.content!==null){ const regex = new RegExp('<img','gi'); this.studyInfo.content = this.studyInfo.c
2021-08-28 20:13:49
740
原创 uniapp - 触底加载、下拉刷新及关闭下拉刷新
<view class="interval" v-if="flag">------我是有底线的------</view>methods: { // 调用接口 getStudyList(callBack){ let params = { safeTypeId: this.safeTypeId, current: this.current } Home.studyData(params).then(res=>{
2021-08-21 17:23:04
1664
原创 this.$router.push用query传递对象
this.$router.push({ path: 'AddExam', query: { fee: JSON.stringify(res.data) }})if (this.$route.query) { this.fee = JSON.parse(this.$route.query.fee)}用query传递对象时，要把对象转化成字符串接受对象时，要把字符串转化为对象不然接收不到参数...
2021-08-14 21:22:37
1386
原创 uni-app - 顶部水平可滚动导航栏
<!-- 导航 --><scroll-view class="navs" scroll-x> <view class="navs-view"> <view class="navs-item" v-for="item in navs"> <view class="title">{{item.title}}</view> </view> </view></scroll-.
2021-08-02 09:22:11
1775
2
原创 uni-app - 样式
1、支持rpx（小程序样式单位），即响应式px，一种根据屏幕宽度自适应的动态单位，以750宽的屏幕为基准，即750rpx为屏幕宽度，375rpx为屏幕的一半2、使用@import导入外联样式表3、在当前页面填写的样式即为当前页面的样式（局部样式），不必加scope，在App.vue中添加的样式为全局样式，局部样式会覆盖全局样式4、支持基本常用的选择器，例如class\id等等，不支持 * 选择器5、添加字体图标字体文件的引用推荐使用-@开头的绝对路径使用字体图标的步骤1）将字体图标的css文件
2021-05-30 15:42:17
587
原创 点击页面其他位置，弹窗消失
功能：1、点击消息，显示消息弹窗2、再次点击消息，弹窗消失3、点击页面弹窗外其他地方，弹窗消失实现：消息弹窗封装为一个组件<div @mouseenter="mouseenter()" @mouseleave="mouseleave()"> <div v-show="open"> ...... </div></div>data(){ return{ // 弹窗状态 open: false, // 鼠
2021-05-23 15:45:07
3387
1
原创 分页，点击加载更多
<div v-if="isHadMessage"> 暂无消息</div><div v-else> <div v-if="isLoading" @click="loadMore"> 点击加载更多...... </div></div>// 接口引入import CaseSearch from '@/api/system/caseSearch.js'data(){ return{ // 用于存放
2021-05-16 11:38:06
251
原创 vue - v-if和v-for不能用在同一个元素上
原因：v-for优先级比v-if高如果把v-if和v-for同时用在同一个元素上，每次渲染都会先循环再进行条件判断，会带来性能方面的浪费，所以永远不要把v-for和v-if同时用在同一个元素上用法：1、将v-if放到循环列表元素的父元素中2、在外层嵌套template层（页面渲染不生成dom节点）进行v-if判断，然后在内部进行v-for循环例子：错误写法： <div id='app'> <!-- 每循环一次，就进行一次v-if判断 比如，
2021-03-28 09:24:22
519
原创 html - meta标签
meta标签：组成：http-equiv属性、name属性1、http-equiv属性可用于模拟一个http响应头，向浏览器传回一些有用的信息，让网页显示正确的信息，对应属性值为content，content内容为各个参数的变量值<meta http-equiv="参数" content="参数变量值">参数：content-type：规定文档的字符编码<meta http-equiv="content-type" content="text/html; charset=U
2021-03-21 15:03:42
47
原创 json-server搭建REST接口
REST规范：用URL定位资源，HTTP动词（GET/POST/PT/DELETE）描述操作即URL中只使用名词来指定资源，用HTTP协议中的动词来实现资源的增删改查json-server搭建REST接口1、全局安装json-servernpm install -g json-server2、创建 db.json文件，写入一些资源{ "posts": [ { "id": 1, "title": "json-server", "author": "typicode" } ],
2021-02-17 11:39:17
136
1
原创 git - 高层命令
安装git --version初始化配置git config --global user.name "damu"git config --global user.email damu@example.com git config --list初始化仓库git initC(新增)在工作目录中新增文件git statusgit add ./git commit -m "msg" U(修改)在工作目录中修改文件git statusgit add ./git c
2021-02-16 14:47:12
76
vue制作的简易商城
2020-11-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人