效果图 HTML代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo</title> <link rel="stylesheet" type="text/css" href="css/style.css"/> </head> <body>
第二步:true < 1,这时true会转为1,false会转为0进行比较,因此这一步结果为false
Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架,使得 Web 开发更加快捷 国内一些移动开发者较为熟悉的框架,如WeX5前端开源框架等,也是基于Bootstrap源码进行性能优化而来。 (例如,如果设定了col-xs-4则在小屏幕手机上占四个栅格,同时在大屏幕设备上也能保证占据四个格子) 栅格类属性不可以向下兼容,如果真实设备分辨率小于预设值则一个元素会占满整行(例如,设定col-lg -4则设备在大屏幕上一个元素占四个栅格,但在小于临界值的所有设备上都单独占据一行) 栅格系统示例 <!
mpvue.com/ 3:组件化开发框架wepy Github地址: https://github.com/Tencent/wepy 官网地址: https://tencent.github.io/wepy 4: miniprogram/dev/framework/MINA.html 5:Tina.js 一款轻巧的渐进式微信小程序框架 Tina.js 开源框架地址:https://github.com/tinajs/tina 6:前端框架 weapp.iviewui.com/ 8:ZanUI-WeApp -- 一个颜值高、好用、易扩展的微信小程序 UI 库 https://cnodejs.org/topic/589d625a5c8036f7019e7a4a
4:500———内部服务器错误。 HTTP状态码由三个十进制数组成,第一个十进制数定义了状态码的类型。HTTP状态码共分为五种类型,如下图: ? ;pgv_si=s9886431232;BDRCVFR[ISR1xZMpC9b]=mk3SLVN4HKm; BD_HOME=0; BD_UPN=12314553; H_PS_645EC=b833N3G6NF8lbH9RZXAkMCCKgHYIsKg3GGzIzAnQQh4vXLe1OO9RS00JdtU 4:Cache-Control:用于指定缓存指令,缓存指令是单向的,且是独立的。 4:Bduserid:暂时不知道什么意思。 5:Cache-Control:用于指定缓存指令,缓存指令是单向的,且是独立的。 4:get请求在访问网页是很常见,post请求则常用在登录框、提交框的位置。 每天学习一点点,每天进步一点点。
寻找 Java 岗工作 从 8 月中旬开始逼自己投简历找 Java 工程师的工作,面过的2家公司都发了offer,但薪资都是1500,不仅是学徒工,更要签4年合同且不许毁约,想想有些后怕就跑去找之前提到的学霸女同学求建议 自此我开始了4年的前端工程师之旅。 作为队长我带领外包公司的球队在杭州城参加各种比赛,虽然胜负参半也没拿到太好的成绩,但是跟这一波外包公司的队员一起风吹日晒, 建立了珍贵的革命友情,后来随着转正淘宝正式员工并且加入了淘宝的球队之后,跟老球队一起踢球的次数越来越少了… 职业沉淀 4 但是技术的革新速度实在太快了,昨天还在纠结的几 K 大小带来的网络延迟、代码执行效率带来的性能消耗,今天突然在百兆宽带甚至是 4G 大水管高规格硬件时代变得不那么敏感了,昨天还是小心翼翼使用 radius 要预发布创业项目的那个晚上,需要跑通发布环境,我买了一箱的红牛,一夜喝了 5 罐,凌晨 4 点,突然一阵恍惚,有一种灵魂出窍的感觉,手脚冰麻,说不出一句话,视力急速下降,那一刻,我想,我怕是要猝死了。
比如 a:hover 伪类,可以写成: a { &:hover { color: #ffb3ff; } } 4>注释 SASS 共有两种注释风格。 ) // #d6d65c darken(#cc3, 10%) // #a3a329 grayscale(#cc3) // #808080 complement(#cc3) // #33c 4> navbar li { @include rounded(top, left); } #footer { @include rounded(top, left, 5px); } ** 4> ,30px,red); .textShadow(1px,4px,30px,red); } /* 生成后的 CSS */ #main{ box-shadow: 1px 4px 30px red ; text-shadow: 1px 4px 30px red; } 复制代码 方法使用 important!
寻找 Java 岗工作 从 8 月中旬开始逼自己投简历找 Java 工程师的工作,面过的2家公司都发了offer,但薪资都是1500,不仅是学徒工,更要签4年合同且不许毁约,想想有些后怕就跑去找之前提到的学霸女同学求建议 自此我开始了4年的前端工程师之旅。 作为队长我带领外包公司的球队在杭州城参加各种比赛,虽然胜负参半也没拿到太好的成绩,但是跟这一波外包公司的队员一起风吹日晒, 建立了珍贵的革命友情,后来随着转正淘宝正式员工并且加入了淘宝的球队之后,跟老球队一起踢球的次数越来越少了… 职业沉淀 4 但是技术的革新速度实在太快了,昨天还在纠结的几 K 大小带来的网络延迟、代码执行效率带来的性能消耗,今天突然在百兆宽带甚至是 4G 大水管高规格硬件时代变得不那么敏感了,昨天还是小心翼翼使用 radius 要预发布创业项目的那个晚上,需要跑通发布环境,我买了一箱的红牛,一夜喝了 5 罐,凌晨 4 点,突然一阵恍惚,有一种灵魂出窍的感觉,手脚冰麻,说不出一句话,视力急速下降,那一刻,我想,我怕是要猝死了。
console.log(2) }}Foo.prototype.a = function(){ console.log(3);}Foo.a = function(){ console.log(4) 如果在 Webpack4 中你希望开启这个功能,只需要启用 optimization.concatenateModules 就可以了:module.exports = { optimization: 如果使用 Webpack 4 的话,开启生产环境就会自动启动这个优化功能。 怎么加事件监听,两种onclick 和 addEventListener参考 前端进阶面试题详细解答基于 Localstorage 设计一个 1M 的缓存系统,需要实现缓存淘汰机制设计思路如下:存储的每个对象需要添加两个属性 = 2; } else if (charCode <= 0xffff) { total += 3; } else { total += 4;
*了解常见的浏览器问题兼容性 * 了解常见的浏览器问题兼容性的解决方案 * 了解css hack * 了解针对主流浏览器的css hack怎么写
了解CSS Sprite 会制作CSS Sprite 会使用PS完成如下的任务 量取颜色 量尺寸 获取文字的信息 选中鼠标所在图层 熟悉一些常用的快捷键。如v,i,h,m,ctrl+d 作业 网上去找5个小图标,把这些图标做出CSS Sprite。并在一张页面上显示这些图标。
了解常见的事件,如click,dbclick,mouseover,mouseout,hover,focus,blur,change,keyup,keydown,scroll 了解事件冒泡 会用jQuery绑定和解除绑定事件 了解事件委托。知道在什么时候用事件委托 会用jQuery写事件委托 作业 现在有如下的HTML结构 <button id="add-btn">添加按钮</button>
前端面试基础知识题 1. js中如何判断一个值是否是数组类型? 4、JSON不提供对命名空间的任何支持;XML支持名称空间。 5、JSON支持数组;XML不支持数组。 6、XML的文件相对难以阅读和解释;与XML相比,JSON的文件非常易于阅读。 4. 为什么JavaScript是单线程? JavaScript的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript的主要用途是与用户互动,以及操作DOM。 是为了解决 HTTP 无状态导致的问题 作为一段一般不超过 4KB 的小型文本数据,它由一个名称(Name)、一个值(Value)和其它几个用于控制 cookie 有效期、安全性、使用范围的可选属性组成 应用场景 在了解了上述的前端的缓存方式后,我们可以看看针对不对场景的使用选择: 标记用户与跟踪用户行为的情况,推荐使用cookie 适合长期保存在本地的数据(令牌),推荐使用localStorage 敏感账号一次性登录
了解CSS的如下属性 字体相关 font font-family font-size font-weight line-height text-align text-indent 了解关于字体的基本知识,阅读字体笔记 了解web安全字体 作业 阅读中文字体网页开发指南 知道字体的作用规则
/div>
了解Documet对象 了解Document的如下方法 选取元素 getElementById 选取指定ID值的对象 getElementsByTagName 选取指定标签名的对象 querySelector 和 querySelectorAll 通过CSS选择器来选取指定对象 createElement 创建元素 document.body 对象 文档节点的方法 https://developer.mozilla.org/en-US/docs/Web/API/Node appendChild in
了解标签语义化 知道其他一些标签,点这里 会用Sublime格式化(美化)代码(需装插件),会用Emmet 了解什么是HTML5 了解Markdown,点这里 作业 阅读 http://www.sitepoint.com/20-html-elements-better-text-semantics/ 写一下 http://www.jianshu.com/p/f543de9e9a65 页面的HTML 在简书上,编辑选择用Markdown。并且,写一篇学习HTML的心得的文章。
4.position:absolute; left: -9999px;:将元素定位在屏幕外,负的左偏移量使其不可见,并且不占据空间。 此时4个定位偏移属性不会被应用,也就是使用left,right,bottom,top将不会生效。 (2)、relative 相对定位,对象遵循常规流,并且参照自身在常规流中的位置通过top,right,bottom,left这4个定位偏移属性进行偏移时不会影响常规流中的任何元素。 (4)、fixed 固定定位,与absolute一致,但偏移定位是以窗口为参考。当出现滚动条时,对象不会随着滚动。 前端提交到后台的数据应该是json字符串类型,但是前端没有将对象JSON.stringify转化成字符串。
sublime text 4 Dev mac是一款运行在mac端的代码编辑工具,集窗口分组、项目管理、扩展工具、代码折叠等多种功能与一身,支持vim模式,窗口分组、扩展工具、代码折叠等,而且sublime text 4中文版支持多种编程语言的语法高亮、拥有优秀的代码自动完成功能,还拥有代码片段的功能,可以将常用的代码片段保存起来,在需要时随时调用,堪称程序员开发神器! Sublime Text 4 Dev Mac图片Sublime Text 4 Dev软件功能介绍1.转到任何东西使用Goto Anything只需几个按键即可打开文件,并立即跳转到符号,行或单词。 4.命令选项板该命令调色板抱不常用的功能,如排序,改变语法和更改缩进设置。只需几个按键,您就可以搜索您想要的内容,而无需浏览菜单或记住模糊的键绑定。用+ + P显示命令面板。
从后端拿到侧边栏菜单json,前端是没办法直接使用的,一堆json对象或者字符串,与Vue路由、视图并没法儿无缝衔接,所以上边我们看到调用了travseRoutes方法,此方法在前端工具类route.js 主要用意就是经由后端动态菜单配置前端vue-router动态路由,用到了vue-router中路由懒加载这个重要的特性。以上就是前端动态侧边栏的实现。 那这里我们就来看看前端是如何实现按钮级权限控制的。 针对这点,web-flash前端项目中,很巧妙地用到了自定义Vue指令这个特性,将按钮的加载与去除逻辑封装了起来,具体在前端项目src/directive/permission.js中: import 可见,拿掉v-perission,添加用户按钮显示出来了,反面说明前端授权生效了。