- 博客(185)
- 资源 (11)
- 收藏
- 关注
RSS订阅原创 vue 双向绑定原理
Vue的核心特性之一，数据驱动视图，修改了数据之后视图随之响应更新。Vue2是借助实现的，而Vue3是借助proxy实现的，Proxy相比在处理数组和新增属性的响应式处理上更加方便。
2024-07-31 23:47:49
641
原创 flex 知识
定义了多根轴线的对齐方式。如果项目只有一根轴线，该属性不起作用。定义项目的排列顺序。数值越小，排列越靠前，默认为0。默认情况下，项目都排在一条线（又称“轴线”）上。是如果有剩余空间，是否扩大，1为扩大，0为不扩大。属性的简写形式，默认值为row nowrap。可扩大，可缩小，flex-basis为0。是如果剩余空间不够，是否缩小，1为缩小。决定主轴的方向（即项目的排列方向）的简写，默认值是0 1 auto。为项目本身的大小，默认值是auto。定义如果一条轴线排不下，如何换行。定义了项目在主轴上的对齐方式。
2024-07-24 23:23:51
265
原创 HTML meta
meta>标签用于提供html文档的元信息（metadata）。这些信息不会显示在页面上，但会被浏览器或搜索引擎用来识别页面的编码方式、关键字、描述、作者信息、刷新时间等。
2024-07-24 23:10:28
310
原创 HTML 基础知识
html文档结构<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <title>页面标题</title></head><body> <!-- 页面内容 --></body></html><!DOCTYPE html>声明文档类型为HTML5<h
2024-07-24 23:08:46
999
原创 JavaScript 迭代器
在JavaScript中，迭代器是一种允许我们遍历集合中元素的对象。迭代器对象具有一个next()方法，该方法返回value和done。value是当前迭代的值，done属性是一个布尔值，表示是否到达了集合的末尾。
2024-07-24 22:59:07
374
原创 Symbol
Symbol是一个原始数据类型，类似于String、Number、Boolean、Null、undefined，主要用途是创建对象的唯一属性键，有助于避免命名冲突和保护私有属性。
2024-07-23 00:11:01
218
原创 http与https的区别
超文本传输协议(HypertextTransferProtocol)协议，它是一个在计算机世界里专门在两点之间传输文字、图片、音频、视频等超文本数据的约定和规范。HTTPS的全称是，它用来在计算机网络上的两个端系统之间进行安全的交换信息(securecommunication)，它相当于在HTTP的基础上加了一个Secure安全HTTPS是一个在计算机世界里专门在两点之间安全的传输文字、图片、音频、视频等超文本数据的约定和规范。传输层安全性(TLS)或安全套接字层(SSL)SSL即。......
2022-07-18 20:42:29
201
原创 页面性能：如何系统地优化页面？
优化关键资源的加载速度，减少关键资源的个数，降低关键资源的RTT次数。在交互阶段，核心的优化原则是尽量减少一帧的生成时间。可以通过减少单词JavaScript的执行时间、避免强制同步布局、避免布局抖动、尽量采用CSS的合成动画、避免频繁的垃圾回收等方式来减少一帧生成的时长。httpshttps。.........
2022-07-17 21:29:59
660
原创 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
492
转载 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
355
2
原创 ES6常用的新特性
不一样的变量声明：const和letES6推荐使用let声明局部变量，相比之前的var（无论声明在何处，都会被视为声明在函数的最顶部） let和var声明的区别：
2022-01-21 10:45:18
327
原创 渲染流程：HTML、CSS和JavaScript，是如何变成页面的？
渲染流程渲染流程渲染流程按照渲染的时间顺序，流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。开始每个子阶段都有其输入的内容；然后每个子阶段有其处理过程；最终每个子阶段会生成输出内容。...
2021-12-27 21:40:29
697
原创 Vue3-Composition API
Options API-选项式API[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Xt63PZXy-1633764817045)(…/…/assets/options.png)]优点：新手上手简单，项目小简单清晰明了缺点：项目大了后，一个methods中可能包含很多个方法，往往分不清哪个方法对应着哪个功能，而且当你想要新增一个功能的时候你可能需要在 data，methods，computed，watch中都要写一些东西，但是这个时候每个选项里面的内容很多你需要上下来
2021-10-09 15:34:27
268
原创 从输入URL到页面展示
从输入URL到页面展示，发生了什么？整个进程需要各个进程之间的配合：浏览器进程主要负责用户交互、子进程管理和文件储存等功能。网络进程是面向渲染进程和浏览器进程等提供网络下载功能。渲染进程的主要职责是把从网络下载的HTML、JavaScript、CSS、图片等资源解析为可以显示和交互的页面。因为渲染进程所有的内容都是通过网络获取的，会存在一些恶意代码利用浏览器漏洞对系统进行攻击，所以运行在渲染进程里面的代码是不被信任的。这也是为什么Chrome会让渲染进程运行在安全沙箱里，就是为了保证系统的安全。
2021-07-25 22:26:56
267
原创 Chrome 进程架构
从图中可以看出，最新的 Chrome 浏览器包括：1 个浏览器（Browser）主进程、1 个 GPU 进程、1 个网络（NetWork）进程、多个渲染进程和多个插件进程。下面我们来逐个分析下这几个进程的功能。浏览器进程。主要负责界面显示、用户交互、子进程管理，同时提供存储等功能。渲染进程。核心任务是将 HTML、CSS 和 JavaScript 转换为用户可以与之交互的网页，排版引擎 Blink 和 JavaScript 引擎 V8 都是运行在该进程中，默认情况下，Chrome 会为每个 Tab.
2021-05-29 10:45:46
390
原创 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
2210
原创 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
7740
原创 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
1198
原创 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
2509
原创 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
1995
原创 OpenLayers Draw绘制时删除最后一个点
this.draw.removeLastPoint()Remove last point of the feature currently being drawn.操作方法：可以通过键盘快捷键操作，比如说ESC，删除当前正在绘制的图形的最后一点。
2020-05-13 16:03:35
1495
原创 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
4120
原创 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
1827
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
484
转载 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
674
原创 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
554
原创 CSS水平居中
行内或类行内元素（比如文本和链接）在块级父容器中让行内元素居中，只需使用 text-align: center;text-align:center /*水平居中*/ 这种方法可以让 inline/inline-block/inline-table/inline/flex 等类型的元素实现居中。块级元素让块级元素居中的方法就是设置 margin-left 和 margin-rig...
2020-02-26 23:01:33
275
原创 CSS垂直居中的方法
垂直居中的方法，如果全写出来，有10多种。面试的时候一般都会说比较常用的几种。flex、position + transform、position + 负margin是最常见的三种情况。<div class="outer"> <div class="inner"></div></div>方法一：flex.outer{ dis...
2020-02-26 21:17:26
367
转载 取消掉远程桌面mstsc顶部（侧面）连接栏
在进行mstsc远程桌面连接电脑或者虚拟机的时候，总是会出现一个连接栏。虽然点左边的图钉可以自动隐藏，但是每次鼠标滑到上面的时候，还是会冒出来，这个就有点闹心了。查了下相关资料，解决了，特写下相关教程；关闭步骤：在进行远程连接的时候，取消选择 显示->全屏显示时显示连接栏(B)。如果要退出远程连接的话，Ctrl+ Alt+ Home,在全屏模式下，激活连接栏，然后叉掉就好了。...
2020-02-26 10:40:58
6649
1
rediscache.zip
2019-11-21
MercatorCoordinatesConverter.cs
2019-09-19
bootstrap风格的zTree插件.zip
2019-07-11
OpenLayers3加载谷歌地图
2019-05-07
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人