英语不好就不能学前端了吗?不慌,作者连夜整理了前端常用词汇集助你学习(代码片段)

MmM豆 MmM豆     2022-12-06     597

关键词:

(收集不易,有帮助记得一键三连,犒劳一下作者)

感觉自己音乐不好就放弃学习前端,其实所有语言,常用单词也就500左右,下面笔者整理前端常用的单词 翻译趋向于术语

一, html

  1. div 分隔, 盒子
  2. p 段
  3. h1~h6 标题1到标题6
  4. a 锚
  5. span
  6. strong 加重语义
  7. meta
  8. table 表格
  9. th 表头
  10. tr 行
  11. td 单元格
  12. input
  13. img
  14. audio
  15. video
  16. ul 无序列表
  17. li 列表项目
  18. ol 有序列表
  19. dt 定义列表
  20. dl 定义术语
  21. b 粗体(文本)
  22. br 换行
  23. hr 水平线
  24. iframe 定义内联

二、css

  1. style 修饰

  2. width 宽度

  3. height 高度

  4. title 想说明的

  5. visibility 元素可见性

  6. text-align 水平对齐方式

  7. white-space 文本换行

  8. text-indent 缩进

  9. border:边框

  10. border-width 指定边框的宽度

  11. border-style 指定边框的样式

  12. border-color 指定边框的颜色
    10.border-image 指定作为div元素周围边框的图像

  13. flex 弹性布局

  14. align-content

  15. align-items

  16. flex-direction

  17. flex-wrap

  18. flex-flow

  19. animation 动画

  20. animation-name 指定要绑定到选择器的关键帧的名称

  21. animation-duration 动画指定需要多少秒或毫秒完成

  22. animation-timing-function 设置动画将如何完成一个周期

  23. animation-delay 设置动画在启动前的延迟间隔。

  24. animation-iteration-count 定义动画的播放次数

  25. animation-direction 指定是否应该轮流反向播放动画。

  26. center 居中 left 居左 right 居右

  27. line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中

  28. columns 列

  29. row 行

  30. cursor 鼠标

  31. icon 图标

  32. background 背景

  33. image 引入背景图片(url)

  34. background-position: 背景定位(x轴,y轴;)

  35. background-repeat 背景平铺

  36. :no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺

  37. background:url() repeat left center #00; 顺序:背景图片 重复 定位 颜色

  38. background-size 背景尺寸

  39. contain 以最合适的状态展示 可能会留白

  40. cover 尽可能填满

  41. nth-child(下标 注意:从1开始) 注意:项目不用这个。禁用

  42. nth-of-type(下标 注意:从1开始) 注意:项目不用这个。禁用

background-origin: 背景从哪里开始

  1. content-box 背景图像的相对位置的内容框

  2. border-box 背景图像边界框的相对位置

  3. padding-box 背景图像填充框的相对位置

background-clip: 背景从哪里开切

  1. content-box

  2. border-box

  3. padding-box

  4. top/right/bottom/left/center 方向英文:上、右、下、左,中

  5. color 颜色

  6. font 文字

  7. font-family 字体

  8. font-size 字号

  9. font-weight:normal 正常 :bold 加粗

  10. font-style: normal;取消倾斜 :italic;斜体

  11. font:italic bold 24px/24px ‘楷体’; 顺序:是否斜体 是否粗体 字体大小/行高 字体

文本修饰属性:

  1. text-decoration:

  2. overline 顶划线

  3. underline 下划线

  4. line-through 中划线/删除线

  5. none 无/取消下划线

  6. display 转化显示模式 元素转化

  7. block 块

  8. inline 行内

  9. inline-block 行内块

省略号 (强制不换行,超出隐藏,省略号,有宽度)

  1. white-space:nowrap 强制不换行

  2. overflow:hidden 溢出隐藏

  3. text-overflow:ellipsis 省略号

  4. font-family:‘微软雅黑’ 让省略号在下面

伪类

  1. a:link 设置未访问时候的颜色 点击后变成a的正常颜色

  2. a:visited 设置访问过后颜色

  3. a:hover 当鼠标放上去会变颜色

  4. a:active 鼠标点击变颜色

  5. li>a li下面的第一级a

  6. 伪类选择器:

  7. li:last-child li最后一个

  8. li:first-child li第一个

  9. p:nth-child(2) 选择作为其父的第二个子元素的每个

    元素。

