前端
文章平均质量分 56
普通网友
这个作者很懒,什么都没留下…
展开
-
vue3 setup(详细)使用教程
vue3 setup(详细)使用教程文章目录vue3 setup(详细)使用教程1:为什么使用setup2:创建vue3项目3:在组件中编写setup方法4:setup生命周期4.1:执行时机4.2:setup 包含的生命周期5:setup使用ref对数据进行响应式绑定6:setup使用watch和computed6.1:对变化做出反应 watch6.2:使用 computed 计算count的值:7:setup看起来似乎更笨重了8:关于 props 的值原创 2022-03-11 20:37:28 · 1003 阅读 · 0 评论 -
uniapp引入使用elementUi库
1.npm安装npm i element-ui -S2.完整引入Element在 main.js 中写入以下内容:import Vue from 'vue';import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';import App from './App.vue';Vue.use(ElementUI);new Vue({ el: '#app', render: h =原创 2022-03-11 19:14:00 · 1829 阅读 · 0 评论 -
nuxt安装报错eslint Error [ERR_REQUIRE_ESM] Must use import to load ES Module
Error [ERR_REQUIRE_ESM]: Must use import to load ES Module:require() of ES modeuls is not supported时间2021-12-16想搭建一个nuxt项目,刚开始直接用npx创建了项目npx create-nuxt-app <项目名>直接报错了百度了一大圈没有找到关于这个问题的答案,发现用npx创建nuxt项目,create-nuxt-app的版本是v4.0.0,我就想不用这么新的版本试一下原创 2022-03-11 15:13:26 · 1233 阅读 · 0 评论 -
Java项目在线小说阅读系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
源码获取:博客首页 “资源” 里下载!一、项目简述本系统功能包括: 普通用户端登录注册,小说的分类,日榜,月榜,年榜, 小说的阅读,分章节,小说的评论,收藏,推荐等等,以 及后台小说的维护,上架,编辑等等。二、项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。项目技术: Springboot + Maven + Myb.原创 2022-03-11 13:51:09 · 384 阅读 · 0 评论 -
Fiddler详解-Fiddler Classic
Fiddler和Charles一样,都是网络封包截取工具。可以利用Fiddler抓取web端、移动端与服务器之前的接口请求,测试人员可以根据请求数据快速地定位出软件出现bug的原因(是前端处理数据不当还是后端提供的接口数据有问题),研发也可以根据Fiddler抓取到的信息对软件产品进行调试。Fiddler安装一般我们选择下载可免费使用的Fiddler Classic,Fiddler Everywhere虽然是Fiddler Classic的升级版,其功能上的优化并不是很大,只是在使用性上会比经典版更加便原创 2022-03-11 12:29:19 · 2592 阅读 · 1 评论 -
antv x6自定义节点(使用vue渲染节点)
1、安装@antv/x6-vue-shape# npmnpm install @antv/x6-vue-shape# yarnyarn add @antv/x6-vue-shape# 在 vue2 下还需要安装 @vue/composition-apiyarn add @vue/composition-api --dev主文件引入@antv/x6-vue-shapeimport "@antv/x6-vue-shape";安装并应用该包后,指定节点的shape为vue-shape,并原创 2022-03-11 11:07:57 · 3935 阅读 · 2 评论 -
给师姐推荐了这款chrome浏览器插件,直呼不要太好用
〝 古人学问遗无力,少壮功夫老始成 〞其实chrome浏览器的插件有很多,要说最好用的还是csdn官方开发的插件,这款插件集各家之所长,基本满足日常所有开发任务,其中功能包括天气播报、网页收藏、翻译功能、二维码生成、json工具、ip查询、文档搜索、日期转换等等,功能基本涵盖的平时所需,真是对我们使用者而言,莫大的友好。当然,一款插件的完善和成长,还是需要我们在使用中进行建议修正,方能更好的为用户服务。**注意:**在学习这个插件之前,飞兔小哥哥给大家推荐一款超好用的商城系统,麻烦各位小可爱动动可爱的.原创 2022-03-10 12:04:15 · 214 阅读 · 0 评论 -
引入echars5.0报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘
问题引入 echars 5.0 遇到报错 "export ‘default’ (imported as ‘echarts’) was not found in ‘echarts’解决引入方式改为import * as echarts from 'echarts';// 或const echarts = require('echarts');原创 2022-03-10 10:39:47 · 890 阅读 · 0 评论 -
前端实现WebSocket即时通讯
要实现客户端与服务器端的通信,最常接触的是http(https)协议,http通信只能是客户端发起请求,服务器响应。服务器不能主动向客户端传递消息。HTTP 协议无法做到服务器主动向客户端推送信息,2008年诞生的WebSocket 协议可以实现客户端与服务器端的双向对话,即:服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息。WebSocket 协议的底层协议也是TCP协议WebSocket 协议的标识符为ws,加密后为wssWebSocket 协议没有同源限制,即WebSocke原创 2022-03-09 14:20:51 · 1763 阅读 · 0 评论 -
【爬虫】Web基础——响应头、请求头、http&https、状态码(内含相关资源链接)
1 爬虫初步网络爬虫(又被称为网页蜘蛛,网络机器人)就是模拟客户端(主要指浏览器)发送网络请求,接收请求响应,一种按照一定的规则,自动地抓取互联网信息的程序。2 请求头和响应头2.1 常见请求头解析下面尝试访问百度首页Host :用于指定被请求资源的Internet主机和端口号Connection (连接类型)关闭TCP连接长连接(Keep-alive),默认情况Upgrade-Insecure-Requests (升级为HTTPS请求):下面补充http与htt原创 2022-03-09 13:00:22 · 207 阅读 · 0 评论 -
vue项目启动报错:Support for the experimental syntax ‘jsx‘ isn‘t currently enabled
框架:vue+ElementUI如图所示:在表格的最后一列操作处,当鼠标移上去时,要求提示语提示给用户此处使用到了Element框架的el-table 的一个属性如下:Table-column Attributes代码如下:<el-table> <el-table-column label="操作" :render-header="renderHeader" align="center"> <template slot-scope="s原创 2022-03-09 11:37:05 · 6008 阅读 · 0 评论 -
vue3中使用swiper7
项目场景:前不久刚在我的vue3项目中用了swiper6,坑真的是比农村的泥路还要多,这不官方直接来了个swiper7,接下来手把手教下大家怎么用,让大家少走弯路。另外swiper7的话不会出现打包后放服务器样式丢失的情况了=》swiper6打包后样式丢失普通vue3项目:win10的小伙伴我们可以先在桌面(或者文件夹里)按住Shift之后点击右键打开Powershell窗,不是的自己打开cmd,效果是一样的。之后在命令行里面输入vue create vue3接着选择创建默认的vue3项原创 2022-03-09 10:16:09 · 374 阅读 · 1 评论 -
Vue 学习总结笔记 (四)
文章目录1. 使用Vue 写一个表单数据2. Vue 过滤器2.1 moment.js 和 day.js 的库2.2 Vue的 过滤器的使用3. v-text 指令4. v-html 指令 (谨慎使用!!!)4.1 cookie 工作原理4.2 v-html 指令5. v-clock 指令6. v-once 指令7. v-pre 指令8. Vue的 自定义指令8.1 设置自定义指令的 两种方式8.2 自定义指令的 element参数 和 binding参数原创 2022-03-09 08:41:23 · 210 阅读 · 0 评论 -
To install it ,you can run npm i -- save vuetypesumd
本人实习新手 在实际开发中遇到了这么情况一开始还傻傻的去 终端上输入npm i – save vue/types/umd但是直接就报错了1. 实际出现这么个问题 第一去看一下你的 路由(router) 有没有引入这个么东西2. 如果没有 那请看一下你刚才再编辑的组件 有没有下面这行引入我刚才再编辑的页面里面是(eventActivity) 果然发现了这么个东西 (估计是系统帮我引入的)3.直接把 import { set } form ‘vue/types/umd’ 删了 这样程序就不会报错原创 2022-03-08 14:01:07 · 408 阅读 · 0 评论 -
npm WARN npm npm does not support Node.js v14.16.0 npm WARN npm You should probably upgrade to a new
npm WARN npm npm does not support Node.js v14.16.0npm WARN npm You should probably upgrade to a newer version of node as wenpm WARN npm can’t make any promises that npm will work with this version.npm WARN npm Supported releases of Node.js are the late.原创 2022-03-08 12:40:41 · 1160 阅读 · 0 评论 -
JSON字符串的几种格式
1.JSON数值({ “key” : value}){ "key" : 520, "key1" : 1314} 2.JSON字符串({ “key” : “value”}){ "key" : "我爱你", "key1" : "一生一世"}3.JSON数组({ “key” : [value]}){ "key" : [520, 1314], "key1" : [520, 3344]}4.JSON对象({ “key” : {value}}原创 2022-03-08 11:20:30 · 3320 阅读 · 0 评论 -
HTML 基础
目录一、HTML结构1,认识HTML标签2,HTML 文件基本结构3,标签层次结构4,快速生成代码框架二、HTML 常见标签1,注释标签2,标题标签3,段落标签: p4,换行标签: br5,格式化标签6,超链接标签: a7,表格标签8,列表标签9,表单标签form 标签input 标签label 标签select 标签11,无语义标签: div & span一、HTML结构1,认识HTML标签HTML 代码是由 “标签” 构成的.<body原创 2022-03-08 10:00:06 · 129 阅读 · 0 评论 -
crbug1173575, non-JS module files deprecated
目前我在webpack-dev-server和http.createServer()均遇到过这种情况, 使用该方法均成功解决.解决方法打开launch.json,官方给的方法是直接在工作文件区的".vscode"目录下进入:打开launch.json, 用需要访问的URL替换已存在的url属性:或者…里面还没有url属性 那就添加吧…...原创 2022-03-08 08:40:01 · 799 阅读 · 0 评论 -
记一次npm install 报RequestError connect ETIMEDOUT 20.205.243.166443和RequestError socket hang up
今早安装 electron 时突然报RequestError: connect ETIMEDOUT 20.205.243.166:443然后尝试ping github.com超时了之后去http://ping.chinaz.com/https://github.com找到一个韩国的 host修改本地 host 文件52.78.231.108 github.com 再次安装报错:RequestError: socket hang up然后修改registrynpm confi原创 2022-03-07 10:05:53 · 472 阅读 · 0 评论 -
最最详细的黑马前端HTML5+CSS3笔记,给大家整理好了
基于黑马前端视频学习的CSS3笔记,每一天的知识点都放在一起,方便学习查阅==CSS第一天==一、css简介二、css语法规范三、css代码风格四、css选择器的作用五、css基础选择器1、标签选择器:2、类选择器3、多类名选择器4、id选择器:5、id选择器和类选择器的区别6、通配符选择器7、选择器总结六、css字体属性:1、字体大小:2、字体粗细:3、字体样式:4、字体的综合写法5、字体总结:七、css文本属性:1、文本颜色:2、文本原创 2022-03-07 08:42:35 · 12880 阅读 · 5 评论 -
使用React时,Ts 抱怨类型‘JSX.IntrinsicElements‘上不存在属性?
参考 :https://cloud.tencent.com/developer/ask/sof/243783import { history, connect } from 'umi';import styles from './index.less';import Footer from '@/components/Footer';const Leftsss =()=>{ // 内部组件不能用小写 命名,开头必须是大写!!!!! return( <>原创 2022-03-06 03:50:26 · 2921 阅读 · 0 评论 -
[已解决]TypeError Can not set property ‘xxx‘ of undefined报错情况分析
之前我写过一篇 [已解决]TypeError: Cannot read property ‘xxx‘ of undefined报错情况分析那篇报错说的是Cannot read ——“不能读取未定义的数据”这个报错是Cannot set ——“不能设置未定义的数据”,也就是说你不能给未定义的数据赋值。可以看到:如果一个变量a没有在data中定义,你这样去给它赋值: this.a = 'hello,world',是没有问题的。这说明跟 数据在不在data中定义 没啥关系。问题在于this的指向th原创 2022-03-06 02:28:25 · 4979 阅读 · 0 评论 -
vue使用swiper7
下载npm i swiper使用import { Swiper, SwiperSlide } from "swiper/vue/swiper-vue";import "swiper/swiper.min.css"; <swiper :slides-per-view="2" :space-between="10"> <swiper-slide> </swiper-slide> </sw原创 2022-03-06 01:07:06 · 250 阅读 · 0 评论 -
uniapp uni.getUserProfile的使用
小程序登录、用户信息相关接口调整说明:链接地址考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈,为优化开发者调整接口的体验,回收wx.getUserInfo接口可获取用户授权的个人信息能力的截止时间由2021年4月13日调整至2021年4月28日24时;最近再用uniapp做一款小程序,使用**uni.getUserInfo()**一直获取不到数据,在官网上看到了上面的公告一、使用方法html中:<button @click="goLogin" class="bottom-btn转载 2022-03-05 23:46:10 · 301 阅读 · 0 评论