标签: web-frontend
Json 对象正在开发中？是前端决定还是后端决定？
我正在开发网络应用程序，从后端获取 JSON 后会生成布局。但是从后端接收到的对象非常复杂，需要循环多次才能获得布局。
将数据发布到后端时也会发生同样的情况。
我的感觉是，如果我们按照前端布局生成 JSON 对象来发布数据，即使后端的对象结构发生变化，布局生成也不需要那些额外的循环。
那么json对象到底是后端给的还是应该根据前端的呢？
例如后端正在给出
[
{
"keyid": "value",
"attr1": "value1",
"attr2": "value2"
},
{
"keyid": "value",
"attr3": "value3",
"attr4": "value4"
}
]
但前端很容易接收和发送以下格式的对象：
{
"keyid": "value",
"attr": {
"attr1": "value1",
"attr2": "value2",
"attr3": "value3",
"attr4": "value4"
}
}
推荐指数
解决办法
查看次数
Flask 重定向不起作用，但我没有收到任何错误
我正在运行一个服务器来检查表单并创建一个新用户，然后它需要返回主页，但它不会
\n\n我正在运行 python Flask 应用程序，并使用 ajax 来验证表单
\n\n这是app.py和ajax.js文件
\n\n应用程序.py
\n\n@app.route("/home")\ndef home():\n return render_template("home.html")\n\n\n@app.route("/register", methods=["GET", "POST"])\ndef register():\n return render_template("register.html")\n\n\n@app.route("/registerUser", methods=["GET", "POST"])\ndef register_user():\n email = request.form["email"]\n password = request.form["password"]\n password_length = len(password)\n fname = request.form["fname"]\n lname = request.form["lname"]\n adress = request.form["adress"]\n zip = request.form["zip"]\n city = request.form["city"]\n if email and password and fname and lname and adress and zip and city:\n if re.match(r"^[A-Za-z0-9\\.\\+_-]+@[A-Za-z0-9\\._-]+\\.[a-zA-Z]*$", email):\n if password_length < 6:\n return jsonify({"password1": "Lozinka mora imati najmanje 6 znakova"})\n else:\n if …推荐指数
解决办法
查看次数
前端开发人员是否需要了解在站点上工作的后端技术？
场景:有人只知道设计,CSS,HTML等,你希望那个人在网站上工作.该网站的文件在GitHub上.
理想情况下,你对他们说,"克隆来自GitHub的回购并设置你的本地测试环境等,做你的工作和推/拉请求等."
但是要建立一个本地环境,例如包括MySQL以便开发环境能够正常运行,意味着他们需要了解后端技术.这是否意味着他们需要了解如何配置每个(或大多数)PHP框架+ Ruby on Rails等.它会停在哪里？
那么,前端开发人员将如何在此基础上工作呢？
前端开发人员是否可以在不知道如何配置Symfony2的情况下在Symfony2站点上工作？
推荐指数
解决办法
查看次数
谷歌翻译小部件 - 响应
在我的网页上,当我调整浏览器大小时,我放置了翻译小部件widged不会改变大小
我试过改变css但我只能改变iframe的css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
<script type="text/javascript" src="script.js"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'en',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE
}, 'google_translate_element');
}
</script>
<script type="text/javascript"
src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</head>
<body>
<div id="google_translate_element"></div>
</body>
</html>你有任何解决方案吗？
frontend google-translate web-frontend responsive-design web
推荐指数
解决办法
查看次数
如何将swiper中的分页子弹更改为文本？
在我的项目中:http://moransh4.github.io/Luca/
我需要在最后一节将swiper-pagination-bullet更改为:
绿色的"活跃"变化.
我阅读(来自:http://idangero.us/swiper/api/)我可以自定义:
paginationBulletRender: function (index, className) {
return '<span class="' + className + '">' + (index + 1) + '</span>';
}
对不起,我迷失了,
怎么做？
推荐指数
解决办法
查看次数
使用Binding.scala宏注释时如何在编辑器中抑制intellij IDEA错误？
尽管它在sbt控制台中编译并运行.Intellij抱怨我应该在编辑器中使用Binding [Node]而不是Elem.
@dom def renderDiv: Binding[Div] = <div>...</div>
从intellij IDEA的角度来看,此方法返回的Elem是一个子类型scala.xml.Node,但在渲染时:
dom.render(document.getElementById("root"),renderDiv)
它需要一个org.scalajs.dom.raw.Node.
这有什么解决方法吗？
推荐指数
解决办法
查看次数
无法读取未定义的属性'schedule'
所需的输出是BsDatePicker,由于某种原因给我错误:无法读取未定义的属性'schedule'.
并且还有警告BsDatepickerModule正在开发中,BREAKING CHANGES是可能的,PLEASE,读取changelog
Angular-CLI版本1.7.4,ngx-bootstrap版本3.0.0,Angular 5
这是html
<input type="text" [(ngModel)]="dateOfBirth" name="dateOfBirth" id="dateOfBirth" bsDatepicker class="form-control"/>
的代码:
这是代码app.module.ts:
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { BsDatepickerModule } from 'ngx-bootstrap/datepicker';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import { HomeComponent } from './home/home.component';
import { PageNotFoundComponent } from './page-not-found/page-not-found.component';
import { CreateEmployeeComponent } from './employee/create-employee/create-employee.component';
@NgModule({
declarations: [
AppComponent,
HomeComponent,
CreateEmployeeComponent,
PageNotFoundComponent …推荐指数
解决办法
查看次数
Chrome 77 remote device debug issue
Is any one facing issues with remote device debug on Chrome 77 on Mac. I am unable to debug android device on Chrome 77.
推荐指数
解决办法
查看次数
React+gsap 使用随机动画元素组完成后无法工作？
我gsap用来创建动画。
单击按钮时会创建气泡动画。
动画完成后会自行销毁。
我认为问题是使用 map 在React component但我找不到另一个案例
这是我的 React 代码和 js 小提琴示例：
https://jsfiddle.net/xiaowang/ueqsg83j/58/
const { useState, useEffect, useRef } = React;
gsap.registerPlugin(MotionPathPlugin)
const Bubble = ({ onClose, data }) => {
const pointRef = useRef(null)
useEffect(() => {
const path = []
let offsetY = 0
for(let i = 0; i < 10; i++) {
const y = offsetY - Math.floor(Math.random() * 20 + 30)
offsetY = y
path.push({ x: Math.floor(Math.random() * 40 - 20), y …推荐指数
解决办法
查看次数
根据html5中相同形式的另一个字段中的数据在输入上设置maxlength的方法？
如何将文本输入字段中的maxlength属性设置为等于用户在同一表单中的数字输入字段中输入的值？
<form action="/action_page.php">
<input id="number" type="number" value="20" max="40">
<input type="text" id="username" name="username" maxlength="10"><br><br>
<input type="submit" value="Submit">
</form>
我猜这可能需要 JavaScript？
推荐指数
解决办法
查看次数