伪元素

  1. p::after 在每个

    元素之后插入内容。

  2. p::before 在每个

    元素之前插入内容。

  3. p::first-letter 选择每个

    元素的首字母。

  4. p::first-line 选择每个

    元素的首行。

  5. p::selection 选择用户选择的元素部分。
  6. auto 自动居中
  7. margin 外边距
  8. margin-top 上外边距
  9. margin-right 右外边距
  10. margin-bottom 下外边距
  11. margin-left 左外边距
  12. padding 内边距
  13. padding-top 上内边距
  14. padding-right 右内边距
  15. padding-bottom 下外边距
  16. padding-left 左外边距
  17. float 浮动 :left|right|none 左|右|不浮动
  18. cursor:pointer 小手的代码。。
  19. clear:left|right|both 清除浮动
  20. overflow:hidden 溢出隐藏
  21. index 首页
  22. base 里面写清除默认样式的
  23. text-indent:em 首行缩进 (LOGO名字)
  24. 以后logo 必须用H1引背景图片 里面写上字
  25. position:relative|absolute|fixed 定位
  26. relative 相对定位
  27. absolute 绝对定位
  28. fixed 固定定位
  29. Left/top/right/bottom 定位的偏移量
  30. z-index 改变标签z轴堆叠顺序
  31. opacity 透明代码 1不透明(0.9 0.8.。。。。) 0透明
  32. filter:alpha(opacity:0-100)
  33. inputoutline:none 取消焦点
  34. 标签里面属性 transition=“名字” 过渡 动画
  35. transition 过渡
  36. transition-property 规定设置过渡效果的 CSS 属性的名称。
  37. transition-duration 规定完成过渡效果需要多少秒或毫秒。
  38. transition-timing-function 规定速度效果的速度曲线。
  39. transition-delay 定义过渡效果何时开始。
  40. @media screen and (max-width:900px); 屏幕自适应

标签

  1. <form action="链接" method="">

  2. post 相对安全 gat 不安全

  3. input 表单 单标签

  4. type=“text” 账号/文本

  5. type=“password” 密码

  6. type=“submit” 提交

  7. type=“button” 只是一个点击按钮

  8. type=“radio” 单选框 label双标签 选项内容

  9. type=“checkbox” 复选框 label双标签 选项内容

  10. value=“提示 如 请输入密码”

  11. placeholder=“也是提示”

  12. select

  13. option 选项栏

  14. textarea 下拉框

  15. resize:none 禁止任意拖放

  16. name=“user” 账号

  17. name=“password” 密码

  18. table border-collapse:collapse; 让border合并

tr:

  1. colspan=“3” 横向合并

  2. rowspan=“3” 纵向合并

  3. align 左右对齐方式 middle(左)left center right

  4. valign 上下对齐方式 top center bottom

  5. cellspacing=“0” 清除外面的边距

  6. cellpadding=“0” 清楚里面的边距

102.<table cellspacing="0" cellpadding="0">

  1. <thead><tr><th>表头</th></tr></thead>

104.<tbody><tr><td>表身</td></tr></tbody>

105.<tfoot><tr><td>表尾</td></tr></tfoot>

  1. </table>

  2. frameborder=“0” 取消边框

  3. screlling=“no” 取消滚动条

  4. iframe src

  5. letter-spacing:具体数值 字母间距

  6. word-spacing:数值 单词间距

  7. overflow:auto 溢出滚动

  8. visibility:hidden 隐藏

  9. charset 字符集

  10. utf-8 国际编码

  11. gb2312/gbk 中国编码

  12. author 作者

  13. copyright 版权

  14. keywords 关键词

  15. description 介绍

