- 博客(179)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 http与https的区别
超文本传输协议(HypertextTransferProtocol)协议，它是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范。HTTPS的全称是，它用来在计算机网络上的两个端系统之间进行安全的交换信息(securecommunication)，它相当于在HTTP的基础上加了一个Secure安全HTTPS是一个在计算机世界里专门在两点之间安全的传输文字、图片、音频、视频等超文本数据的约定和规范。传输层安全性(TLS)或安全套接字层(SSL)SSL即。......
2022-07-18 20:42:29
165
原创 页面性能：如何系统地优化页面？
优化关键资源的加载速度，减少关键资源的个数，降低关键资源的RTT次数。在交互阶段，核心的优化原则是尽量减少一帧的生成时间。可以通过减少单词JavaScript的执行时间、避免强制同步布局、避免布局抖动、尽量采用CSS的合成动画、避免频繁的垃圾回收等方式来减少一帧生成的时长。httpshttps。.........
2022-07-17 21:29:59
580
原创 vue性能优化-H5
首屏加载慢-按需加载排查问题-打开chrome performance一步步调试发现问题-业务线依赖包在index.html引入造成解决问题-动态创建script标签实现懒加载/** * @description: 动态加载js脚本 * @param {*} srcs 数组：js脚本链接 * @return {*} */export const creactJs = (srcs) => { if (srcs && srcs.length > 0).
2022-02-10 16:30:36
338
转载 Vue.js以业务为中心的常见面试题
Vue.js以业务为中心的常见面试题1. h5底部输入框被键盘遮挡问题2.触屏即播放3. 阻止旋转屏幕时自动调整字体大小4.主流网站布局5.什么是MVVM框架？6. active-class是哪个组件的属性7. 如何定义vue-router的动态路由8.如何获取传过来的动态参数9.vue-router有哪几种导航的钩子10.mint-ui是什么11.v-model是什么12.vue.js中标签如何绑定事件13.vuex是什么14.在vue中说说你知道的自定义指令15.vue.js中常用的4种指令16.vue
2022-01-22 11:24:32
287
2
原创 ES6常用的新特性
不一样的变量声明：const和letES6推荐使用let声明局部变量，相比之前的var（无论声明在何处，都会被视为声明在函数的最顶部） let和var声明的区别：
2022-01-21 10:45:18
304
原创 渲染流程：HTML、CSS和JavaScript，是如何变成页面的？
渲染流程渲染流程渲染流程按照渲染的时间顺序，流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。开始每个子阶段都有其输入的内容；然后每个子阶段有其处理过程；最终每个子阶段会生成输出内容。...
2021-12-27 21:40:29
664
原创 Vue3-Composition API
Options API-选项式API[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xt63PZXy-1633764817045)(…/…/assets/options.png)]优点：新手上手简单，项目小简单清晰明了缺点：项目大了后，一个methods中可能包含很多个方法，往往分不清哪个方法对应着哪个功能，而且当你想要新增一个功能的时候你可能需要在 data，methods，computed，watch中都要写一些东西，但是这个时候每个选项里面的内容很多你需要上下来
2021-10-09 15:34:27
218
原创 从输入URL到页面展示
从输入URL到页面展示，发生了什么？整个进程需要各个进程之间的配合：浏览器进程主要负责用户交互、子进程管理和文件储存等功能。网络进程是面向渲染进程和浏览器进程等提供网络下载功能。渲染进程的主要职责是把从网络下载的HTML、JavaScript、CSS、图片等资源解析为可以显示和交互的页面。因为渲染进程所有的内容都是通过网络获取的，会存在一些恶意代码利用浏览器漏洞对系统进行攻击，所以运行在渲染进程里面的代码是不被信任的。这也是为什么Chrome会让渲染进程运行在安全沙箱里，就是为了保证系统的安全。
2021-07-25 22:26:56
240
原创 Chrome 进程架构
从图中可以看出，最新的 Chrome 浏览器包括：1 个浏览器（Browser）主进程、1 个 GPU 进程、1 个网络（NetWork）进程、多个渲染进程和多个插件进程。下面我们来逐个分析下这几个进程的功能。浏览器进程。主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程。核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页，排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中，默认情况下，Chrome 会为每个 Tab.
2021-05-29 10:45:46
352
原创 vscode拷贝 同步插件 拓展
插件(Settings Sync): https://marketplace.visualstudio.com/items?itemName=Shan.code-settings-sync通过 Github gist 同步设置和插件列表. 主要问题是需要 搭飞机连接 gist直接复制文件夹所有的配置(代码片段)在 /home/xxx/.config/Code/User 下(Windows: C:\Users\xxx\AppData\Roaming\Code\User)所有的插件的文件在 /h.
2020-12-07 15:46:31
2092
原创 js 密码组合规则-8-16位数字和字符组合，不能纯数字、纯英文
8-16位数字和字符组合，不能纯数字、纯英文var filter = /^(?=.*[0-9\!@#\$%\^&\*])(?=.*[a-zA-Z]).{8,16}$/;let blnTest = filter.test('q12345678')
2020-11-24 10:04:21
7376
原创 ajax调用C# webapi接口
js ajax请求代码：$.ajax({ // url: 'http://192.168.83.51:8025/handler/AutoDifferenceService.ashx', url: requestUrl, data: { 'cmd': 'autodifference', 'batchid': this.batchid },//传参 dataType: 'jsonp', jsonp: 'jsonpcallback'
2020-05-27 20:08:22
1130
原创 OpenLayers ol-ext:Transform 对象，旋转、拉伸、放大
OpenLayers引用ol-ext:Transform能够对Feature图形进行放大、缩小、移动、旋转、拉伸等操作，非常好用。代码： transformFeature() { var _this = this if (this.transform !== null || this.transform !== '') { this.map.removeInteraction(this.transform) } this.editM.
2020-05-20 21:21:14
2355
原创 OpenLayers 画圆画椭圆
var draw; // global so we can remove it laterfunction addInteraction() { var value = typeSelect.value; if (value !== 'None') { draw = new Draw({ source: source, type: 'Circle' }); map.addInteraction(draw); }}这是OpenLayers官方
2020-05-14 16:02:47
1887
原创 OpenLayers Draw绘制时删除最后一个点
this.draw.removeLastPoint()Remove last point of the feature currently being drawn.操作方法：可以通过键盘快捷键操作，比如说ESC，删除当前正在绘制的图形的最后一点。
2020-05-13 16:03:35
1367
原创 OpenLayers Draw绘制时操作结束绘制
this.draw.finishDrawing()Stop drawing and add the sketch feature to the target layer. The module:ol/interaction/Draw~DrawEventType.DRAWEND event is dispatched before inserting the feature.使用方法：可以通过键盘快捷键操作，结束draw绘制，将当前绘制的图形添加到目标图层中。...
2020-05-13 15:57:15
3859
原创 OpenLayers禁用鼠标双击放大事件
方案1：var map=new ol.Map({ layers:[new ol.layer.Tile({ source:new ol.source.OSM() })], target:"map", view:new ol.View({ center:[0,0], zoom:0 }), interactions:new ol.interaction.defaults({ doubleClickZoom:false,
2020-05-13 15:43:00
1662
1
转载 理解和使用Promise.all和Promise.race
一、Pomise.all的使用Promise.all可以将多个Promise实例包装成一个新的Promise实例。同时，成功和失败的返回值是不同的，成功的时候返回的是一个结果数组，而失败的时候则返回最先被reject失败状态的值。具体代码如下：let p1 = new Promise((resolve, reject) => { resolve('成功了')})let p2 ...
2020-03-17 18:31:58
442
转载 import xxx from和import {xxx} from的区别
import xxx fromvueimport FunName from '../xxx'jsexport defualt function FunName() { return fetch({ url: '/article/list', method: 'get' });}import {xxx} fromvueimport {xxx} fr...
2020-03-12 09:23:19
615
原创 vue props规范
<script>export default { props: { /* ✓ GOOD */ // basic type check (`null` means accept any type) propA: Number, // multiple possible types propB: [String, Number], //...
2020-03-02 09:07:17
513
原创 CSS水平居中
行内或类行内元素（比如文本和链接）在块级父容器中让行内元素居中，只需使用 text-align: center;text-align:center /*水平居中*/ 这种方法可以让 inline/inline-block/inline-table/inline/flex 等类型的元素实现居中。块级元素让块级元素居中的方法就是设置 margin-left 和 margin-rig...
2020-02-26 23:01:33
246
原创 CSS垂直居中的方法
垂直居中的方法，如果全写出来，有10多种。面试的时候一般都会说比较常用的几种。flex、position + transform、position + 负margin是最常见的三种情况。<div class="outer"> <div class="inner"></div></div>方法一：flex.outer{ dis...
2020-02-26 21:17:26
324
转载 取消掉远程桌面mstsc顶部（侧面）连接栏
在进行mstsc远程桌面连接电脑或者虚拟机的时候，总是会出现一个连接栏。虽然点左边的图钉可以自动隐藏，但是每次鼠标滑到上面的时候，还是会冒出来，这个就有点闹心了。查了下相关资料，解决了，特写下相关教程；关闭步骤：在进行远程连接的时候，取消选择 显示->全屏显示时显示连接栏(B)。如果要退出远程连接的话，Ctrl+ Alt+ Home,在全屏模式下，激活连接栏，然后叉掉就好了。...
2020-02-26 10:40:58
5603
1
原创 CSS清除浮动的方法
清除浮动主要是为了防止父元素塌陷。清除浮动的方法有很多，常用的是 clearfix 伪类。方法一：clearfix<div class="outer clearfix"> <div class="inner">inner</div></div>.outer{ background: blue;}.inner{ wi...
2020-02-24 23:02:17
254
原创 CSS常见选择器
1、CSS选择器：id选择器(#myid)类选择器(.myclass)标签选择器(div, h1,p)相邻选择器（h1 + p）子选择器(ul >li)后代选择器(li a)通配符选择器(*)属性选择器(a[rel=“external”])伪类选择器(a:hover, li:nth-child)2、CSS3属性选择器：a[href$=’.pdf’]：选择href属...
2020-02-24 22:45:05
361
原创 cookie、sessionStorage、localStorage区别
相同点：存储在客户端不同点：cookie数据大小不能超过4k；sessionStorage和localStorage的存储比cookie大得多，可以达到5M+cookie设置的过期时间之前一直有效；localStorage永久存储，浏览器关闭后数据不丢失除非主动删除数据；sessionStorage数据在当前浏览器窗口关闭后自动删除cookie的数据会自动的传递到服务器；sessi...
2020-02-24 22:29:24
224
原创 vue axios跨域请求代理接口
引入Axios网络请求使用 Axios，首先安装Axios依赖npm i axios -S对于网络请求，由于在每一次请求时都需要判断各种异常情况，然后提示用户，例如请求是否成功、失败的原因等，考虑到这些判断基本上都使用重复的代码，因此可以将网络请求封装，做成Vue的插件方便使用。由于封装的代码比较长，这里就不贴出来了，读者可以在GitHub 上查看，地址为https://github....
2020-02-22 23:01:34
631
原创 JS去除数据重复数据
/** * 过滤数组重复数据 * @param {Array} arr * @returns {Array} */export function uniqueArr(arr) { return Array.from(new Set(arr))}
2020-02-22 22:22:37
1652
原创 JS获取对象数组的某个属性集合
var data = [ { a: 1, b: 2, c: 3 }, { a: 4, b: 5, c: 6 }, { a: 7, b: 8, c: 9 }];// 使用了 ES6 语法data.map...
2020-02-22 22:20:31
13355
rediscache.zip
2019-11-21
MercatorCoordinatesConverter.cs
2019-09-19
bootstrap风格的zTree插件.zip
2019-07-11
OpenLayers3加载谷歌地图
2019-05-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人