• 前端学习笔记(zepto或jquery)—— 布局技巧(一)

    时间:2022-06-26 07:13:59

    html5中有一些标签我们很难改变其样式,例如input=file,select等。这个时候我们需要改变一下思路,将原有透明度置为0,借助于div或span等以控制样式的标签来代替。效果图:<divclass="right"><span>请选择</span><...

  • 前端笔记之ES678&Webpack&Babel(中)对象|字符串|数组的扩展&函数新特性&类

    时间:2022-06-25 01:06:01

    一、对象的扩展1.1对象属性名表达式ES6可以在JSON中使用[]包裹一个key的名字。此时这个key将用表达式作为属性名(被当做变量求值),这个key值必须是字符串。vara='name'varobj={[a]:"小明",age:12,sex:"男"}console.log(obj.name)1....

  • 前端笔记之JavaScript(九)定时器&JSON&同步异步/回调函数&函数节流&call/apply

    时间:2022-05-30 03:56:43

    一、快捷位置和尺寸属性DOM已经提供给我们计算后的样式,但是还是觉得不方便,因为计算后的样式属性值都是字符串类型。不能直接参与运算。所以DOM又提供了一些API:得到的就是number类型的数据,不需要parseInt(),直接可以参与运算。offsetLeft和offsetTopoffsetWid...

  • 学习之路-前端-笔记-一、HTML笔记

    时间:2022-05-24 05:42:55

    各种技巧1.在Webstrom中同时按ctrl+alt+insert创建新内容2.输入标签按tab自动补全按end或HOME实现光标移动到当前行的最后或最前3.按住alt键不放同时按鼠标左键可以实现光标同时存在于多行同时输入多行相同内容4.ctrl+d快速复制光标所在的一行ctrl+x快速删除光标所...

  • 【前端】Ember.js学习笔记

    时间:2022-05-22 05:51:12

    Model在默认情况下,model钩子返回的值,会设置为关联的控制器的model属性。例如,如果App.PostsRoute通过model钩子返回了一个对象,这个对象会设置为App.PostsController的model属性。(模板是如何知道该使用哪个模型进行渲染的呢?模板通过查找其关联的控制器...

  • 前端性能优化笔记之首屏时间采集指标的具体方法

    时间:2022-05-09 14:04:40

    通常,我们在开发环境中进行首屏时间测试,是通过在内网中通过Chrome DevTools观察首屏时间,本篇文章主要对前端性能优化笔记之首屏时间采集指标的具体方法进行简要说明,具有一定的参考价值,下面跟着小编一起来看下吧...

  • 前端开发工程师如何在2013年里提升自己——阅读笔记

    时间:2022-05-03 13:45:37

    web开发生命周期中的各种工具:DevelopmentEnvironments(Code, Compile, Build & Reload):SublimeText2CodeKitDevelopmentTools:灵感来源:www.mobile-patterns.compttrns.com人...

  • 前端攻城狮学习笔记九:让你彻底弄清offset

    时间:2022-05-01 14:14:17

    很多初学者对于JavaScript中的offset、scroll、client一直弄不明白,虽然网上到处都可以看一张图(图1),但这张图太多太杂,并且由于浏览器差异性,图示也不完全正确。图一不知道大家看到这张图的第一感觉如何,反正我的感觉就是“这次第,怎一个乱字了得”。既然我认为上图太多太乱,那么我...

  • web前端开发最佳实践笔记

    时间:2022-04-28 03:58:07

    一、文章开篇由于最近也比较忙,一方面是忙着公司的事情,另外一方面也是忙着看书和学习,所以没有时间来和大家一起分享知识,现在好了,终于回归博客园的大家庭了,今天我打算来分享一下关于《web前端开发最佳实践》这本书的读后感,以及梳理这本书中比较有用的核心知识点二、书之印象《web前端开发最佳实践》其实说...

  • web前端学习(四)JavaScript学习笔记部分(7)-- JavaScript DOM对象控制HTML元素详解

    时间:2022-04-19 12:23:10

    1、方法getElementsByName()获取name可以获取一个数组类型数据(参数加引号)getElementsByTagName()获取元素 getAttribute()获取元素属性获取元素的变量调用这个方法,(参数为元素属性)setAttribute()设置元素属性 childNodes(...

  • web前端学习(二)html学习笔记部分(2)-- 改良的元素(input元素等等)

    时间:2022-03-31 03:51:19

    1.2.5  HTML5改良的input元素的种类1.2.5.1 新增的input元素种类中的改良与增加input元素的种类(1)新增的input元素种类中的url类型、email类型、date类型、time类型、datetime类型和datetime-local类型url类型<form>...

  • <读书笔记>《高性能网站建设指南:前端工程师技能精髓》

    时间:2022-03-28 05:00:58

    只有10-20%的最终用户响应时间花在了下载HTML文档上。其余的80-90%时间花在了下载页面中的所有组件上。规则1、减少HTTP请求图片地图:将多个图片合并成一个,而后通过css定位显示不同的位置CSSSprites:同上内联图片合并脚本和样式表规则2、使用内容发布网络(CDN,ContentD...

  • 前端笔记——获取url里面的参数值

    时间:2022-03-23 05:41:07

    备注varurl=window.location.href;//获取地址栏urlvarindex=url.indexOf('#');//获取#的位置varparamVal=url.substr(index,url.length);//获取#后面所有字符串html<html><hea...

  • 前端笔记之JavaScript(七)深入函数&DOM那点事

    时间:2022-03-15 16:47:57

    一、函数补充1.1arguments类数组对象arguments是一个对应于传递给函数的参数的类数组对象。在函数中,使用特殊对象arguments,开发者无需明确指出参数名,就能访问它们。在其它编程语言中,比如java:如果一个函数被定义过两次,每次参数个数都不同。相当于定义了两个不同的函数,根据参...

  • 前端笔记——如何控制表单控件中的disabled

    时间:2022-02-22 03:54:39

    0.前言  本文主要说明如何使能或禁止表单控件。表单控件具有disabled属性,通过设置该属性可以禁止所有的input控件,input的更多属性请参考资料【1】。下面就通过一个简单的例子说明如何设置和读取disabled属性。<!DOCTYPEhtml><html><...

  • 学习前端笔记1(HTML)

    时间:2022-02-09 23:52:35

    (注:此文是在看过许多学习资料和视频之后,加上自身理解拼凑而成,仅作学习之用。若有版权问题,麻烦及时联系)标准页面结构:HTML发展历史: 注:每一种HTML需要有对应的doctype声明。H5<!doctypehtml> 无文档声明浏览器以怪异模式解析htmlHTML标签:不使用htm...

  • 《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记

    时间:2022-01-28 09:29:56

    《疯狂前端开发讲义jQuery+Angular+Bootstrap前端开发实践》学习笔记二〇一九年二月十三日星期三2时28分54秒前提:本书适合有初步HTML、CSS、JavaScript基础的读者,或对企业应用前端开发不太熟悉的开发人员。第1章:前端开发与Ajax技术要点:C/S模式应用的结构和缺...

  • 前端-关于 Vue 和 React 区别的一些笔记

    时间:2022-01-28 03:58:27

    监听数据变化的实现原理不同1、Vue通过 getter/setter 以及一些函数的劫持,能精确知道数据变化,不需要特别的优化就能达到很好的性能2、React默认是通过比较引用的方式进行的,如果不优化(PureComponent/shouldComponentUpdate)可能导致大量不必要的VDO...

  • web前端开发随手笔记 - 持续更新

    时间:2022-01-18 14:34:14

    本文仅为个人常用代码整理,供自己日常查阅html浏览器内核<!--[ifIE]><![endif]--><!--[ifIE6]><![endif]--><!--[ifgteIE7]><![endif]--><!--[ifl...

  • Javascript模块化编程:AMD规范及require.js用法【转】 - loheonly的笔记 - 前端网(W3Cfuns)

    时间:2022-01-10 16:57:38

    http://www.w3cfuns.com/blog-5425789-5399326.htmlJavascript模块化编程:AMD规范及require.js用法【转】-loheonly的笔记-前端网(W3Cfuns)的更多相关文章javascript模块化编程&lpar;AMD规范的加载...