![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
作者\/
文章平均质量分 70
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue学习3:Vue CLI_vuecli3 createelement
vue程序运行过程:template->ast->render->vdom->ui。cli3和cli2的区别。原创 2024-05-28 10:10:26 · 398 阅读 · 0 评论 -
页面生成器实现及源码下载
这样,我们组件便注册完了,组件选择区,主要是提供组件的可选项,我们可以遍历组件,提供一个个 List 让用户选择,当然如果我们每个组件如果只提供一个组件名,用户可能并不知道组件长什么样,所以我们最好可以提供一下组件长什么样的缩略图。说了这么多,貌似一切都很顺利,但是这样在实践的时候,发现了存在一个明显的问题就是:我们中间的预览区域其实就是为了尽可能模拟移动端页面效果。一方面生成的缩略图尺寸存在问题,另一方面,我们需要编辑的联动性,就是编辑区的编辑需要及时的反馈给用户。,模拟 iPhone 6 的手机端。原创 2024-05-28 02:24:05 · 397 阅读 · 0 评论 -
面试官常问的一些初中级前端知识点
使用场景:实现元素水平垂直方向的居中,以及在两栏三栏自适应布局。原创 2024-05-28 02:23:34 · 294 阅读 · 0 评论 -
第一篇:VUE 使用 HighCharts 画 3D环 饼图_vue 3d饼图
4.书写 3D饼/环 需要的相关数据和相关配置。原创 2024-05-28 02:05:55 · 141 阅读 · 0 评论 -
第一本ECharts 数据可视化书籍出版了!抽奖送3本
大伟的作品一向思路清晰、通俗易懂,本书同样如此,它从零开始,由浅入深地介绍了 ECharts 数据可视化的方方面面,非常透彻,推荐给广大数据可视化爱好者。本书是难得一见的ECharts实战著作,从安装到使用,从不同场景的设计优化到产品的搭建部署,都结合实例演示了一遍,详尽易懂。第12章介绍笔者制作可视化时积累的一些经验,包括如何选择可视化类型、可视化配色需要注意的点和追求炫酷效果的可视化对错与否。,介绍一些ECharts可视化的高级用法,并分享笔者在制作可视化过程中的经验与思考。原创 2024-05-28 02:05:24 · 449 阅读 · 0 评论 -
总结一下前端常见面试题(一)_前端观察者模式面试题
应用场景v-imgerror公司项目中有的用户头像可能加载报错,可以给他一张默认图片, onerror this.img=默认图片v-focus打开带有搜索的页面的时候,实现自动把光标定位到 input 中v-lazy图片到可视区可以懒加载自定义指令的钩子函数1.bind属性绑定的时候执行 只会有一次inserted当前指令所在的元素插入到页面中的时候执行一次update当前指令所在的组件中的 data 数据有更新就会执行,可以执行多次 (vue3改成mounted:指令所在组件的 VNode。原创 2024-05-28 01:46:19 · 687 阅读 · 0 评论 -
微服务都了解了,微前端呢?来看看微前端的前世今生
iframe 应该是实现微前端的最简单,最高效的方案。这也不是一个新技术了,老熟人。说起Iframe估计有个吐槽大会才能吐槽完小细节,一些问题我们无法去优化。如qiankun所举例:url 不同步。浏览器刷新 iframe url 状态丢失、后退前进按钮无法使用。UI 不同步,DOM 结构不共享。想象一下屏幕右下角 1/4 的 iframe 里来一个带遮罩层的弹框,同时我们要求这个弹框要浏览器居中显示,还要浏览器 resize 时自动居中…全局上下文完全隔离,内存变量不共享。原创 2024-05-28 01:45:16 · 941 阅读 · 0 评论 -
大佬们才玩的正则表达式,看完你也会
什么是正则表达式简单来说,正则表达式就是用一些特定的符号来代替字符串元字符| 代码 | 说明 || — | — || . | 匹配除\n以外的任意字符 || \w | 匹配数字或字母或 _ || \W | 匹配非数字或字母或 _ || \s | 匹配任意的空白符(空格,换行,字表符) || \S | 匹配非空白符 || \d | 匹配所有数字 || \D | 匹配非数字 || \b | 匹配单词的开始或结束(边界) || \B | 匹配非单词边界 |原创 2024-05-28 01:31:16 · 526 阅读 · 0 评论 -
多线程学习笔记01线程、进程、多线程与线程创建
OverrideSystem.out.println(“下载了文件,名为:” + name);t1.start();t2.start();t3.start();//下载方法try {System.out.println(“IO异常,downLoader方法出现问题”);//异常提醒。原创 2024-05-28 01:30:13 · 673 阅读 · 0 评论 -
前端生成海报的 N 种方案和优劣对比
参考:https://www.zhangxinxu.com/wordpress/2018/02/canvas-text-break-line-letter-spacing-vertical/这个方案其实也是用后端的逻辑实现了绘制元素,输出图片(过程中遇到的问题:如换行情况下需要计算字体高度(同一字体的中英文宽度不同)和后续元素的相对位置发生变化)2.2.1.只采用默认字体或少量定制字体(Fontmin获取特定字体的字体,写死的数据,如果换行需要计算换行问题-空格回车等奇葩问题)- ==原创 2024-05-28 01:16:00 · 461 阅读 · 0 评论 -
前端框架选择Vue的理由
既然人人都会Vue,那么面试官挑选人才,除了考你的编程能力,对于最佳实践的理解,就是问你源码了。在这里,给大家推荐一个学习平台**——网易云课堂,**这里会有网易特邀的高级前端工程师授课,还有助教老师们陪伴学习,课程内容会涉及各类原理和技巧,还会通过对源码的解读去培养大家的程序员思维,同时分享实用的面试技巧。企业对于前端的要求只会越来越高。对很多人来说很为难的一点是,中小公司工作的程序员,写着平时的业务代码,很少有机会接触到大厂的优秀实践。当然,有这些还不够,始终保持学习的态度,是一个优秀技术者的自觉。原创 2024-05-28 01:15:30 · 241 阅读 · 0 评论 -
关于前端框架的思考
因此,你必须为这些 UI 组件设计完善的生命周期,从远古的 Java Swing 到 QT,一直到 jQuery UI、Angular、React,大家都设计了自己的生命周期机制。无论你目前在使用什么前端框架,无论你以后想学哪些前端框架,只要紧紧扣住“组件化”和“模块化”这两条主线,心里就会有大方向了,绝对不会迷失在茫茫多的技术细节里面。但是在 JS 里面不行,由于 JavaScript 这门语言本身的缺陷,它没有提供完善的模块化支持,这就导致了所有前端框架必须自己解决模块化的问题。远方亲戚之间如何通讯?原创 2024-05-28 01:01:20 · 291 阅读 · 0 评论 -
关于nodejs写后台连接数据库,对数据库增删改查接口
这里进行是处理前端的请求以及返回给前端值的方法,最后那个端口号可以自行更改我这里将它跑在6666端口上。这里是写对数据库进行操作的方法,这里我只写了增删改查。接下来是service.js的代码。这里的代码是用来建立数据库连接的。首先写pool.js里的代码。然后是user.js里的代码。原创 2024-05-28 01:00:49 · 326 阅读 · 0 评论 -
事件循环和宏任务(Node环境和浏览器)
);}, 0);/*执行结果:1–2–4–ok3–5–*/执行该结果的原因:第一个console.log(1)是同步任务,直接执行,遇到new Promise内部的console.log(2)是同步任务,直接执行,遇到setTimeout是宏任务,加入宏任务的event table中,并注册函数,当时间片执行结束,再将该回调函数加入event queue中,遇到console.log(4)是同步任务,直接执行,原创 2024-05-28 00:46:51 · 702 阅读 · 0 评论 -
中国56个民族JSON数据_名族 json对象
【代码】中国56个民族JSON数据_名族 json对象。原创 2024-05-28 00:45:09 · 160 阅读 · 0 评论 -
web项目部署在云服务器上并绑定域名访问
在自己电脑中远程连接云服务器,输入云服务器的公网IP,连接成功后你大概就能猜到接下来怎么做了,我们以前是如何在自己电脑上配置环境的,就如何在这台服务器上配置。我们需要在这台服务器上配置的环境有:jdk,mysql,tomcat,过程就不再细讲,网上有很多详细的教程。在Eclipse中将项目打包成war包,并上传到云服务器上tomcat中的webapps文件夹下,此时启动tomcat,即双击tomcat中bin目录下的startup.bat文件,webapps文件夹下会生成一个与项目同名的文件夹。打开tomc原创 2024-05-27 19:37:44 · 244 阅读 · 0 评论 -
vue配合mui框架详细讲解 上拉加载demo
{{head.newsTitel}}{{head.newsSummary}}原创 2024-05-27 19:29:55 · 157 阅读 · 0 评论 -
Vue进阶(幺陆幺):mixins 学习_vue路由守卫面试题
等,选项会被合并,键冲突的组件会覆盖混入对象的方法。比如混入对象里有个方法A,组件里也有方法A,这时候在组件里调用的话,执行的是组件里的A方法。等,就会被合并调用,混合对象里的钩子函数在组件里的钩子函数之前调用,同一个钩子函数里,会先执行混入对象的东西,再执行本组件的。可以看到,在组件1里改变了num里面的值,组件2中的num值还是混入对象里的初始值。组件1中的参数num进行+1的操作。组件2中的参数num未进行操作。查看两组件中分别输出的num值。混合对象中的参数num。原创 2024-05-27 19:29:23 · 900 阅读 · 0 评论 -
UML用例图的画法详细介绍【软件工程】
泛化(Generalization)关系是我们通常理解的继承关系:子用例和父用例相似,但表现出更特别的行为;此时,父用例通常是抽象的,而子用例表现出很强的具体性。包含(Include)关系是用来表示把一个较复杂用例所表示的功能分解成较小的步骤的一种关系。扩展(Extend)关系是用来表示用例功能的延伸的一种关系。关联(Association)关系是用例图最常见的一种关系,简单理解就是。画法上,泛化关系表示为。这种关系与类图的关联关系很相似,可以近似理解。画法上,关联关系无论是双向的还是单向的,一律用。原创 2024-05-27 16:36:19 · 342 阅读 · 0 评论 -
TypeScript:语句
第 1 遍:先判断遍数是否原创 2024-05-27 16:35:49 · 919 阅读 · 0 评论 -
Netty案例介绍(websocket服务)
/@Override// 打印接收到的消息System.out.println(“服务端接受到的消息:” + textWebSocketFrame.text());// 返回消息给客户端channelHandlerContext.writeAndFlush(new TextWebSocketFrame("服务器时间: " + LocalDateTime.now() + " : " + textWebSocketFrame.text()));/**客户端连接的时候触发@param ctx。原创 2024-05-27 16:23:36 · 399 阅读 · 0 评论 -
Mybatis中的SqlMapConfig
第二种jdbc.driver=com.mysql.jdbc.Driverjdbc.url=jdbc:mysql://localhost:3306/mybatisdbjdbc.username=rootjdbc.password=root此时的 dataSource 标签就变成了引用上面的配置typeAliases(类型别名)===========================================================================自定义别名在 SqlMapConfi原创 2024-05-27 16:23:05 · 303 阅读 · 0 评论 -
Java内存模型之happens-before_java happens-before
【代码】Java内存模型之happens-before_java happens-before。原创 2024-05-27 16:08:58 · 354 阅读 · 0 评论 -
JAVASE基础 Item -- 多线程,并发_多线程用item->;{}
public static void yield():暂停当前正在执行的线程对象,并执行其他线程。* 当正在运行的线程都是守护线程时,Java 虚拟机退出。// + “正在出售第” + (tickets–) + "张票 ");// + “正在出售第” + (tickets–) + "张票 ");// + “正在出售第” + (tickets–) + "张票 ");// + “正在出售第” + (tickets–) + "张票 ");// + “正在出售第” + (tickets–) + "张票 ");原创 2024-05-27 16:08:26 · 387 阅读 · 0 评论 -
HTML5(九)——超强的 SVG 动画
我们上述制作的 SVG 图形、动画等,运行在低版本IE中,发现SVG只有IE9以上才支持,低版本的并不能支持,为了兼容低版本浏览器,可以使用 VML ,VML需要添加额外东西,每个元素需要添加 v:元素,样式中还需要添加 behavier ,经常用于绘制地图。Raphael.js是通过SVG/VML+js实现跨浏览器的矢量图形,在IE浏览器中使用VML,非IE浏览器使用SVG,类似于jquery,本质还是一个javascript库,使用简单,容易上手。原创 2024-05-27 15:46:18 · 326 阅读 · 0 评论 -
HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果
Danbo是一只用废纸盒DIY出来的可爱玩偶,圆圆的眼睛和三角形的嘴巴,时刻露出无辜的表情,让人看到就心软,Danbo是个纯真善良的小家伙,在它单纯的幻想世界里,总是透露出最纯真可爱的动人气息。是日本人气动漫 《海贼王》中的主人公。因为身上封印着邪恶的九尾妖狐,无父无母的他受尽了村人的冷眼与歧视,他下定决心要成为第六代火影,让所有人都认同他的存在。ul为一组图片,每个li中有个a(因为我们希望点击图片可以跳转),a中包含两个div,一个是正常显示时的(即显示图片),一个是图片旋转后显示的(即介绍)。原创 2024-05-27 15:45:47 · 232 阅读 · 0 评论 -
DOM 基础 ---------- 获取元素
例如一个页面有 ul 标签也有 ol 标签,但是我只需要得到 ul 标签下的 li 标签,就可以用此方法。三:element.getElementsByTagName()元素对象,注意这里的选择器要带符号,例如 .aaa #aaa。上面第二个方法的拓展,用于返回。原创 2024-05-27 15:33:32 · 272 阅读 · 0 评论 -
Docker + Hadoop 搭建完全分布式
部署 Centos7。原创 2024-05-27 15:33:02 · 597 阅读 · 0 评论 -
2024年2月vue前端最新最全教程
由于这个vscode的插件太过强大了,为我们提供丰富多彩的好用的插件,所以我这里作为一个备案录,来记录一些常用的插件。这一节只做为备忘录,需要用到相应的插件时再来看这一节就行,我在后面的章节中如果用到插件,也会在视频里教大家如何安装的。这样势必大大浪费我们的开发时间,所以我们可以使用这样一款插件,来实时编译我们的代码。安装完live server以后我们代码编辑完,只要点ctrl+s保存,浏览器里就可以实时的查看。安装其实很简单,没什么说的,我这里只补充一点,就是下面的勾选框尽量全部都勾选。原创 2024-05-27 15:21:23 · 209 阅读 · 0 评论 -
2024基于webpack从0搭建vue项目,vue2
),// 自动清除 dist 目录插件// 配置 vue loader 插件],// 配置开启服务器的信息static: {},port: 80,},原创 2024-05-27 15:20:52 · 713 阅读 · 0 评论