三、js

  1. push :添加一个数组元素

  2. document :文档

  3. pop :删除最后一个数组元素

  4. console :控制台

  5. shift :删除第一个数组元素

  6. string :字符串

  7. Concat 组合数组

  8. undefined :未定义

  9. typeof :关键字

  10. join:数组转化为指定分隔符

  11. slice:返回指定数组

  12. length:数组长度

  13. Array:数组

  14. number:数字

  15. boolean:布尔

  16. alert:提示框

  17. parseInt:转化为整型数值

  18. continue:继续

  19. is NaN:非数字

  20. sort:升序

  21. break:截断 跳出

  22. reverse:倒序

  23. object:对象类型

  24. parseFloat:转化为浮点值

  25. index:索引

  26. floor:向下取整

  27. variable:变量

  28. ceil:向上取整

  29. round:四舍五入

  30. abs:返回绝对值

  31. eval:解析字符串并运算

  32. max:比较最大值

  33. return:返回

  34. min:比较最小值

  35. addEventListener:事件名 函数

  36. to.fixed:保留小数点

  37. attachEvant:(on)事件名

  38. random:随机数

  39. eletment:元素

  40. eventName:事件名

  41. function:函数

  42. removeEventListener:事件解除

  43. detachEvent:删除已注册事件

  44. open():弹出一个新窗口

  45. function:函数(方法)

  46. showModalDialog:弹出一个模式窗口

  47. close():关闭当前窗口

  48. Date:日期对象

  49. getFullYear():年份

  50. getMonth():月份(0–11)

  51. getDate():几号

  52. getDay():星期几(周一至周六)

  53. getHours():小时(0–23)

  54. getMinites():分钟

  55. getSeconds():秒数(0–59)

  56. getMilliseconds():毫秒数

  57. getTime():从1970至今的毫秒数

  58. Date.now():从1970至今的毫秒值

  59. tolocaleDatestring():输出本地化的日期

  60. setTimeout:延迟时间

  61. tolocaleTimestring():输出本地化得时间

  62. clearTimeout:定时器对象

  63. tolocalestring:输出本地化的日期和时间

  64. setInterval:间隔时间

  65. clearInterval:停止

  66. window.status:浏览器状态栏信息

  67. window.screen:屏幕信息

  68. screen.width:屏幕宽度

  69. screen.height:屏幕高度

  70. screen.availwidth:去掉任务栏宽度

  71. screen.avaiheight:去掉任务栏高度

  72. history:浏览历史记录

  73. location:地址栏对象

navigator:用于获取用户浏览器信息

  1. .navigator.appCodeName:浏览器代码名的字符串表示

  2. navigator.appName:返回浏览器的名称

  3. navigator.appVersion:返回浏览器的平台和版本信息

  4. navigator.platform:返回运行浏览器的操作系统平台

206.navigator. userAgent:返回由客户机发送服务器的

  1. user-agent:头部的值

  2. Exception:异常 意外情况(try—catch)

获取元素对象方式:

  1. getElementByld:通过id获取元素
  2. getElementsByNaeme: 通过name属性获取元素集合
  3. getElementsByTagName: 通过标签获取元素集合
  4. getElementByClassName:通过class获取元素集合
  5. onclick 当点击的时候
  6. onmouseover 鼠标移入
  7. onmouseout 鼠标移出
  8. onblur:失去焦点事件
  9. onkeydown:键盘按下事件(前)
  10. onkeypress:键盘按下事件(后)
  11. onload:当页面加载完成之后触发
  12. onchange;内容改变事件
  13. onkeydown;键盘按下事件(前)
  14. onkeyup;键盘松开事件
  15. onkeypress;键盘按下事件(后)
  16. onmouseout:鼠标移出事件
  17. onmouseover:鼠标移入事件
  18. onselect:内容被选中事件
  19. ondblclick:鼠标双击事件
  20. onfocus:获得焦点事件
  21. onkeyup:键盘松开事件\\

复选框操作 checked=" "

  1. checked 默认选中
  2. false 不选中
  3. true 选中
  4. typeof 查看数据类型
  5. object 对象
  6. number 数字
  7. string 字符串
  8. function 函数
  9. boolean 布尔值 true false
  10. undefined 未定义
  11. parseInt 整数
  12. parseFloat 浮点数/小数
  13. Number 数字
  14. hide 隐藏
  15. show 显示
  16. skin 皮肤
  17. code 代码
  18. even 事件
  19. array 数组
  20. integer 整数
  21. veruant 变量
  22. common 公用
  23. switch
  24. case 情况
  25. break 中断整个循环
  26. continue 跳出本次循环
  27. default 不履行/所有情况都不满足的时候走这个
  28. null 没有/空对象
  29. computed 计算后/生效的
  30. eval(JS可以读懂的代码:如‘1+1’->字符串) 这个代码会把()里面的字符串换成计算机读懂的代码来计算 + - * % 都行 (计算用的)
  31. return 返回
  32. write 输入
  33. find 查找
  34. interval 间隔
  35. setInterval(函数名,1000/) 间隔定时器
  36. clearInterval 清除间隔定时器
  37. Timeout 超时
  38. setTimeout 延迟定时器
  39. clearTimeout 清除延迟定时器
  40. disabled 让表单或按钮/变成不可使用

