接到一个H5小游戏的需求，需要强制H5横屏显示；大概效果如下：实现原理利用transform将这个父容器在竖屏状态下整体顺时针旋转90º，页面就处于横屏的状态。但是因为旋转元素的基点默认为本身的中心点。所以我们设置一下它的旋转中心为左上角（transform-origin: 0% 0%；），这样页面被“转出了屏幕”停留在屏幕的左侧，最后一步只需要将它往右平移一个屏幕的宽度就刚刚好（left：100

在Vue项目中使用npm install  安装项目依赖是，安装到中途突然报了如下错误  错误内容：npm ERR! Unexpected end of JSON input while parsing near '...^0.1.6","cross-spawn"'npm ERR! A complete log of this run can be found in:

 最近在做公司的设备管理系统，权限管理中有一个需求需要展示如下：每一行表格中的switch单独控制一行；实现效果的代码如下：<el-table:data="userRights" stripe border align="center"style="width: 100%;"><el-table-

做一个网页聊天室页面，功能需求是：当有新消息出现在聊天室页面时，控制页面滚动条滚动到页面底部；聊天室页面代码如下：data中的消息列表；messageList: [{Character: "0", //客服message: "你好,有什么需要我帮忙的吗？"},{...

在做项目时，我们的页面风格往往都是统一的，页面布局大多也相似，这样我们就可以吧相同的，可以复用的组件封装起来，页面上需要使用时，引用就可以了；下面介绍一个自己封装的页面布局组件1.在components下新建PageFrame/index.vue,内容如下：<template><div class="page-frame"><div clas...

年底了，接到需求要制作年度账单，形式就是全屏滚动H5页面，翻页时给页面元素添加动画，大概效果如下：H5长翻页动画效果接下来就来介绍一下我的制作步骤；1.安装swiper、animate.cssnpm install swiper@3 --savenpm install animate.css --save2.在main.js中引入animate.css// main.jsimport Vue fr

1.在 config 文件里的 index.js 里面加上以下代码：//config/index.jsconst os = require('os');function getNetworkIp() {let needHost = ''; // 打开的hosttry {// 获得网络接口列表let network = os.networkInterfaces();...

为了前端体验更加友好，减缓用户的焦虑情绪，提升项目质量等，我们在项目里面可以使用骨架屏，提前渲染出来一个跟正式页面相似的页面出来，减小首屏加载时间。在vue中使用骨架屏因为我们的代码会使用webpack打包，所以在我们的js下载运行之前，用户是无法在页面上看到信息，所以，我们要把骨架屏相关的代码放到HTML里面，当然，可以把代码直接写在html文件的<div id=’app‘>...

最近在做一个信息采集管理系统，需要把采集到的信息导出到excle，先说说在vue中安装和引入table2excel//安装npm install js-table2excel//引入import table2excel from 'js-table2excel'采集系统需要收集的信息包含姓名、手机号、身份证号、还有一项是上传图片；模拟数据如下：const da...

使用vue-cli3搭建团队的组件库并发布到npm1.安装vue-cli3并创建一个项目首先我们先安装开发必要的工具集,并创建一个项目:npm发包的常用基础知识