资讯专栏INFORMATION COLUMN

项目开发遇到的一些问题

Bamboy / 1909人阅读

摘要:月份的时候做过一段时间的开发,之后换工作,了解到目前所在的公司是打算使用来做服务端渲染,当时对的接触很少,或许可以通过这个项目,可以让我对有更多的了解,所以就决定接受目前这家公司的。在开发过程中遇到了很多问题,在这里做记录备忘。

6月份的时候做过一段时间的vue开发,之后换工作,了解到目前所在的公司是打算使用node来做服务端渲染,当时对node的接触很少,或许可以通过这个项目,可以让我对node有更多的了解,所以就决定接受目前这家公司的offer。在开发过程中遇到了很多问题,在这里做记录备忘。
express + jade + layui

express通过post请求跳转页面

在项目首页,点设置按钮会调转到用户的设置中心页面,刚开始是直接通过更改location.href的路径并且将一些参数拼接到url后面的方式来做页面跳转,但是这样貌似看着不是很好看,所以就决定将跳转的方式改为post的方式,将需要渲染的数据通过post的方式传给express路由,下面上一个小例子:

$.ajax({
    url:userPath+"/menu",
    type:"POST",
    async:false,
    data:{
        menuArr:JSON.stringify(menuArr)
    },
    success:function(res){
        if(res === "OK"){
            location.href = userPath+"/userinfo-company"
        }
    },
    error:function(error){
        console.log(error);
    }
})
router.post("/menu", function(req, res, next) {
    menuArr = JSON.parse(req.body.menuArr);
    res.send("OK");
    
});

router.get("/userinfo-company", function(req, res, next) {
    subMenuArr = menuArr[0];
    res.render(
        "userInfo/company",
        { 
            title: "企业资料",
            menuArr: menuArr,
            subMenuArr:subMenuArr
        }
    );
});

menu需要从后台请求,通过jade来渲染,所以需要将menu的数组通过post的方式来传递给index路由。

用js给select标签的option选项设置选中状态

做三级联动的时候,需要给的select动态加载option选项,并且需要动态设置默认状态,我当时首先想到的就是

$(".selector").find("option[text="xxx"]").attr("selected",true);

但是经过测试这种方法没有起作用,因为[]是attribute选择器,text是property,所以选不到,这里可以用JQuery的

$(".selector").find("option:contains("pxx")").attr("selected",true);

选择器给option设置默认选中状态。

attribute和property的不同

property是DOM中的属性,是JavaScript里的对象,每一个dom节点都是一个对象,这些dom对象有很多属性,例如:clientHeight,className,innerHTML,innerText等;


attribute是HTML标签上的特性(即:标签所特有的属性),它的值只能够是字符串,例如:class,id,value等;


下面一行代码看懂attribute和property:




    
    Document


    

打印的输出结果如下,同时我们还可以在第四行看到attribute属性

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/92565.html

相关文章

  • 项目遇到一些问题

    摘要:纪录下前几天遇到的问题前几天一个项目中写了个登录功能算是入行以来写的第一个功能遇到几个问题稍微记录下简单介绍这项目只调用了和还有一些插件我基本都是在写原生的方法用的少运用保持用户登录状态原理就不赘述了百度很多登录发送账号密码给后端后端返回前 纪录下前几天遇到的问题 前几天一个项目中写了个登录功能,算是入行以来写的第一个功能,遇到几个问题稍微记录下 简单介绍这项目,只调用了layui和j...

    Aomine 评论0 收藏0
  • 微信公众号开发遇到一些问题

    摘要:写这篇文章,主要是在前不久的微信公众号开发的时候,遇到了一些问题,记录一下,并希望其他在遇到这些问题,可以进行快速定位及处理。 写这篇文章,主要是在前不久的微信公众号开发的时候,遇到了一些问题,记录一下,并希望其他在遇到这些问题,可以进行快速定位及处理。 微信底部工具栏白条,1.首先,底部工具栏白条出现的原因是由于,浏览器跳转留下了历史信息,所以如果我们用H5开发时,如果需要跳转页面...

    jayzou 评论0 收藏0
  • 我在vue-cli+webpack项目开发遇到一些问题总结

    摘要:最近用了一个月的时间快速开发了一套管理系统,前后端分离的开发模式,前端采用的技术路线,页面是第三方框架。下面总结一下我在开发工程中遇到的一些问题。比如我需要一个弹框插件,而上页没注册。 最近用了一个月的时间快速开发了一套管理系统,前后端分离的开发模式,前端采用vue-cli+webpack的技术路线,页面UI是第三方bootstrap框架。下面总结一下我在开发工程中遇到的一些问题。1....

    mykurisu 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<