- 博客(46)
- 资源 (9)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 element 分页列表组件2.0(附上组件代码)2020-08-17
##PageTable 组件使用添加说明父组件操作<PageTable ref="pageTable" :url="url" :queryParams="tableQuery" :tableColumns="tableColumns" v-on:getTableData="getSonData" :multipleSelection.sync="selectedRows" :showCheckBox="true" :showRowIndex="true"> </PageTable>
2022-01-20 16:16:57
1388
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 分页列表组件
##PageTable 组件使用添加说明父组件操作<PageTable ref="pageTable" :url="url" :queryParams="tableQuery" :tableColumns="tableColumns" v-on:getTableData="getSonData" :multipleSelection.sync="selectedRows" :showCheckBox="true" :showRowIndex="true"> </PageTable>
2021-08-30 16:59:28
437
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 个人特殊样式收藏
1.增加右箭头 .step_item{ width: 300px; background: #999999; height: 60px; &::before{ content: ' '; border: 30px solid transparent; border-left-color: #999999;
2021-08-30 14:46:11
83
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue首次加载很慢、vendor文件过大的优化方式
最近开发一套后台管理系统,遇到首页加载很慢的问题,技术栈是 vue全家桶 + elementUI + echarts 。首次加载大概需要10s,页面才能出来。总结如下原因:原因1:由于vendor.js和app.css较大,UI渲染线程并不会优先加载他俩,但是VUE等主流的单页面框架都是js渲染html body的,所以必须等到vendor.js和app.css加载完成后完整的界面才会显示。原因2:还有一个原因就是单页面首次会把所有界面和接口都加载出来,会有多次的请求和响应,数据不能马上加载二者相加
2020-10-19 11:21:30
1489
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Android中.9图片的含义及制作教程、去黑线
1.Android中.9图片的含义及制作教程详细制作步骤可参考链接:Android中.9图片的含义及制作教程2.去黑线下载工具xUltimate-d9pc-x86把要去除黑线的图片放到example1\res\drawable-hdpi目录下,然后点击xUltimate-d9pc.exe,运行,等一两秒,滴答一声就好了,处理好的.9图片在done\example1\res\drawable-hdpi 目录下,把图片复制出来就可以用了3.app打包报错异常信息:Error:too many pa
2020-09-01 10:56:38
665
原创 vue的跳转方式
1.router-link跳转 // 直接写上跳转的地址 <router-link to="/detail/one"> <span class="spanfour" >link跳转</span> </router-link> // 添加参数 <router-link :to="{path:'/detail/two', query:{id:1,name:'vue'}}"> </router-link>
2022-03-15 14:45:18
2106
原创 微前端qiankun- 应用间的通讯
A主应用,提供通讯1.修改main.js,增加通讯所需代码import { initGlobalState} from 'qiankun';// 通讯const actions = initGlobalState({ mt: 'stateValue' // 初始化state值})// 在项目中任何需要监听的地方进行监听,在这里监听是为了方便actions.onGlobalStateChange((state,prev)=>{ console.log('main state c.
2021-12-29 15:22:11
801
原创 element ui 树形控件tree实现单选功能
1:父子节点不关联check-strictly2:实现单选 handleCheckChange<el-tree :props="defaultProps" ref="tree" :data="treeData" :check-strictly="true" show-checkbox node-key="id" default-expand-all highlight-current @check-change="handleCheckChange">&
2021-12-17 16:34:17
3757
1
原创 计算两点之间距离算法geoHash
计算两点之间距离算法geoHashvar EARTH_RADIUS = 6378137.0; //单位Mvar PI = Math.PI;function getRad(d){return d*PI/180.0;}function getGreatCircleDistance(lat1,lng1,lat2,lng2){var radLat1 = getRad(lat1);var radLat2 = getRad(lat2);var a = radLat1 - radLat2;var b
2021-03-22 16:29:53
859
原创 vue,jquery 登录时 enter 触发提交
1.vue 登录时 enter 触发提交 created(){ window.addEventListener('keydown', this.handleKeyDown, true)//开启监听键盘按下事件 }, handleKeyDown (e) { let key = null if (window.event === undefined) { key = e.keyCode } else { key =
2020-10-27 16:42:35
288
原创 计算机系统结构简答题
三、简答题(本大题共5小题,每小题6分,共30分)计算机21.简述计算机功能分别用硬件实现和软件实现的优点和缺点。(1)计算机功能用硬件实现的优点是速较快,(1分)性能好,(1分)缺点是不灵活,适应差。(1分)(2)计算机功能用软件实现的优点是设计容易,修改容易,(1分)有灵活的适应性,(1分)缺点是速度、性能低。(1分)21.简述软、硬件取舍的基本原则。(1)应考虑在现有硬件、器件的条件下,系统要有高的性能价格比,主要从实现费用、速度和其它性能要求来综合考虑;(2)要考虑到准备采用和可能
2020-07-17 16:18:44
2249
原创 计算机系统结构填空题(空)
二、填空题(本大题共10小题,每小题2分,共20分)请在答题卡上作答。1.计算机、程序11.软件的功能可以用___ 或_ 实现。 11.计算机系统设计的主要任务包括系统结构、 和 的设计。13.计算机应用可归纳为向上升级的4类:数据处理、 、 ___ 和智能处理。p44~p4511.计算机组成包括机器级内部的 和 的组成以及逻辑设计等。12.计算机组成着眼于机器内部各事件的 与 、各部件的功能及各部件之间的联系。11.计算机系统结构是对计算机系统中 的定义及其上下
2020-07-10 17:21:12
1167
原创 计算机系统结构选择题
计算机系统结构 | 期末复习总结学习笔记第一部分 选择题一、单项选择题 (本大题共10小题,每小题1分,共10分)在每小题列出的四个备选项中只有一个是符合题目要求的,请将其选出并将“答题卡”的相应代码涂黑。未涂、错涂或多涂均无分。1.以软件为主实现的机器称为p26A.模型机器 B.模拟机C.虚拟机器 D.实际机器2.下列关于系列机软件兼容描述正确的是p40A
2020-07-09 16:04:38
10111
1
原创 添加桌面快捷方式
1.js添加 //只能在IE浏览器添加 toDesktop() function toDesktop() { var e = "http://baidu.com" try { var n = new ActiveXObject("WScript.Shell"), t = n.CreateShortcut(n.SpecialFolders("Desktop") + "\\测试.url"); t.TargetPath = e
2020-07-08 16:59:01
338
原创 计算机系统结构填空题
二、填空题(本大题共10小题,每小题2分,共20分)请在答题卡上作答。1.计算机、程序11.软件的功能可以用___硬件___或____固件___实现。 11.计算机系统设计的主要任务包括系统结构、组成___和__实现____的设计。13.计算机应用可归纳为向上升级的4类:数据处理、信息处理、知识处理 和智能处理。p44~p4511.计算机组成包括机器级内部的___数据流和控制流___的组成以及逻辑设计等。12.计算机组成着眼于机器内部各事件的 排序方式 与 控制机构 、各部件的功能
2020-07-07 09:32:02
1091
原创 input输入框只能输入数字和 小数点后两位
input输入框只能输入数字和 小数点后两位//input输入框只能输入数字和 小数点后两位function num(obj,val){obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字obj.value =...
2020-03-27 16:13:10
1459
原创 表格vue+elementui 动态固定el-table头部
1.静态固定el-table 里加 max-height="633” 或者height="633” <el-table ref="multipleTable" max-height="633” :data="tableData" stripe tooltip-effect="dark" style="width: 100%;" > </el-table>...
2020-03-19 16:26:43
7688
4
原创 Uni-app中Class绑定与Style绑定
Uni-app中Class绑定与Style绑定为了节约性能,我们将Class与Style的表达式通过compiler硬编码到uni-app中支持语法和转换效果如下:Class支持语法:1 <view :class="{ active: isActive }">111</view>2 <view class="static" v-bind:class="{ a...
2020-01-20 09:11:36
1155
原创 父子组件互相传递参数
#注意子组件向父组件传值(通过事件形式)1.父组件<!-- // 父组件 father.vue--><template> <div id="app"> <son v-on:titleChanged="updateTitle" v-bind:verify_num="verify_num" ></son> <!-- ...
2020-01-19 16:52:41
396
转载 vue h5转换uni-app指南(vue转uni、h5转uni)
转载:添加链接描述如果你已经有了一个基于vue开发的H5站点,想转换为uni-app。首先注意2个前提:1、你的web站是适合手机屏幕的;2、你的H5代码是全后端分离的,uni-app只处理前端代码。一切从新建一个uni-app项目开始。然后依次进行文件处理把之前的vue web项目的前端代码copy到新项目下如果之前的文件后缀名是.html,需要改为.vue,并注意遵循vue单文件组...
2020-01-07 09:20:10
7346
原创 js封装方法
1、判断是否是一个数组function isArray(arr){return Object.prototype.toString.call(arr) ===’[object Array]’;}isArray([1,2,3]) //true2、判断是否是一个函数(三种)function isFunction(fn) {return Object.prototype.toString....
2019-12-31 17:41:53
161
原创 JS获取几个月后的时间.html
<!DOCTYPE HTML><html> <head> <meta charset="utf-8"/> <title></title> <style> input { width:200px; } <...
2019-12-30 15:45:26
777
原创 webpack的安装和基本使用
webpack简介本质上,webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时,它会递归地构建一个依赖关系图(dependency graph),其中包含应用程序需要的每个模块,然后将所有这些模块打包成一个或多个 bundle。webpack 基本使用webpack 处理 JS 文件之间的相互依赖关系,...
2019-12-13 14:58:21
130
原创 js数组
JavaScript的Array可以包含任意数据类型,并通过索引来访问每个元素。要取得Array的长度,直接访问length属性:var arr = [1, 2, 3.14, ‘Hello’, null, true];arr.length; // 6请注意,直接给Array的length赋一个新的值会导致Array大小的变化:var arr = [1, 2, 3];arr.length...
2019-12-13 14:21:18
77
原创 document.getElement...使用和区别
document.getElement…使用和区别A.JQuery$(’.date’).html(ajaxHtml);B.原生获取dom1.ID1) var _table = document.getElementById(‘date’).innerHTML =ajaxHtml;2) var _table = document.querySelector(’#date’)....
2019-12-11 14:19:41
7902
原创 setAttribute()、attr()使用
前言:在JS中设置节点的属性与属性值用到setAttribute(),获得节点的属性与属性值用到getAttribute(),而在jquery中,只需要用到attr()这个函数就可以了。attr是attribute(属性)的缩写。语法:1、attr(“属性名”); //获取属性的值(取得第一个匹配元素的属性。通过这个方法可以方便的从第一个匹配元素中获取一个属性的值。如果元素没有相应属性,则返...
2019-12-10 10:30:23
1012
原创 时间戳与时间转换、js时间戳判定是 今天、昨天还是更前的日子
//1. js时间戳判定是否是 -1 今天 0 昨天 1更前的日子console.log(_GetDateStr(1572431608)) //2019-10-30 18:40:04function _GetDateStr(sj_str){// var date = new Date(sj_str1000).toLocaleDateString()// console.log(date)...
2019-11-28 10:22:50
2149
原创 JS获取所有点总距离
//2.获取所有点总距离var marry = [[23.231213, 113.305213], [23.231945, 113.305402], [23.231876, 113.306047]];Range(marry)function Range(rangeArry){var range=’’;for(let i=0;i<rangeArry.length-1;i++){le...
2019-11-27 09:51:23
217
1
原创 JS判断不同的浏览器
try{NV.name=!-[1,]?‘ie’:(UA.indexOf(“firefox”)>0)?‘firefox’:(UA.indexOf(“chrome”)>0)?‘chrome’:window.opera?‘opera’:window.openDatabase?‘safari’:‘unkonw’;}catch(e){};try{NV.version=(NV...
2019-11-26 16:54:38
335
原创 前端移动html网页,怎么用手机预览效果
如果仅仅是想预览直接使用chrome开发者工具就好。如果是想在手机端访问,可以在电脑端启动server服务。然后在手机上通过访问电脑端的 IP:端口 来访问。顺带推荐下browsersync这个插仵 官网链接http://www.browsersync.cn/(1.做好把文件改为index.html2.命令行执行 browser-sync start --server --files ...
2019-11-26 11:57:03
4715
1
原创 移动端1px边框解决方案
一、在retina屏中,像素比为2(iPhone6/7/8)或3(iPhone6Plus/7Plus/8Plus),1px的边框看起来比真的1px更宽。使用伪类加transform的方式元素本身不定义边框,伪元素定义1px边框,并且根据根据像素比值设置缩放比例,像素比为3时设置为0.33,像素比为2时设置0.5。HTML:CSS:.border-1px {position: rela...
2019-11-18 11:49:50
239
原创 Vscode插件之Settings Sync 同步配置和插件
Vscode是微软发布的一款代码编辑器,通过安装不同插件达到写不同语言的效果。很是强大。并且是跨平台的。但是,团队在项目中,不同的人有不同的配置,达不到同样的配置就可能在某些地方有差异,导致不能友好合作。当然,对我来说最大作用是重装系统后用来同步【配置文件】和【插件】。更新说明2019/09/21Settings Sync 配置界面已更新。sync settings 配置界面步骤如...
2019-10-21 16:31:22
1369
原创 vue基本知识概述
MVVM设计模式:传统网页组成: 3部分:HTML: 定义网页的内容CSS: 定义网页的样式JS: 为网页添加交互行为问题: JS DOM操作,既要加工数据,又要承担大量的反复的增删改查操作。重新划分上述3部分:View视图: 指网页中的元素和样式,包括HTML和cssModel模型数据: 指程序中创建的或从远程获取的数据(如ajax请求的数据,放在data中)ViewMod...
2019-10-21 14:28:17
355
原创 v-bind指令用于给html标签设置属性。
v-bind指令用于给html标签设置属性。基本用法 文字比如说,我想给附上href属性,不过恰好有一个问题是href的值没有协议(https://),所以我想给它加上协议,那么就定义一个过滤器(filters),过滤器的名字叫add_protocol,值是一个函数。v-bind 缩写v-bind由于太常用,可以缩写。缩写方式是:直接不写,从冒号开始写。...
2019-10-21 14:27:23
475
原创 VS Code 常用的快捷键和插件
VS Code 的常用快捷键和插件1.历史打开文件之间切换 Ctrl+Tab,Alt+Left,Alt+Right2、移动行:alt+up/down3、显示/隐藏左侧目录栏 ctrl + b4、复制当前行:shift + alt +up/down5、删除当前行:shift + ctrl + k10、行增加缩进: ctrl + [11、行减少缩进: ctrl + ]13、字体放...
2019-10-11 17:04:57
176
原创 input 输入框 propertychange
input 输入框 propertychange做搜索功能的时候,经常遇到输入框检查的需求,最常见的是即时搜索,今天好好小结一下。即时搜索的方案:(1)change事件 触发事件必须满足两个条件:a)当前对象属性改变,并且是由键盘或鼠标事件激发的(脚本触发无效) b)当前对象失去焦点(onblur)(2)keypress 恩,还好。。。。。就是能监听键盘事件,鼠标复制黏贴操作...
2019-09-28 10:44:35
269
2017年4月自考计算机系统结构02325 全国自考《计算机系统结构》试题和答案.doc
2020-07-04
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人