Lisbeth Blog

盛年不重来,一日难再晨,及时当勉励,岁月不待人。

静态页面html之间传递中文参数出现乱码问题的解决方案

从url传参问题

从url传参问题 做一个页面要实现的效果是从上一个页面中跳转到本页面,并且本页面的参数DeviceID的值是从上一个页面中传过来的,并且在本页面url中,本页面中url中DeviceID的值要显示到页面中。 刚开始写的时候,一步一步的实现,并不会觉得又什么问题,但是完成后访问页面的时候,出现了中文乱码,一下子蒙圈了,乱码详情如下图 后来经过探讨解决了问题,我的具体做法是: ...

理解VueJS中ref

前端框架

“活到老,学到老” ref 被用来给DOM元素或子组件注册引用信息。引用信息会根据父组件的 $refs 对象进行注册。如果在普通的DOM元素上使用,引用信息就是元素; 如果用在子组件上,引用信息就是组件实例 注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册

项目总结

项目总结

优秀的判断力来自经验,但经验来自于错误的判断。! 一个页面中点击a标签跳转到把要链接到另一个页面的参数动态的拼接(点击一个商品小图,跳转到对应的商品大图) 例如: <a href='xq_prodect.aspx?&mark=" + newData[j].mark + "&groupflag=" + newData[j].groupflag+ "&n...

关于编写移动端页面遇到的坑与总结

移动端布局

优秀的判断力来自经验,但经验来自于错误的判断。! 最近这两天跟着公司的进展做会议室预约项目,我负责移动端前端页面的编写与测试,虽然以前接触过移动端布局,但只是简单的 做些网页,未又更深的涉及,这次公司的项目算是我真正意义上的深入了解与运用移动端布局,通过这个项目我收获颇多,比如 1.<head>标签里 <meta content="yes" n...

理解渐近式框架

渐近式框架

Stay hungry, stay foolish.! 渐进式框架的大概意思就是你可以只用我的一部分,而不是用了我这一点就必须用我的所有部分。 在我看来,渐进式代表的含义是:主张最少。每个框架都不可避免会有自己的一些特点,从而会对使用者有一定的要求,这些要求就是主张,主张有强有弱,它的强势程度 会影响在业务开发中的使用方式。比如说,Angular,它两个版本都是强主张的,如果你...

input中name与id的区别

移动端布局

探索知识的道路注定是漫长的! 一直很困惑,表单里面input标签有id和name,它们之间到底有什么区别自己很少去想,只知道一般的场景该怎么使用,今天就在网上搜索了一下,自己也总结一下。为什么有了ID还要有Name呢?其实ID就像是一个人的身份证号码,而Name就像是他的名字,ID显然是唯一的,而Name是可以重复的。   name与id的还有区别是: id要符合标识的要求,比...

今日学习总结

收获多多。

移动前端开发之viewport的深入理解

移动端布局

总结篇-避免踩坑! 在移动设备上进行网页的重构或开发,首先得搞明白的就是移动设备上的viewport了,只有明白了viewport的概念以及弄清楚了跟viewport有关的meta标签的使用,才能更好地让我们的网页适配或响应各种不同分辨率的移动设备。 一、viewport的概念 通俗的讲,移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域,再具体一点,...

jquery中click事件执行后如何取消事件执行?

jQuery

长知识篇-! 用jQuery的方式 jQuery专门为此功能提供了一个函数one。这样写就能让click这个事件只执行一次。 $(“#btn3”).one(‘click’,function(){ alert(‘jQuey的one函数,第1次点击’); });

关于selsect标签踩过的坑

select标签详解

总结篇-避免踩坑! 关于change事件select和input一起使用的时候,只有一条记录的时候,选不上的情况。 html代码: js代码: $(function(){ setInterval(data,1000); $("#historyUserIp").on("change", function () { $(".ip").val($("...