2021年2月25日

Vue的进化——Vue3与Vue2在应用中的区别

摘要: Vue3由于完全由TS进行重写,在应用中对类型判断的定义和使用有很强的表现。同一对象的多个键返回值必须通过定义对应的接口(interface)来进行类型定义。要不然在ESLint检测和检测时都会报错。 实践中的问题: 1. Vue2中的this指向在Vue3中使用同样的方法进行代码书写,比如: me 阅读全文

posted @ 2021-02-25 17:15 MK24 阅读(10278) 评论(0) 推荐(0) 编辑

2021年2月24日

前端代码规范剪辑

摘要: CSS属性书写顺序,建议遵循一下顺序: 1. 布局定位属性: display/position/float/clear/visibility/overflow 2. 自身属性: width/height/margin/padding/border/background 3. 文本属性: color/ 阅读全文

posted @ 2021-02-24 18:27 MK24 阅读(67) 评论(0) 推荐(0) 编辑

2020年12月17日

Vue 自定义的几个指令

摘要: Vue 自定义指令: Vue.directive(id, [definition]) 参数: {string}: id {Function | Object} [definition] 用法: // 注册 Vue.directive('my-directive', { bind: function 阅读全文

posted @ 2020-12-17 17:05 MK24 阅读(421) 评论(0) 推荐(0) 编辑

2020年12月2日

JavaScript XHR的用法和自定义封装

摘要: 2005年Jesse James Garrett发表了一篇在线文章,题为 "Ajax: A new Approach to Web Applications" 。他在这篇文章里介绍了一种技术,用他的话说,就叫 Ajax ,是对 Asynchronous JavaScript + XML 的简写。这一 阅读全文

posted @ 2020-12-02 17:15 MK24 阅读(1429) 评论(0) 推荐(0) 编辑

2020年11月30日

JavaScript 一些常用的js处理方法整理

摘要: /** * @param {Function} ios回调 * @param {Function} Android回调 * @description 识别设备终端类型执行回调 */ function dealDeviceCallback (iosFn, adrFn) { var UA = navig 阅读全文

posted @ 2020-11-30 11:48 MK24 阅读(157) 评论(0) 推荐(0) 编辑

DOM图片显示优化处理

摘要: 在列表显示中,常见就是文字+图片形式的布局。小程序中的 <image> 组件有几种固定的图片显示模式,来适应不同需求下的图片显示需求,在web app开发中我们也可以根据不同图片的大小尺寸进行定位处理,让图片使用相对显示居中。 首先dom必须符合以下基本结构: <div class="thumb_b 阅读全文

posted @ 2020-11-30 10:49 MK24 阅读(130) 评论(0) 推荐(0) 编辑

Javascript 移动端字体适配处理(rem2px)

摘要: 在移动端网页开发过程中,根据不用设备尺寸来调整前端显示效果。根本上就是改变根元素 (<html>) 的字体大小。 1 (function (doc, win) { 2 var docEL = doc.documentElement; 3 // 判断窗口有没有 orientationchange 这个 阅读全文

posted @ 2020-11-30 10:20 MK24 阅读(543) 评论(0) 推荐(0) 编辑

2020年11月28日

JavaScript数据类型之Number类型

摘要: Number类型应该是ECMAScript中最令人关注的数据类型了,这种类型使用IEEE754格式来表示整数和浮点数值(浮点数值在某些语言中也被称为双精度数值)。为支持各种数值类型,ECMAScript-262定以了不同的数值字面量格式。 最基本的数值字面量格式是十进制整数,十进制整数可以像下面这样 阅读全文

posted @ 2020-11-28 15:31 MK24 阅读(439) 评论(0) 推荐(0) 编辑

2020年5月9日

NPM 的使用介绍

摘要: NPM使用介绍 安装成功后,版本查看: npm -v npm 升级命令: npm install npm -g npm 安装模块命令: npm install <Module Name> 例如: 安装Node.js web框架模块 express: npm install express npm 包 阅读全文

posted @ 2020-05-09 17:54 MK24 阅读(154) 评论(0) 推荐(0) 编辑

2019年5月15日

HTML 中的几种空格字符

摘要: HTML中提供了几种常用的空格字符供我们在编写页面时使用。根据不同的使用场景,可以选择最合适的字符来表示空格所在。 &nbsp; 不换行空格( No-Break Space),它是我们最常见的空格字符。其所占宽度就是敲击键盘space键所留出的宽度。在HTML中单纯的敲击space键所累计的空格在网 阅读全文

posted @ 2019-05-15 20:12 MK24 阅读(1825) 评论(0) 推荐(0) 编辑

导航