Monkey-yu Blog

生是见识，不是活着。

Vue3新特性

一、Vue3 版本更新原因现在主浏览器对javascript语言已经有非常好得支持，包括对后来ES6新语法得支持；而Vue2使用得大多都是ES6之前得语法，所以现在可以通过利用新得语法对Vue框架进行更新，以提高性能。 Vue2代码库中得设计和体系架构存在一定问题，不得不对其进行更正。二、Vue3的亮点性能按需打包模块 ...

Posted by monkey-yu on April 9, 2021 | 浏览量: - 次

websocket通信

最近在做的项目中与websocket打交道，并且同时与2个服务端连接。第一个websocket连接：安装 VueNativeSock 1 2 3 yarn add vue-native-websocket or npm install vue-native-websocket --save 建立连接在main.j...

Posted by monkey-yu on March 4, 2021 | 浏览量: - 次

build生成的包本地运行

在vue等项目中开发，然后npm run build 或者yarn build 之后生成的包文件夹dist 。通常情况下直接打开dist 里的index.html 文件在浏览器里运行即可。但如果想要别人也可以查看到你本地包里的项目，可以分享他一个网址，当然前提是在同一个局域网内。 npm 全局安装serve 。 1 npm i serve -g ...

Posted by monkey-yu on February 24, 2021 | 浏览量: - 次

vue中使用video标签

几年的前端工作中，竟然从来没用过video标签。实为惭愧。这次趁着做项目了解下video 标签的一些属性及方法。特此记录下，在vue项目中使用video 标签播放视频。 vue页面： 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 <template> <div class="device-wrap"> ...

Posted by monkey-yu on December 14, 2020 | 浏览量: - 次

禁止文字选中、禁止网页拖拽等事件

1. html中禁止文字选中 user-select: none text all element 取值： none : 文本不能被选择 text ：可以选择文本 all: 当所有内容作为一个整体时可以被选择说明： 1.IE6-9不支持该属性，但支持使用标签属性 onselectstar...

Posted by monkey-yu on December 2, 2020 | 浏览量: - 次

css设置滚动条样式

虽然大部分情况下不会关注到滚动条的样式，但是有些网站优化会对滚动条样式有要求。可以用css来设置滚动条样式。下面整理了css滚动条的几个属性。 1. webkit下css设置滚动条主要有下面几个属性： 1 2 3 4 5 6 7 ::-webkit-scrollbar // 滚动条整体，可以设置宽度等① ::-webkit-scrollbar-button // 滚动条两端...

Posted by monkey-yu on December 1, 2020 | 浏览量: - 次

ue4与WebUI引擎之间的通信

目前的项目是使用UE做引擎，将前端UI 叠加上去，这样不可避免需要web与UE通信。下面介绍webUI与引擎之间的通信方式。 H5页面事件监听 "object"!=typeof ue||"object"!=typeof ue.interface?("object"!=typeof ue&&(ue={}),ue.interface={},ue...

Posted by monkey-yu on November 27, 2020 | 浏览量: - 次

vue项目打包后如何本地运行

前言我们知道在使用Vue官方给出的脚手架vue-cli搭建的项目，默认是有2个脚本功能的： npm run serve 允许你本地启动这个项目 npm run build 将整个项目进行压缩构建到dist这个目录下，即打包正文 1.默认的打包情况通常情况下，打包后的dist文件夹我们不需要本地访问。通常是会将该文件夹放在服务器上,或者映射路径下，启动你的服务器即可...

Posted by monkey-yu on November 4, 2020 | 浏览量: - 次

数组、对象数据结构转换（一）

"数组、对象数据结构转换（一） "

题目1: 1 2 3 4 5 6 7 8 9 10 11 12 13 @param rs对象，格式为 {h, d}, h/d分别是一个数组，表示一张表的表头字段与内容。 @return 一个数组，每一项为一个对象。示例： var rs = { h: ["id", "name"], d: [ [100, "Tom"], [101, "Jane"] ] }; var arr...

Posted by monkey-yu on September 15, 2020 | 浏览量: - 次

vue细节点

1. vuejs里面的变量如何在浏览器的console中查看？解决方案：在main.js文件里声明window.Vue = new Vue 1 2 3 4 5 6 7 window.Vue = new Vue ({ el:'#app', router, store, components: {App}, template: '<App/>' }) ...

Posted by monkey-yu on September 14, 2020 | 浏览量: - 次

< 1 2 3 4 5 6 7 8 >