【入门篇】前端框架Vue.js知识介绍
一、Vue.js介绍1、什么是MVVM？MVVM（Model-View-ViewModel）是一种软件架构设计模式，它源于MVC（Model-View-Controller）模式，它是一种思想，一种组织和管理代码的艺术。它利用数据绑定、属性依赖、路由事件、命令等特性实现高效灵活的架构。MVVM的核心是数据驱动即ViewModel，ViewModel是View和Model的关系映射。...
2024-01-10
后端视角下的前端框架之Vue.js初探
背景作为常年搞后端的自己来说，除了多年前学习的一点关于HTML的皮毛，对现在的前端技术栈可谓是一窍不通。但是因为最近在做的内部业务全链路监控系统，负责前端的同事做到一半去搞别的项目了，为了把项目落地不得不硬着头皮学一下前端知识。项目采用了比较流行的Vue.js（以下简称Vue）框架...
2024-01-10
【Web前端问题】js 连续赋值
var a = {n: 1} var b = a; a=a.x={n:2}; // a.x=a={n:2}; a.y={n:3}; a.z=a={n:4}; console.log(a); //{n:4} console.log(a.x); //undefined console.log(b); //{ // n:1, // ...
2024-01-10
无库无框架纯js小型web项目合集(中文版)
前言前一阵子看到了大火的github项目vanillawebprojects，对其中的实现有些好奇，于是研究了写法，但是对英文有些不太熟悉的我，无法忍受这样的纯英文项目，于是花了二周时间，潜心研究了项目的实现思路，然后自己实现了这20个web项目的中文版。虽然思路来源于原项目，但是很多功能我做了扩展，相...
2024-01-10
【Web前端问题】js关于pdf下载
后端返回的pdf流是图片上显示的那样，是后端的pdf模板在前端接收到的是字符串，字符串就是图片里的内容，下面的代码：const blob = new blob([data],{type:'application/pdf'})const a = document.getElementById('a')a.href = URL.createObjectURL(blob)a.download = 'pdf'a.click()下载下来的pdf文件里面为什么是空白？和后端的编码有关吗？...
2024-01-10
【Web前端问题】关于js对象的问题
function judge(id,pwd){ if(id.value==null) { document.getElementById("tip").innerHTML="请输入账号"; } else { document.getElementById("tip").innerHTML="请输入密码"; }}以上是函数部分。Q1:<form action="" method="post" name="register"> <input ...
2024-01-10
【Web前端问题】js的一个小问题？
按我的理解，执行a方法，先走到alert（i）（然后给a赋值）,会找到全局变量var i=10，为什么会先走到i=2（输出个局部变量）。没有系统的学过js，以前是学java的，感觉还挺不一样。回答：这种情况下运行，alert出来的应该是undefined吧。这个涉及到javascript里面作用域和变量声明提前的问题。function a(){...
2024-01-10
【Web前端问题】一个js动画的问题
html<div id="div" class="demo"> <div class="small_pic"> <img src="images/big.jpg" alt="放大镜图片二"/> </div> <div class="b"></div></div>css.demo{ width:350px;margin:250px auto; text-align:left; padding:0; }#div{border:1px solid #ccc; width:350px...
2024-01-10
【Web前端问题】Vue.js中的过滤
想在input里输入名字,然后自动对不同的车进行过滤,不知道错在哪里了,请大神赐教回答：//下面是个例子,使用计算属性来完成的。//过滤器你的使用姿势貌似不正确，正确姿势请看 https://vuefe.cn/v2/guide/syntax.html#过滤器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-...
2024-01-10
【Web前端问题】js 正则匹配的问题
想请问大神我哪里写错了 为什么 没有 我要的 “[b]php5[/b]”，和“[b]php4[/b]“；回答：/(\[[a-z]\])(\w*)(\[\/[a-z]\])/g谢谢大家了 写出来了回答：/([[w]])(w*)([/[w]])/g 刚写完， str.replace(re,function(str,$1,$2,$3){ return str;}) 这样写清晰点...
2024-01-10
【Web前端问题】js能实现粘贴功能吗
不是复制 是粘贴功能 有办法实现吗？比如在桌面一个txt文件里复制文字 然后在网页里粘贴出来回答：应该是可以的吧，js有document.write方法，input标签可以用js改变value模仿粘贴，普通标签可以改变innerText回答：第三方库：clipboard.js原生方法：document.execCommand()回答：当然可以了，思路就是@坏蛋jiu ...
2024-01-10
【Web前端问题】js动态显示数据问题
大体要求是四个框的数字按照时间顺序显示，然后框里的每行数据还要依次显示，求各位给个思路。补充一下，后台抛出的一个结果数组，要怎样动态的添加到这四个div里面去?回答：默认的样式给 opacity：0 ，js 选择器选择四个大框，在onload事件上绑定函数 for 循环给每一个 dom 添加不同的 setTimeout（...
2024-01-10
【Web前端问题】求助关于js正则问题
很多情况下，我们只需要匹配表达式中间的内容，对于匹配位置的内容是不需要的，例如下图的左右括号，我知道零宽断言可以做到，但是js不支持反向断言，请问有其他的正则方式一步处理到位吗？后续字符串截取处理的方案最好不要发了回答：用正则里的捕获组没错，另外扩充下你的思路：replace...
2024-01-10
【Web前端问题】js的this指向问题
结果指向window，为啥啊，这不是个闭包吗？回答：javascript中的this指向与调用者有关，分为以下4种情况函数调用，即直接调用a(),这种this指向global对象，在浏览器即window，例如：function a() { console.log(this)}a() //window方法调用，即作为对象的方法调用，此时指向对象本身，例如var a = { b : function(...
2024-01-10
【Web前端问题】js递归生成菜单的问题
数据结构大致如下：data = [{id: "1",pId: "0",name: "父级1",children:[ {id: "10", pId: "1", name: "子1", children:[ {id: "101", pId: "10", name: "子1-1",children:[]}, {id: "102", pId: "10", name: "子1-2",children:[ {id: "1021", pId: "102", name: "子1-2-1...
2024-01-10
【Web前端问题】js如何只取得当前框内的内容呢？
图片如上，再贴下html结构<div class="second">web <div class="third">javascript</div> <div class="third">css <div class="forth">css2.0</div> <div class="forth">css3</div> </div> <div class="third">html</div> 5555 <div class="third">可视化<...
2024-01-10
【Web前端问题】Vuejs中网格布局组件
想实现类似 MadeWithVuejs 网站主页类似的效果的网格布局，使用 table 中的 row 和 column 属性能不能实现这样的效果呢？(正在尝试用table去写，先提个问题看看有没有好用的Vue组件)效果就是:每条记录对应一个Card每一行最多只有3个Card添加一条记录，就添加一个Card，每一行超过3个时，自动换行到下一行...
2024-01-10
【Web前端问题】js中图片点击区域的实现
希望点击图片的中心点和中心点周围实现不同的点击效果。回答：补充：除了map方法，你还可以在你的图片上飘一个 div或者其它标签再在这个标签上用点击事件....回答：这个用<map>不是很好解决么，为啥一定要用 JS：http://www.w3school.com.cn/tiy/t.asp?f=html_areamap回答：图片热点http://www.cnblogs.com/wangyuelang...
2024-01-10
【Web前端问题】js怎么根据坐标在图片上画出矩形框？
如图本地上传的图片，并点击获取到这个图片里每个地方的坐标，根据4个角坐标在图片上画出矩形框，该怎么画？大神支招。我图片是显示在div里的，是不是应该用canvas显示图片？代码：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv...
2024-01-10
【Web前端问题】js禁止非数字输入的实现？
链接地址：http://list.jr.jd.com/detail/100450.htm如图所示：他这种输入非数字时，不会显示你输入的内容，在网上找的都是先输入了，然后又被空格替换了，造成的感觉好像是闪了一下，但是它这种就不会，看了源码，但还是不太明白，请高手指点。回答：监听的事件是 keydown——何以见得？jsjQuery($0).da...
2024-01-10
消息型web框架之RabbashMQhdfs
在上一篇博客中我们简单的介绍了下rabbitmq安装配置相关指令的说明以及rabbitmqctl的相关子命令的说明；回顾请参考https://www.cnblogs.com/qiuhom-1874/p/13561245.html；今天我们来聊一聊rabbitmq集群；之所以要用集群是因为在一个分布式应用环境中，rabbitmq的作用是连接各组件，一旦rabbitmq服务挂掉，可能影响整...
2024-01-10
消息型web框架之RabbashMQ基础使用
1、概念 RabbitMQ是AMQP（高级消息队列协议）协议的实现主要功能用于分布式应用当中的各组件间解耦。在传统C/S架构中，如果客户端发送一个请求消息，服务端必须得在线，有了中间件，客户端不是非得要服务端在线才可发送请求，客户端只需将请求消息发送给中间件，中间件负责存储和转发...
2024-01-10
【Web前端问题】EXIF.js获取图片信息
问题描述使用exif.js来获取图片的方向信息报错了,有的图片出现的下面的错误,有的图片能过够获取到图片的方向信息相关代码// 请把代码文本粘贴到下方（请勿用图片代替代码） EXIF.getData(element, function () { var direction = EXIF.getTag(this, 'Orientation'); PictureCompression(element, index, directio...
2024-01-10
【Web前端问题】请问这个题怎么用js写呢?
1.这里说得fn个参数，我知道应该跟arguments和在函数里面用return function(){}这种方式来写，但是就是写不明白function add(a,b){ return a+b;}function square(a){ return a*a;}function plusOne(c){ return c+1;}//var result = plusOne(square(add(1,2))); //这种的直接的转化成下面的不会//alert(result);var addSq...
2024-01-10
前端使用js模拟按键输入
坑一开始在Google搜索了一番，找到了用jQuery的方案，代码量很少，看起来很美好很不错，结果，根本没用……我反复试了这几个版本：var e = $.Event('keyup')e.keyCode = 49$('#btn').trigger(e)// 就是把 keycode 换成 which$('#btn').trigger($.Event('keyup', { which: 49 }))一点用都没有……然后又通过开发者调试工...
2024-01-10