true 不可用

false 可用

  1. date 时间

  2. get 获取

  3. set 设置

  4. Fullyear 满年

  5. month 月 (从0月开始)

  6. day 日 获取需要 date

  7. week 星期 获取需要day (从0到6)

  8. hours 小时

  9. minutes 分钟

  10. seconds 秒

  11. single 一个/一倍

  12. dubble 两个/两倍

  13. triple 三个/三倍

  14. arguments 函数传参-实参的集合

  15. arguments.length 函数传参-实参的长度

  16. arr.push() 向数组最后添加一项

  17. arr.unshift() 向数组前面添加一项

  18. arr.pop()删除数组最后一位.

  19. arr.shift() 删除数组第一位

  20. arr.splice(开始的位置,删除的个数,添加的东西1。。。)

  21. arr.join(’’) 变字符串 是中间的隔开东西 如- ,空格 等等。。。

  22. arr.concat(arr1,arr2,arr…要拼接的数组…); 数组拼接/合并数组

  23. arr.reverse() 反转/颠倒数组

  24. arr.sort() 数组排序 按照字符串比大小的方法来排序

  25. arr.sort(function(a1,a2) return a1-a2 //从小到大 return a2-a1 //从大到小 ) a1 a2随便起 代表的是数组中随机的某两项

  26. str.charAt() 字符串里面的下标

  27. str.indexOf(‘’) 下字符串对应的下标数(相同的就取第一个)

  28. str.lastIndexOf(‘’)下字符串对应的下标数(相同的就取最后一个)

  29. str.substring (开始位置,结束位置)/(开始位置-不写结束位置默认就从开始位置到最后) 截取子串

  30. str.toUpperCase() 大写字母

  31. str.toLowerCase() 小写字母

  32. str.split(切割的方式 ‘-’ ‘’ '空格’等) 切割变成数组

  33. str.charCodeAt(‘a’) 输入字符查找对应的编码

  34. String.fromCharCode(编码) 输入编码查找对应的字符

  35. json.name=value; 添加rr

  36. delete json.name 删除

  37. token 令牌

  38. try catch(err) try语句允许我们定义在执行时进行错误测试的代码块。catch 语句允许我们定义当 try 代码块发生错误时,所执行的代码块。

  39. math.random() 求随机数

  40. parseInt(math.random()(m-n)+n) 求n-m之间随机的整数, 前包括后不包括

  41. math.abs() 求绝对值

  42. math.max(,,,) 求最大值

  43. math.min(,,,) 求最小值

  44. math.pow(n,m) 求n的m次方

  45. math.sqrt(a) 开方

  46. math.PI π

  47. math.ceil(12.3) 向上取整 13

  48. math.floor(12.3) 向下取整 12

  49. math.round(a) 四舍五入

  50. !important Css样式值后面加这个 权重最大

  51. navigator.userAgent UA 例子判断浏览器的类型

  52. navigator.language 语言

  53. navigator.platform 操作系统

  54. Sibling 兄弟

  55. next 下一个

  56. previous 上一个

  57. 获取元素/节点:

  58. (父级) obj.children 找:儿子/子级 子节点

  59. (子级) obj.parentNode 找:父亲/父级 父节点

  60. (同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点

  61. (父级) obj.firstElementChild ||obj.firstChild 首节点

  62. (父级) obj.lastElementChild || obj.lastChild 尾节点

  63. 创建元素:

  64. document.createElement_x(‘标签名’) 创建元素

  65. 添加插入

  66. (父级) obj.appendChild(谁) 往元素里面最后添加一个

  67. 带剪切效果

  68. (父级) obj.insertBefore(把谁,加在谁的前面) 往元素里面添加一个

  69. 带剪切效果

  70. 删除元素:

  71. (父级) obj.removeChild(子级) 删除子级

  72. window.open() 打开

  73. window.close() 关闭

  74. a标签:target=""

不填 默认新页面打开

_blank 新页面打开

_self 本页面打开

  1. window.location 地址栏信息

  2. window.location.href 链接信息

  3. window.location.search 数据信息

  4. window.location.hash 锚点信息

  5. *了解就行 面试背住

  6. window.location.procotol 协议信息

  7. window.location.hostname 域名信息

  8. window.location.port 端口号信息

  9. window.location.pathname 路径信息

  10. back 返回

  11. forward 向前

  12. history 历史

  13. window.history.back 返回历史记录 退

  14. window.history.forward 返回历史记录 前

  15. alert() 弹窗

  16. confirm 询问提示框

  17. prompt 问答提示框

  18. console.log() 在F12中显示;

  19. document.write(*) 在页面中输入

  20. scroll 滚动 有兼容问题

  21. client 客户端/可视区

  22. offsetHeight/Width 物体盒子模型的宽高

  23. offsetTop/Bottom/方向 物体距上/下/左/右的距离

  24. offsetparent 定位父级

  25. window.onScroll 当滚动的时候 滚动事件

  26. window.onresize 当缩放的时候 缩放事件

  27. onfocus 当获取焦点的时候

  28. onblur 当失去焦点的时候

  29. obj.getAttribute(‘属性名’) 获取属性名对应的属性值

  30. obj.setAttribute(‘属性名’,‘属性值’) 设置属性

  31. obj.removeAttribute(‘属性名’) 删除属性

  32. event 事件

  33. onmousemove 鼠标移动事件

  34. onload 当图片加载完成时

  35. onerror 当图片加载失败时

  36. cancelBubble 取消冒泡

  37. onkeydown 当按键按下的时候

  38. onkeyup 当按键抬起的时候

  39. oEvent.keycode 键盘编码

  40. oncontextmenu 当按右键的时候

  41. return false 阻止浏览器右键菜单

  42. cache 缓存

  43. onmousedown 鼠标按下时

  44. onmouseup 鼠标抬起时

  45. onmousemove 鼠标移动事件

  46. obj.setCapture() 开始捕获

  47. obj.releaseCapture() 取消捕获

  48. obj.cloneNode() 克隆复制一个节点

  49. document/obj.addEventListener(‘不加on的事件名’,函数名,false) 添加事件绑定 兼容高级

  50. document/obj.attachEvent(‘加on的事件名’,函数名) 添加事件绑定 兼容IE系列

  51. document/obj.removeEventListener(‘不加on的事件名’,函数名,false) 解除事件绑定

  52. document/obj.detachEvent(‘加on的事件名’,函数名) 解除事件绑定

  53. onmouseenter 鼠标移入

  54. onmouseleave 鼠标移出

  55. onmousewheel 鼠标滚轮事件

  56. DOMMouseScroll 鼠标滚动事件

  57. oEvent.wheelDelta 非火狐 测试鼠标滚轮向上向下弹得数字

  58. oEvent.detail 火狐 测试鼠标滚轮向上向下弹得数字

  59. return false 阻止浏览器默认事件 但是在事件绑定中失效

  60. oEvent.preventDefoult 在事件绑定中用 阻止浏览器默认事件(如果单独用只兼容高级浏览器)

  61. oninput 当输入的时候 iE9- 没有此方法

  62. onpropertychange 当属性改变的时候 IE系列

  63. oEvent.srcElement 事件源 非火狐

  64. oEvent.target 事件源 高级浏览器

  65. duration 期间

  66. start 开始

  67. count 次数

  68. complete 完成

  69. var bFlag=false/ture 开关 自定义

  70. easing 速度类型:

  71. linear 匀速

  72. ease-in 加速

  73. ease-out 减速

  74. window.onload 页面加载完毕后执行(代码、资源)

  75. DOMReady 页面加载完毕后执行(代码)

  76. DOMContentLoaded DOM加载事件

  77. obj.onreadystatechange 监控事件(模拟DOM加载事件)

  78. readyState 加载状态

  79. document/obj.readyState 加载状态

  80. ondbclick 鼠标双击

  81. queryselector 新的获取元素方法

  82. window.location.reload 重新加载

  83. cookie

  84. expires 期限

  85. session 一个会话(浏览器打开和关闭)

  86. path 路径

  87. define 定义

  88. require 引用其他模块

  89. exports 导出模块

  90. module 批量导出模块,

  91. data-main 主要数据/初始化接口

  92. success 成功

  93. error 失败

  94. Request 请求

  95. ActiveX 浏览器插件

  96. XMLHttpRequest() ajax 创建/ 不兼容ie6-

  97. ActiveXObject(‘Microsoft.XMLHTTP’) 创建/(插件) ie系列

  98. oAjax.open()打开

  99. oAjax.setRequestHeader(‘content-type’, ‘application/x-www-form-urlencoded’);

  100. oAjax.send() 发送

  101. onreadystatechange 接收/当通信状态变化

  102. oAjax.abort() 使中止

  103. oAjax.readyState 是否完成/加载状态

  104. oAjax.status 是否成功

  105. response 回答/响应

  106. oAjax.responseText 返回结果

  107. JSON.parse() 可以把字符串json变成json 不过json要正规些 双引号

  108. JSON.stringify() json打印出来的方法

  109. encode 编码

  110. decode 解码

  111. Component 组件/元件

  112. encodeURIComponent(‘中文’) 中文转化成编码

  113. decodeURIComponent(‘编码’) 编码转化成中文

  114. str.replace 替换

  115. new RegExp() 正则表达式

  116. str.search() 跟indexOf一样 在正则用

  117. str.match 匹配

  118. 正则.test(你要校验的str) true 正确满足 false 不满足 用这个的时候一定配合行首和行尾

  119. 转译

  120. \\d 数字 [0-9]

  121. \\w 数字、英文、下划线 [0-9a-z]

  122. \\s 空白字符 所有的空白字符

  123. . 代表任意字符

  124. \\D 非数字 [^0-9]

  125. \\W 非数字、英文、下划线 [^0-9a-z]

  126. \\S 非空白字符

  127. \\u4e00-\\u9fa5 中文

  128. 量词

  129. n n个

  130. n,m n-m个

  131. n, 最少n个,最多随便

  132. 0,m 最少随便 最多m个

  133. 1, 就是 若干个

  134. 0, 任意个 可以没有

  135. ? 0,1 最少没有 最多1个

  136. \\ 转译特殊字符

  137. | 或的意思

  138. i 忽略大小写

  139. g 全局匹配

  140. m 多行模式

  141. ^ 行首 如果在方括号里面是除了

  142. $ 行尾

  143. *所有

  144. hide 隐藏

  145. show 显示

  146. toggle 点击

  147. hover 移入

  148. fadeIn 淡入

  149. fadeOut 淡出

  150. animate 运动函数(move)

  151. slideDown 滑动从上往下出来

  152. slideUp 滑动从下往上隐藏

  153. eq(下标) 标签获取的下标

  154. event/自己起行参名字.pageX X轴坐标

  155. event/自己起行参名字.pageY Y轴坐标

  156. offset().top 物体绝对的位置 ->getPos()函数

  157. offset().left 物体绝对的位置

  158. position().top 物体距定位父级距离 ->offsetTop

  159. position().left 物体距定位父级距离

  160. document.scrollTop 和原生一样

  161. document.scrollLeft 和原生一样

  162. .width/.height 物体本身的宽高

  163. innerHeight/Width 物体内部的宽高 包括padding 不包括边框

  164. outerHeight/Width 物体盒子模型宽高

  165. 父级.append(子级) 在父级内的后部追加

  166. 父级.prepend(子级) 在父级内的前面追加

  167. 子级.appendTo(父级) 在父级后部追加

  168. 子级.prependTo(父级) 在父级前部追加

  169. obj1.after(obj2) 把2放在1的后面

  170. obj1.before(obj2) 把2放在1的前面

  171. bind() 事件绑定

  172. unbind() 事件解绑

  173. live() 事件委托

  174. die() 解除事件委托

  175. **以上四种不推荐 因为原理还是昂 所以推荐on

  176. obj.on() 可以事件绑定/委托

  177. each 循环

  178. $.trim() 去除首尾空格

  179. extend() 延伸

  180. height() 就是宽度

  181. innerHeight 包括padding、不包括边框

  182. outerHeight 盒子模型的

  183. offset().left -> getPos()

  184. position().left -> offsetLeft()

  185. scrollTop() -> scrollTop

  186. eve.pageX/Y 坐标

  187. maxlength 表单元素最大长度 属性

  188. $.fn.函数名=function() 建立jq封装函数

  189. $.fn.extend(函数名1:function(),函数名2:function(),…)

  190. 汉字:[0x4e00,0x9fa5](或十进制[19968,40869])

  191. 数字:[0x30,0x39](或十进制[48, 57])

  192. 小写字母:[0x61,0x7a](或十进制[97, 122])

  193. 大写字母:[0x41,0x5a](或十进制[65, 90])

  194. parent() 父级

  195. offsetParent() 定位父级

  196. parents() 所有父级 括号里面可以筛选 比如放class名字或…

  197. str/arr.slice(开始位置,结束位置) 切 从开始到结束 如果只有开始 就从开始到最后。 前包后不包

  198. prototype 原型

  199. form表单中 submit 提交 reset 重置

  200. xxx instanceOf xxx 检测一个对象属于某个类

  201. xxx.constructor==xxx 看构造函数 双等是判断 直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx

  202. fn.call(this的指向,参数一,参数二,…) 改变this的指向 fn中的this=

  203. fn.apply(this的指向,[参数一,参数二,…]) 改变this的指向 fn中的this=

  204. init 初始化

  205. localStorage 本地永久存储

  206. sessionStorage 临时会话级存储

不规范的存取

  1. localStorage.name=value 存

  2. localStorage.name 取

  3. delete localStorage.name 删除一条

  4. localStorage.clear() 删除全部

规范的存取

  1. localStorage.setItem(name,value) 存

  2. localStorage.getItem(name) 取

  3. localStorage.removeItem(name)

  4. sessionStorage 临时存储 和localStorage一样用法

  5. include() 包含

  6. template.defaults.openTag=’’; 自定义模板开始样子

  7. template.defaults.closeTag=’’; 自定义模板结束样子

  8. template.config(‘openTag’,’’)

  9. template.config(‘closeTag’,’’)

  10. template.config(‘escape’,true/false) true不默认转译 false默认转译

MVC

  1. m model 模型

  2. v view 视图

  3. c controller 控制器

  4. scope 范围 作用域

  5. then 然后

  6. model模型

  7. bind绑定

  8. `` 反单引号表示模板字符串 $包裹变量

  9. currency货币

  10. route 路由/状态

  11. filter 过滤器

  12. directive 指令

  13. service 依赖

  14. comment 注释

  15. bundle 打包

  16. transclude 嵌入

  17. params 参数

  18. provider 提供者

  19. config配置

  20. template 模板

617.render 渲染

  1. state 状态

  2. extends 延伸 继承

  3. constructor 创建

  4. super 超类/父类

  5. component 组件

  6. component 组件

  7. props.属性

  8. 组件中 ref和正常的ID类似

  9. vue

  10. capitalize 首字母大写

  11. uppercase 变大写字母

  12. lowercase 变小写字母

  13. event.stoppropagation() 阻止冒泡

  14. event.preventDefault() 阻止默认事件 angular

  15. bootstrap css框架

  16. copy 复制/克隆

  17. equals(a,b) 比较

  18. forEach 循环

  19. fromJson 字符串json转化成json

  20. extend(obj,obj1,obj2。。。) 扩展

  21. enter 进来

  22. leave 出去

  23. route 路由/状态

  24. watch 监控

学不好web前端的几个原因总结

都说Web前端入门简单融易学,但很多人仍然学不好Web前端。到底是为什么呢?小千总结了学不好Web前端的几个原因,希望大家引以为戒:1、很多人虽然说想做Web前端开发,想要从另一个职业到互联网,但... 查看详情

转:15年学不会英语的原因

学习前预热:———轻松学英语第一步:建立英语思维为什么大家学英语学得这么累,最后依然对英语糊糊涂涂?原因只有一个——就是我们的学习能力太差了!!我们的老师太笨了!!!这篇文章主要是给大家... 查看详情

为什么你学不好web前端?这些原因你需了解

...想转行到Web前端行业的人越来越多,但很多人仍然学不好Web前端,依然会半途而废。那到底为什么学不好Web前端呢?小千分享学不好Web前端的几个原因,希望大家引以为戒:1、很多人虽然说想做Web前端开发... 查看详情

新书上市|为什么你的英语总是学不好?

...部分人从初中、高中直至大学花费了大量时间和精力学习英语,但最终能学以致用的人却屈指可数。一些人虽然从未去英语国家留学,却能说一口地道流利的英语。很多举家赴海外工作的家庭里,出国前英语水平为零... 查看详情

让学前端不再害怕英语单词(代码片段)

前两章直通车↓↓↓让学前端不再害怕英语单词(一)让学前端不再害怕英语单词(二)由于前两章都反响强烈,都上了全站的热榜,所以今天打算把第三章也写出来第三章我们主要讲一下css中的伪类的英... 查看详情

学习前端,需要掌握的单词集汇总(代码片段)

...,有帮助记得一键三连,犒劳一下作者)感觉自己英语不好就放弃学习前端,其实所有语言,常用单词也就500左右,下面笔者整理前端常用的单词翻译趋向于术语一,htmldiv分隔,盒子p段h1~h6标题1到标题6a锚spanstrong加重语义metatable... 查看详情

前端程序员饱和了吗?我们公司给初级前端开到了12k

...事起因最近我有个刚毕业的学生问我说:我感觉现在前端行业已经饱和了,也不是说饱和了,是初级的前端根本就没有公司要,哪怕你不要工资也没公司要你,前端刚学出来,没有任何的项目经验和工作经... 查看详情

让学前端不再害怕英语单词(代码片段)

...xff0c;所以本着给跟着我学习的学生提供一个学习前端不怕英语单词的课程,就打算写一篇博客去讲述如何增强在学习前端的时候巩固语法并且加强对英语单词的熟悉度这一章节我们先讲下html,css和js的部分重点单词和联... 查看详情

前端学http之内容协商

...言提供其内容的网站站点。如果某个站点有说法语的和说英语的两种用户,它可能想用这两种语言提供网站站点信息。理想情况下,服务器应当向英语用户发送英文版,向法语用户发送法文版——用户只要访问网站主页就可以得... 查看详情

前端学http之内容协商

...言提供其内容的网站站点。如果某个站点有说法语的和说英语的两种用户,它可能想用这两种语言提供网站站点信息。理想情况下,服务器应当向英语用户发送英文版,向法语用户发送法文版——用户只要访问网站主页就... 查看详情

十五年学不会英语的原因

学习前预热:———轻松学英语第一步:建立英语思维    为什么大家学英语学得这么累,最后依然对英语糊糊涂涂?原因只有一个——就是我们的学习能力太差了!!我们的老师太笨了!!!    这... 查看详情

零基础怎么系统学web前端?

...学就是了,不要磨磨唧唧的的做什么事情,否则什么也做不好。二学习前端,你需要具备哪些素质?(1)如果web的任何一个元素(web界面,灵活的编程风格等)有一点吸引了你,让你着实着迷,恭喜你,有了一个完美的开始。... 查看详情

英语没学好到底能不能做coder,别再纠结了先学起来

其实,编程中用到的英文词汇并不多,经常用到的写着写着就记住了。大多数时候只有给变量或者对象起名的时候才会去Google上查。于是,我将经常在coding中用到的词汇总结了一下。【阅读全文】A字母开头的英文词汇Appearance外... 查看详情

让学前端不再害怕英语单词(代码片段)

前三章直通车↓↓↓让学前端不再害怕英语单词(一)让学前端不再害怕英语单词(二)让学前端不再害怕英语单词(三)在第一章和第二章,我们大致讲了下前端三剑客和利用接口处理后端返回数据... 查看详情

python程序员常用英语词汇,不会英语想学python编程的(收藏)

很多小伙伴们都在问小编:“我不会英语,想学python编程,怎么办”,相信这个问题困扰了太多太多想学习编程但是英文不好的小伙伴吧。那么小编告诉你,可以。小编整理了最最常用的词,需要全部的加Q君羊八八三四四四一... 查看详情

前端学习之——入门篇

  学习前端大概已经有一个月的时间了,通过这一个月对前端的初步了解与学习,自己也从中总结了一些小小的经验。希望通过本文与同我一样刚刚开始学习前端的小伙伴进行一些交流。  我觉得作为一名前端工作人员必须... 查看详情

web前端技术分享:web前端的求职前景好不好?

...非常好的。下面我们就先来了解一下web前端的求职前景好不好?web前端的求职前景好不好?近几年的热门行业里,前端开发可以说是备受关注,开发入门一般也都是从前端学起,也就是说只要是干软件开发岗... 查看详情

nginx-学相伴(做项目连夜学)(代码片段)

...包做项目了,需求里有个没学过的,NGINX,淦连夜看一看,顺口提一下,某音跟监听我说话似的,刚跟小姐姐聊了一下nginx,回家刷视频就给我推荐了nginx的视频,你说它牛逼吧,确实牛逼,... 查看详情