
前端学习
文章平均质量分 56
baizaozao
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
XSL常见问题及解决(一)如何实现给html中标签li的id自动按序号命名
1、如果xml文件中已经有id,且该id是按照规律命名,我们只需要在xsl中读取该属性的值,然后为li赋值即可xsl:xsl:template match="sec" mode="nav-item"> li class="navItem"> xsl:variable name="id"> xsl:if test="@id">原创 2017-07-13 17:58:13 · 1679 阅读 · 0 评论 -
前端冷知识(一)12种不宜使用的Javascript语法
== Javascript有两组相等运算符,一组是==和!=,另一组是===和!==。前者只比较值的相等,后者除了值以外,还比较类型是否相同。 请尽量不要使用前一组,永远只使用===和!==。因为==默认会进行类型转换,规则十分难记。如果你不相信的话,请回答下面五个判断式的值是true还是false: false == ‘false’ false == undefined fa转载 2017-10-09 18:47:04 · 599 阅读 · 0 评论 -
前端冷知识(二):对象
不要使用new Number()、new Boolean()、new String()创建包装对象;用parseInt()或parseFloat()来转换任意类型到number;用String()来转换任意类型到string,或者直接调用某个对象的toString()方法;通常不必把任意类型转换为boolean再判断,因为可以直接写if (myVar) {...}typeof操作符可以判断转载 2017-10-09 18:48:06 · 258 阅读 · 0 评论 -
前端冷知识(三):Chrome调试
1、谷歌浏览器调试窗口,很多调试的js代码都是被压缩过的,格式很乱 有一个超好用的功能,format代码 2、在source窗口搜索文件 ctrl+p原创 2017-10-09 18:50:45 · 377 阅读 · 0 评论 -
前端冷知识(四):文件上传、线程、ajax
短路运算符||由于JavaScript对用户上传的文件操作非常有限,尤其是无法读取文件内容,使得很多需要操作文件的网页不得不用Flash这样的第三方插件来实现。 随着HTML5的普及,新增的File API允许JavaScript读取文件内容,获得更多的文件信息。在JavaScript中,浏览器的JavaScript执行引擎在执行JavaScript代码时,总是以单线程模式执行 也就是说,原创 2017-10-09 18:52:33 · 607 阅读 · 0 评论 -
Token原理
权限验证 通过token获取用户的role,动态根据用户的role算出其相应有权限的路由,通过router.addRoutes动态挂载路由。登录 当用户填写完账号和密码后向服务端验证是否正确,验证通过之后,服务端会返回一个token,拿到token之后(我会将这个token存贮到cookie中,保证刷新页面后能记住用户登录状态),前端会根据token再去拉取一个user_info的接口来获原创 2017-11-21 16:23:38 · 1159 阅读 · 0 评论 -
前端技能栈
htmlcssjs (高程、犀牛)jquery (源码)bootstrapechartes6(class、块作用域、箭头函数)xmlxsltelement-uivue(数据绑定、组件、计算属性) (vuex、vue-router、==axios==)tokenwebpack (热加载、==多环境打包==)mockjs原创 2017-11-21 16:24:09 · 866 阅读 · 0 评论 -
每月闲话(一)12月
svn1、打开webstorm的settings2、找到Directories3、将要忽略的文件夹标记为Exclude(选中文件夹,点击上面菜单Exclude即可)4、确认git找到.gitignore文件,在其中添加要忽略的文件或文件夹即可、 图片不方便上传,待补充原创 2017-12-27 16:44:54 · 208 阅读 · 0 评论 -
CSS编码规范
class名以‘-’对单词进行分割,最好不要出现大写字母多个选择器之间最好换行,每个选择器各占一行不要将样式写为单行0后面不要添加单位推荐的css书写顺序,提升浏览器渲染dom的性能,避免重复来回渲染 定位盒模型其他颜色字体a的样式书写顺序a:link -> a:visited -> a:hover -> a:active原创 2017-12-27 16:45:28 · 199 阅读 · 0 评论 -
响应式布局实现步骤
题外话这两天公司要做一个静态页面展示的优化,主要是要能够被集成在别的项目页面内,本来以为只是一个简单的html页面展示,没想到最后越做越复杂,就顺势把所有代码做了一次整理,领导要求支持尺寸最小为800px,我想了想,要不直接给干到300px好了 因为领导总说要大胆创新,要敢想敢做,之前工作中的自己太束手束脚,这回也潇洒一把,三天时间,从对响应式一点不知,到现在自己设计页面,自己布局,做出来可以支持原创 2017-12-27 16:45:53 · 3226 阅读 · 0 评论 -
jQuery常用插件(三)隐藏滚动条,但是要让内容区可滚动
插件名jquery.nicescroll.min.js使用先引入js然后配置$("#jo-body").niceScroll({cursorborder:"",cursorcolor:"rgba(0,0,0,0)",boxzoom:true});遇到的问题 如果页面有好几部分都需要单独控制滚动,可能会导致来回切换滚动区时,滚动不够灵敏参考文章: - 这篇文章原创 2017-12-27 16:49:38 · 2599 阅读 · 1 评论 -
jQuery常用插件(二)二维码显示
为什么要用二维码原因多了去了,移动端和PC端但凡都支持,就免不了响应式,但凡有响应式,就少不了PC到移动端的页面跳转,二维码是最方便的“传递”工具二维码显示方式 二维码内部无非就是黑色白色的小格子组成的图片,里面包含最有用的信息就是 uri||text - 静态图片,img放上去就是一个静态的二维码,任尔扫来扫去,我就这么一张图片,一个地址。那么这个img从哪来呢?太多了,网上随便一找,都原创 2017-12-27 16:48:54 · 1082 阅读 · 0 评论 -
jQuery常用插件(一)当文字内容太多超出显示区时,用三个点代替显示
来自大神张鑫旭写的一个插件wordLimit.js使用先引入js然后$(“.jo-f-title-en”).wordLimit(temp)temp可有可无,表示字节数,超过该字节时候用三个点代替显示;如果没有的话,默认按照显示区宽度单行截取字符参考文章: - 这篇文章中还有两个类似插件介绍,其中有链接地址,使用方式类似张鑫旭的文章原创 2017-12-27 16:48:01 · 1834 阅读 · 0 评论 -
WebStorm使用问题(一) git管理项目后,目录上文件全部显示为红色
欢迎使用Markdown编辑器写博客本Markdown编辑器使用StackEdit修改而来,用它写博客,将会带来全新的体验哦:Markdown和扩展Markdown简洁的语法代码块高亮图片链接和图片上传LaTex数学公式UML序列图和流程图离线写博客导入导出Markdown文件丰富的快捷键快捷键加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl原创 2017-12-14 16:24:54 · 16301 阅读 · 12 评论 -
前端成长的能力与知识概念
原创 2018-03-21 17:34:19 · 457 阅读 · 0 评论 -
2018第一季度工作总结-遇到的困难和解决
遇到的困难和解决办法1. 两个组件之间数据同步描述:篇章加工和整书加工都是对篇章的处理,区别是角度不同,一个是从篇章的角度,一个是从整书的角度原来做法:两个组件的数据互相独立,自己操作自己的,自己管理自己的定时器问题:每当其中一个tab对篇章进行过操作,篇章的状态就会发生变化,在被操作的这个tab页里面,是没有问题的,可以定时发请求,更新数据;但是要保证两个页面数据同步就难了解...原创 2018-03-21 17:41:30 · 4653 阅读 · 0 评论 -
XSLT常见问题及解决(三)xsl中variable标签在什么情况下使用
问题描述:xsl中variable标签在什么情况下使用解决:当在某一个模板里要使用到 match的当前作用域的根节点之上的节点时,可以在外层定义一个该节点的变量,方便使用变量名称是‘name’,变量值分两种情况:1)variable标签中含有select属性,那么其值就是select的值2)variable标签中不原创 2017-07-13 18:25:57 · 2898 阅读 · 0 评论 -
XSL常见问题及解决(五)xml经过xsl转化,只能在ie中正常显示的问题
问题描述:为啥写好的xsl和xml,只能在ie中正常展示,chrome不能显示页面原因:因为Chrome太高级了所以无法显示好吧……其实是因为安全机制,Chrome不允许本地的xml访问本地的xsl但是我们可以通过webstorm等第三方工具部署到服务器,通过服务器访问类似于这样:原创 2017-07-14 09:31:21 · 1382 阅读 · 4 评论 -
CSS常见问题及解决(三)自己写下拉框逻辑,鼠标离开下拉框时,下拉出来的div会消失
下拉框在鼠标放到下拉出来的框的时候,下拉框消失,本应该是不管鼠标在下拉框内还是在弹出下拉框的div内,都应该使下拉框浮现下拉框:1、将hover事件监听到下拉框和弹出下拉框的div的父级元素上,即将两个元素同时添加hover事件2、与此同时两个元素之间的缝隙不宜设置过大,这条纯属个人看法,迷惑css,在鼠标移动的过程中,滑过缝隙的时间几乎忽略不计原创 2017-07-07 10:02:51 · 4090 阅读 · 2 评论 -
Javascript常见问题及解决(一)div失去焦点后隐藏
描述:div失去焦点后隐藏根节点document/body添加点击监听事件,利用e.target属性判断其所有的祖先元素中是否包含该div元素及出发该下拉框内的元素,若不包含,则隐藏1)e的属性很多,总结如下属性名说明currentTarget冒泡前的当前事件的Dom对象,等同于this原创 2017-07-07 10:16:39 · 1983 阅读 · 0 评论 -
CSS常见问题及解决(一)script
script标签的defer属性:规定是否对脚本执行进行延迟,知道页面加载为止如果您的脚本不会改变文档的内容,可将 defer 属性加入到 标签中,以便加快处理文档的速度。因为浏览器知道它将能够安全地读取文档的剩余部分而不用执行脚本,它将推迟对脚本的解释,直到文档已经显示给用户为止。只有 Internet Explorer 支持 defer 属性。defer="defer">原创 2017-07-07 09:59:57 · 455 阅读 · 0 评论 -
NodeJS学习(二) 代码的组织与部署
使用NodeJS编写程序前,为了有个良好的开端,首先需要准备好代码的目录结构和部署方式,就如同修房子要先搭脚手架。模块路径解析规则1、require函数支持斜杠(/)或盘符(C:)开头的绝对路径,2、也支持./开头的相对路径。但这两种路径在模块之间建立了强耦合关系,一旦某个模块文件的存放位置需要变更,使用该模块的其它模块的代码也需要跟着调整,变得牵一发动全身。因此转载 2017-07-05 18:36:16 · 235 阅读 · 0 评论 -
NodeJS学习(一) NodeJS基础
mac平台下node.js的应用型课程:https://github.com/alsotang/node-lessons/tree/master/lesson0七天学习nodejs:http://nqdeng.github.io/7-days-nodejs/什么是NodeJSJS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充转载 2017-07-05 18:35:54 · 323 阅读 · 0 评论 -
XSLT学习(十)服务器上跨浏览器解决方案(解决上一章第九章的遗留问题)
由于并非所有的浏览器都支持 XSLT,另一种解决方案是在服务器上完成 XML 至 XHTML 的转化。跨浏览器解决方案在前面的章节,我们讲解过如何在浏览器中使用 XSLT 来完成 XML 到 XHTML 的转化。我们创建了一段使用 XML 解析器来进行转化的 JavaScript。JavaScript 解决方案无法工作于没有 XML 解析器的浏览器。为了让 XML 数据适用于任转载 2017-07-05 18:33:31 · 228 阅读 · 0 评论 -
【重要】XSLT学习(九)通过JavaScript转化xml
如果您的浏览器支持 XSLT,那么在浏览器中它可被用来将文档转换为 XHTML。JavaScript 解决方案在前面的章节,我们已向您讲解如何使用 XSLT 将某个 XML 文档转换为 XHTML。我们是通过以下途径完成这个工作的:向 XML 文件添加 XSL 样式表,并通过浏览器完成转换。即使这种方法的效果很好,在 XML 文件中包含样式表引用也不总是令人满意的(例如,在转载 2017-07-05 18:32:56 · 397 阅读 · 0 评论 -
XSLT学习(七)choose
XSLT 元素用于结合 和 来表达多重条件测试。 元素语法 expression"> ... 输出 ... ... 输出 .... 在何处放置选择条件要插入针对 XML 文件的多重条件测试,请向 XSL 文件添加 、 以及 :<xsl:stylesheet version="1.0"xmlns:xsl=转载 2017-07-05 18:31:53 · 438 阅读 · 0 评论 -
XSLT学习(八)apply-templates
元素可把一个模板应用于当前的元素或者当前元素的子节点。 元素 元素可把一个模板应用于当前的元素或者当前元素的子节点。假如我们向 元素添加一个 select 属性,此元素就会仅仅处理与属性名字匹配的标签。我们可以使用 select 属性来规定子节点被处理的顺序。请看下面的 XSL 样式表:<xsl:stylesheet version="1.0"xmlns:xs转载 2017-07-05 18:32:21 · 470 阅读 · 0 评论 -
XSLT学习(五)sort
元素用于对结果进行排序。在何处放置排序信息如需对结果进行排序,只要简单地在 XSL 文件中的 元素内部添加一个 元素:<xsl:stylesheet version="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> My CD Collection转载 2017-07-05 18:31:13 · 638 阅读 · 0 评论 -
XSLT学习(四)for-each
元素允许您在 XSLT 中进行循环。 元素 元素可用于选取指定的节点集中的每个 XML 元素。<xsl:stylesheet version="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> My CD Collection Title转载 2017-07-05 18:30:54 · 1016 阅读 · 0 评论 -
XSLT学习(三)value-of
元素用于提取某个选定节点的值。 元素 元素用于提取某个选定节点的值,并把值添加到转换的输出流中:<xsl:stylesheet version="1.0"xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> My CD Collection Title Artis转载 2017-07-05 18:30:35 · 495 阅读 · 0 评论 -
XSLT学习(二)template
XSL 样式表由一个或多套被称为模板(template)的规则组成。每个模板含有当某个指定的节点被匹配时所应用的规则。 元素 元素用于构建模板。match 属性用于关联 XML 元素和模板。match 属性也可用来为整个文档定义模板。match 属性的值是 XPath 表达式(举例,match="/" 定义整个文档)。好了,让我们看一下上一节中的 XSL 文转载 2017-07-05 18:30:10 · 397 阅读 · 0 评论 -
XSLT学习(一) xml转换
正确的样式表声明把文档声明为 XSL 样式表的根元素是 或 。注释: 和 是完全同义的,均可被使用!根据 W3C 的 XSLT 标准,声明 XSL 样式表的正确方法是:或者:如需访问 XSLT 的元素、属性以及特性,我们必须在文档顶端声明 XSLT 命名空间。xmlns:xsl="http://www.w3.org/1999/XSL/T转载 2017-07-05 18:29:43 · 1137 阅读 · 0 评论 -
XSL常见问题及解决(二)有关Xpath
http://blog.youkuaiyun.com/huwei2003/article/details/48338165问题描述:当template的match已经写好路径时,其中的select还是要写全部的路径才行,有没有好的解决办法原因:因为template的调用方式是call-template,当使用call-template时,select中的路径都要从根节点开始选取;但是apply原创 2017-07-13 18:06:04 · 602 阅读 · 0 评论 -
2018第二季度工作总结-遇到的困难和解决
2018第二季度工作总结-遇到的困难和解决遇到的困难和解决办法1. xslt生成html的url动态填充二维码2. 浏览器页面父子元素滚动事件不互相干扰的办法3.工作步骤4. webpack打包xslt5. 显示器分辨率调整后显示“输入超出范围”遇到的困难和解决办法1. xslt生成html的url动态填充二维码描述:xslt转化xml文件为html后,需要在页面生成一个二维码,该二维码的...原创 2019-02-20 16:30:49 · 1026 阅读 · 0 评论