html
文章平均质量分 57
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 使用echarts
效果图安装Echartscnpm install echarts --savevue页面使用<template> <div id="myChart123" :style="{width: '1500px', height: '550px'}"></div></template><script>// 引入echartsimport * as echarts from 'echarts'import {onMounted}原创 2022-03-11 20:44:43 · 1199 阅读 · 0 评论 -
uniapp页面适配平板和手机
一、移动端优先一般建议直接给出750px的手机设计稿,通过rpx等比缩放。这里需要注意的是uniapp默认适配的最大屏幕宽度为960px,超过这个范围rpx将不生效,而某些平板的尺寸比如ipad pro宽度超过了这个数值,所以需要在pages.json中添加配置:"globalStyle": { "rpxCalcMaxDeviceWidth": 1024, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960 "rpxCalcBaseDeviceWidth": 375, // rpx原创 2022-03-11 19:21:12 · 12931 阅读 · 0 评论 -
Pinpoint【环境搭建 01】JDKHBasePinpoint Collector+Web 最新版 2.3.3 安装配置运行验证及脚本文件分享(避坑指南捷径指北)
本文主要是介绍 Pinpoint 环境的部署,小伙伴儿们也可以参考 Pinpoint 《官网》的《快速入门》手册,最新版本v2.3.3组件可到官方《GitHub仓库》进行下载,使用到的文件列表:hbase-1.7.1-bin.tar.gzhbase-create.hbasejdk-8u251-linux-x64.tar.gz(JDK8)pinpoint-agent-2.3.3.tar.gzpinpoint-collector-boot-2.3.3.jarpinpoint-原创 2022-03-11 15:20:42 · 259 阅读 · 0 评论 -
js 对象转换成数组
js 对象转换成数组例如: "data": { "2021-04-25": 0, "2021-04-26": 0 }这个数据返回两个值的,需要把它补全成一周(7天)的值,第一想法就是循环遍历,往数组中追加。可这是个对象。就需要用到下面的方法。var arr = [];api.getIndexDateUnderAttendance(params).then((res)=>{ if(res.data.code == 1){原创 2022-03-11 13:58:12 · 446 阅读 · 0 评论 -
grep常用方法
grep常用方法grep匹配多个关键字1、 grep ‘字符串’2、 反向匹配grep -v ‘字符串’3、 grep -E 同时匹配多个关键字–或关系4、 同时匹配多个关键字–与关系通配符(匹配文件名)常用正则表达式(匹配文件内容)grep常用语法grep匹配多个关键字grep 命令非常常用,经常用于匹配文本字符。一般情况下,grep 命令只能匹配一个关键字,怎么实现匹配多个关键字呢?下面看几种情况:1、 grep ‘字符串’这是最普通的使用方式原创 2022-03-11 12:36:22 · 2305 阅读 · 0 评论 -
axios+vue整合和小demo
<div id="app"> <input type="button" value="获取笑话" @click="getJoke"> <h1> {{ joke }} </h1> </div> <script src="https://unpkg.com/axios/dist/axios.min.js"></script> <.原创 2022-03-11 11:15:00 · 82 阅读 · 0 评论 -
黑马 React 学习记录
jsx的样式处理react组件1.react 组件介绍2.react 组件的两种创建方式2.1 函数组件2.2 类组件2.3 抽离为独立js文件3.react 事件处理3.1 事件绑定3.2 事件对象4.有状态组件和无状态组件5.组件中的state和setState5.1 state的基本使用5.2 setState() 修改状态6.事件绑定this指向6.1 箭头函数6.2 Function.prototype.bind()6.3 class的实例方原创 2022-03-10 13:32:03 · 113 阅读 · 0 评论 -
自学总结:非科班转行前端拿到字节跳动 offer?看我是如何一步一步做到的?
关于我(个人背景)本人是某双非一本大学的大四学生,专业学的是电子信息科学与技术,说实话,虽然它是我的专业,但我对它不是很了解。高考结束根据就业率选择了这个专业,确实就业率很高(毕竟没有三方协议学校不给发毕业证,怎么办?很多人随便找个单位、场子签个劳动合同),一句话:垃圾。而自己在大二的时候就在想,这个专业毕业后能干嘛?如果我现在被迫辍学?我能靠它养活自己吗?答案是:不能。比较庆幸的是自己通过朋友带动下从 3 月初(大三下学期)开始零基础自学前端,在 11 月初拿到字节跳动和多益网络的前端 校招 offe原创 2022-03-10 12:11:14 · 410 阅读 · 0 评论 -
快乐人的web项目(Servlet)----在线OJ(上)后端部分(不含数据库)
在线OJ一、准备工作1.创建项目二、编辑模块设计1.封装CommandUtil类2. 创建Question类3.创建Answer类(编译的结果)4.创建Task类,表示一次编译的过程(最重要的一部)5.创建 FileUtil一、准备工作这篇博客我们分三部分来讲解如何实现一个在线oj,可以拿牛客网的在线oj系统作为参考,我们这里是一个基础篇。1.创建项目使用 IDEA 创建一个 Maven 项目.1 ) 菜单 -> 文件 -> 新建项目 -> M原创 2022-03-10 10:46:42 · 88 阅读 · 0 评论 -
【重构前端知识体系之HTML】HTML5的新特性——拖放
【重构前端知识体系之HTML】HTML5的新特性——拖放内容速递引言在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。拖放的操作,多用在拖拽排序列表、游戏拼图等。下文中出现拖放与拖拽表达同一个意思。官方介绍HTML 拖放(Drag and Drop)接口使应用程序能够在浏览器中使用拖放功能。例如,用户可使用鼠标选择可拖拽(draggable)元素,将元素拖拽到可放置(droppable)元素,并释放鼠标按钮以放置这些元素。拖拽操作期间,会有一个可拖拽元素的半透明快照跟随着鼠标指针原创 2022-03-09 13:07:19 · 121 阅读 · 0 评论 -
warning in .node_modulesvue-routerdistvue-router.esm-bundler.js
问题利用vue cli 新建vue2项目,安装vue-router后浏览器控制台报错:问题所在和解决:vue-router版本太高和vue2起冲突了,虽然router4.X的大部分的 Vue Router API 都没有变化,但vue-router 3.x 只能结合 vue2 进行使用~(网上查的说法,我翻了下router官方文档没找到这样的解决也很简单:**卸载4版本的router,@指定版本装3.x的vue-router即可,我按自己的习惯安装3.5.2的vue-router亲测可用~**命令原创 2022-03-09 11:47:00 · 912 阅读 · 0 评论 -
vue3在 setup 中使用 props
vue3在 setup 中使用 props记录学习和开发中遇到的问题之前我尝试在 setup 中使用 props 是这样的export default defineComponent({ setup(props: any) { console.log(props.id) // 输出 undefined }})然而 却输出 undefined ,通过思考和查阅资料,与 vue2 做对比,少了 props 声明一步加上声明就可以了export default原创 2022-03-09 10:23:05 · 1096 阅读 · 0 评论 -
TypeError Cannot set properties of undefined (setting ‘name‘)
使用ANT DESIGN VUE组件库中的table时,使用文档中的行点击方法,获取到点击行的信息,并且赋值给其他字段报错TypeError: Cannot set properties of undefined (setting ‘name’)<a-table :customRow="customRow" :columns="columns" :data-source="data"原创 2022-03-08 14:08:01 · 1157 阅读 · 0 评论 -
npm安装依赖报错npm ERR code ENOTFOUND npm ERR errno ENOTFOUND
npm安装依赖报错今天在学习webpack的时候,在使用npm install来安装一个局部的webpack时候,报出一下错误:npm ERR! code ENOTFOUNDnpm ERR! errno ENOTFOUNDnpm ERR! network request to http://registry.cnpmjs.org/webpack failed, reason: getaddrinfo ENOTFOUND proxy-sznnpm ERR! network This is a pro原创 2022-03-08 12:47:36 · 2301 阅读 · 2 评论 -
JS数组合并(5种)
前言项目过程中,经常会遇到 JS 数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于 for 了。会变更原数组,当然也可以写成生成新数组的形式。let arr = [1, 2]let arr2 = [3, 4]for (let i in arr2) { arr.push(arr2[i])}console.log(arr)// [1, 2, 3, 4]arr.concat(arr2)会生成新的数组。let arr = [1, 2]let原创 2022-03-08 11:27:25 · 246 阅读 · 0 评论 -
HTML5 零基础到实战(四)伪类和伪元素笔记
??个人简介我已加入 1_bit 博主的免费前端 站起来 学习计划,专栏链接:一哥博客?? 作者简介:大一heart,还在学习(卷)当中,欢迎交流指正~???? 个人主页 heart的博客????如果文章知识点有错误的地方,请指正留言??!和大家一起学习,一起进步?? 系列专栏:大话前端????格言:人生舞台的大幕随时都可能拉开,关键是你愿意表演,还是选择躲避????如果感觉博主的文章还不错的话,请??三连支持一下博主??哦目录??个人简介?伪类概念:我们的伪类写法为?我们的类写法原创 2022-03-08 10:07:01 · 71 阅读 · 0 评论 -
CSS实现:红绿灯效果横向布局考试表单页
红绿灯效果使用HTML+CSS实现如图所示的红绿灯效果。从图中我们可以知道有三个不同颜色的圆,并且三个圆都在灰色矩阵之中<style> * { margin: 0; padding: 0; box-sizing: border-box; } .parent { width: 200px; height: 600px;原创 2022-03-08 08:46:59 · 200 阅读 · 0 评论 -
贪吃蛇游戏 js网页版
在学习了前端三大件之后,对于自己的学习情况进行一个总结,所以写了一个网页版本的简单小游戏,贪吃蛇,成果如下:首先介绍一下:分数可以计数总共吃了多少东西,红色的是贪吃蛇的蛇头,蓝色的是食物,还有黄色的,黄色的是身体。代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" conten原创 2022-03-07 10:12:47 · 2364 阅读 · 0 评论 -
毕业设计——基于小程序云开发的校园二手交易平台(附源码)
本系统基于微信小程序云开发,采用小程序原生框架,不需要后端开发,数据库和CMS云开发全帮你搞定,对后端开发能力薄弱的同学超友好的有木有,只要你学过HTML+CSS+JS就能实现所有功能。一、功能介绍使用该系统的角色有两个,分别是用户和管理员,用户通过微信小程序进入该系统,该角色功能主要由七个模块组成,分别是用户登录、搜索商品、发布商品、管理商品、购买商品、收藏商品、以及评论留言。管理员通过小程序自带的内容管理平台实现后台管理,可对商品信息、留言板以及用户等数据进行增、删、改、查操作。二、业务流程图原创 2022-03-07 08:49:27 · 1554 阅读 · 0 评论 -
安装Nodejs踩过的坑:npm安装报错npm ERR code EPERM npm ERR syscall mkdir npm ERR path DProgram Filesnod..)
今天学vue到webpack,大无语了家人们,从第一步npm installl的安装开始,就逐渐陷入了npm的坑!首先,从官网下载node.js,链接Download | Node.js,根据自己的电脑配置选择安装版本(推荐LST稳定版本的),然后按照安装步骤操作就行,直到测试安装的时候,开始报错了:网上查找了许多博文之后找到了解决方法:1、删除C:Users用户下的.npmrc文件这里我的.npmrc是正常显示的,如果你的没有,看是不是因为将隐藏的项目勾选上了,然后去掉勾选。2、在命令行输入原创 2022-03-06 05:18:13 · 869 阅读 · 0 评论 -
《Vue源码解读》深入浅出Vue的Diff算法(一)
各位小伙伴新年好啊~新的一年又要开始了,继续努力加油…~求关注,求收藏,求点赞,如果发现博主有写的不合理的地方请及时告知,谢谢~前言最近在看Vue2.6.14版本的源码,本系列博文主要以记录个人源码学习相关心得,希望我个人的学习心得能对正在学习的你有一点点帮助;本文主要记录了关于Diff算法相关的学习,明白了Diff算法大致的运行逻辑以及Virtual-DOM的来龙去脉; 注意的是本文不涉及Diff算法的源码,源码的分析将放在下一篇博文仔细分解…耐心看完,一定有所收获;Virtual-do.原创 2022-03-06 02:35:23 · 131 阅读 · 0 评论 -
vue前端下载文件docx-preview实现文件预览
一、文件下载):如果在下载过程中不需要其他骚操作的话’直接a标签’<a :href="http://***文件下载地址" download="">下载</a>二、文件预览1.npm安装插件):此插件容易安装失败npm i docx-preview//此插件容易安装失败 安装了cnpm的小伙伴可使用cnpm i docx-preview2.public文件下index.html引入<script src="https://unpkg.com/jszip/d原创 2022-03-06 01:14:05 · 1017 阅读 · 1 评论 -
Vite启动后提示“Network use `--host` to expose“,且无法通过网络IP访问服务
目录起因问题重现问题原因解决方法1. 修改 vite.config.js 配置2. 通过 Vite CLI 配置3. 修改 npm 脚本起因当使用 Vite 构建项目后,需要通过局域网中的电脑或手机访问服务调试时,发现通过 IP + 端口无法访问。问题重现当运行 npm run dev | serve 命令时,会显示一下内容。> [email protected] serve /Users/UserName/Workspace/vue-vite> vite |原创 2022-03-05 23:53:09 · 290 阅读 · 1 评论