js前端

a.前端常见的模式：

1:外观模式;2:代理模式;3:工厂模式;4:单例模式;5:策略模式；6:迭代器模式；7:观察者模式；8:中介者模式;9:访问者模式

b.前端常见的布局：

1.定位布局，2.浮动布局，3.圣杯布局，4.双飞翼布局，5.响应式布局，6.流式布局，7.弹性盒模型（flex布局)

c.前端框架

Bootstrap、Foundation、Pure、YUI 2: Grids CSS、Cutter.css、Blueprint、BlueTrip、Elastic、Easy、EZ-CSS、Tripoli、CleverCSS

d.常见ui框架：

1.Layui 官方网址：http://www.layui.com/

2.NEC：官方网址：http://nec.netease.com/case

3：amaze UI 官方网址：http://amazeui.org/

4.NEJ官方网址：http://nej.netease.com/

5.boostrap 框架官方网址：http://www.bootcss.com/

三大主流框架

三大主流框架：包括，MVC 模式，MVVM 模式，ES6 和 ES7（var、const、let，array 新增的方法，字符串模板，箭头函数，了解 this 的指向），webpack（webpack 模块化开发，webpack 配置，webpack 中 HTML、CSS、JS 的处理，使用 webpack 搭建开发环境）

[javascript开发框架1. Angular.js，2.React.js3.Ember.js4.Aurelia.js】bootstrap 和响应式布局：栅格系统，表单、表格，导航条、分页、进度条，后台模板综合案例。

{前端框架汇踪https://www.cnblogs.com/mbailing/p/5627792.html}

1.angular.js（angular 安装、环境搭建，angular 组件、声明属性、绑定数据、循环数据，angular 中的服务，angular 中的请求数据，父子组件传值，路由中的 get 传值和获取传值），

2.vue.js，vue.js 又包括 Vue.js，Vue-cli，Vue Router，Vuex，Axios 等方面，其中 Vue.js 又包含，Vue 生成实例，Vue 绑定数据，Vue 请求外部数据，Vue 生命周期函数，Vue 组件（全局组件，局部件），3.组件嵌套等； Vue-cli 又包含，Vue-cli 的安装和使用，webpack 配置，单页面项目的开发等方面。

4.react.js 包含（react.js 快速入门，JSX 语法，组件开发，组件复用，生命周期，路由，按需加载等方面）。

5.常用的 UI 框架包含（element-ui，lay-ui，m-ui，mint-ui，ant-design 等方面）

web 前端技术进阶模块主要包括以下方面： git：Git 介绍以及 Git 的常用命令讲解，Github 简介，以及怎么将自己项目托管到 Github，讲解使用 Git协作开发的流程。MongoDB 入门：MongoDB 介绍与环境搭建，数据库常用命令，Collection 聚集集合document 文档操作、聚集集合查询，NodeJS 连接 MongoDB。

Node.js：常用的 npm 命令，node.js 模块化开发。

http-web 服务器；sass 的使用：sass 中的变量和计算，vscode 中安装插件。

小程序开发：初识小程序、创建小程序，MINA 框架介绍、wxml、wxss、pages 逻辑层 js 介绍，绑定数据、绑定属性、条件判断、循环渲染，小程序中的事件、方法、事件对象、方法传值、获取 data 数据、修改 data 数据、冒泡非冒泡事件，通过 api 接口获取数据，组件、父子组件、组件事件、父子组件传值，小程序接口及其使用。混合开发 App：主要使用（angular4+、ionic3+、cordova）包括 ionic、angular、cordova 介绍及 ionic环境搭建，ionic 基本介绍，创建页面组件、循环数据、页面跳转GB231，新增 tabs 切换菜单、去掉二级页面 tabs 菜单、修改返回按钮，ionic 中的基本布局、颜色、按钮、图标，通过 navPush 属性实现路由跳转传值，ionic 中的上拉分页加载更多、下拉刷新，ionic 中的请求数据方法封装，项目实战等

js前端流程：http://www.aseoe.com/special/jsswdt/

web开发工具

js压缩工具：https://tool.css-js.com/

ProofHub:http://proofhub.com/

Sublime Text:https://www.sublimetext.com/

Google Keep:https://keep.google.com/

musicForProgramming:http://musicforprogramming.net/

LeanKit:https://leankit.com/

Silver Searcher:https://leankit.com/

HeySpace:https://hey.space/

Habitica:https://habitica.com/static/home

WakaTime: https://wakatime.com/

（工具简介：https://server.zzidc.com/fwqrj/2971.html）

开发学习付费课程:

极客网：https://www.jikexueyuan.com/

慕课网：https://www.jikexueyuan.com/

开发导航：http://www.devnav.cn/

前端导航：http://www.alloyteam.com/nav/

前站导航：http://www.frontendjs.com/

腾讯云：https://cloud.tencent.com/https://tool.css-js.com/

阿里云：https://www.aliyun.com/ f12出现代码框点击代码框左上角的小箭头变成蓝色然后鼠标放在推广页面有网址的地方单击一下下面代码框里面 herf= 后面的链接就是对应的访问链接

wps文件恢复：https://jingyan.baidu.com/article/6181c3e0696500152ef1531b.html

平台客服：

qq客服：https://kf.qq.com/

微信：https://kf.qq.com/

站长素材：http://sc.chinaz.com/

HTML&CSS：对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功：布局、盒子模型、选择器优先级及使用、HTML5、CSS3、移动端适应。

JavaScript：数据类型、面向对象、继承、闭包、插件、作用域、跨域、x、模块化、自定义事件、内存泄漏、事件机制、异步装载回调、模板引擎、Nodejs、JSON、ajax等。

其他： HTTP、安全、正则、优化、重构、响应式、移动端、团队协作、可维护、SEO、UED、架构、职业生涯（）

常见框架：JS框架：Vue、react、angular等

JavaScript常见框架官网：

Vue官网：https://cn.vuejs.org/v2/guide/

react官网：https://reactjs.bootcss.com/

angular官网：https://www.angularjs.net.cn/

web前端网页：

开发的思维导图1.

web(用到的软件）：

1、HBuilder、HBuilderX：（下载地址http://www.dcloud.io/）

2.Visual Studio Code:（下载地址：https://code.visualstudio.com/）

3.Editplus（下载地址： https://www.editplus.com/)

前端主流工具：

1.SublimeText3：https://www.php.cn/xiazai/gongju/500

2.Notepad++7.3.1：https://www.php.cn/xiazai/gongju/92

3.PhpStorm：https://www.php.cn/xiazai/gongju/122

4.Zend Studio 13.0.1：https://www.php.cn/xiazai/gongju/121

5.phpStudy（针对Windows系统）：https://www.php.cn/xiazai/gongju/89

6. phpStudy Linux面板(小皮面板)（针对Linux系统）:https://www.xp.cn/linux.html

7.XAMPP 3.2.2.0{mac}：https://www.php.cn/xiazai/gongju/91：https://www.php.cn/xiazai/gongju/91

8.WampServer 2.5（针对Windows系统）: https://www.php.cn/xiazai/gongju/115

9.FileZilla 3.24:https://www.php.cn/xiazai/gongju/94

10.Git:https://www.php.cn/xiazai/gongju/119

11.TortoiseSVN 1.9.5

前端工程师开发内容：

开发常用的论坛：

1.慕课网：https://www.imooc.com/

2.网易公开课（设计） https://study.163.com/category/480000003132060?mid=2088612

3.网易公开课（编程开发）： https://study.163.com/category/480000003131009?mid=2079297

4.博客园：https://www.cnblogs.com/

7.开源中国：https://www.oschina.net

8.码农网：http://www.codeceo.com/

5.掘金：https://juejin.im

6.CSDN网站：https://www.csdn.net/

7.segmentfault：https://segmentfault.com/

8.思否：https://ke.sifou.com/

9.开源中国： https://www.oschina.net/project

14.B站（bilibili）：https://www.bilibili.com/

15.菜鸟教程： https://www.runoob.com/

16.牛客网：https://www.nowcoder.com/

17.程序论坛：https://bbs.csdn.net/forums/WebDevelop

18.js自学：http://www.w3school.com.cn/js/js_htmldom_document.asp

19.大前端：http://www.daqianduan.com/

2o.菜鸟教程：https://www.runoob.com/

网站模板：

模板之家： http://www.cssmoban.com/

网站超市：http://www.wzjs.info/

站长魔板：http://sc.chinaz.com/moban/

模板王：http://www.mobanwang.com/

海洋网络：http://www.hy755.cn/case2/

AB:模板：http://www.adminbuy.cn/

扒站工具：{webzip、ha_TeleportPro、Offline Explorer、wget}

1.扒站工具：https://bazhan.me/

2.Teleport Pro: http://www.skycn.com/soft/198.html

3.WebZip:http://wenku.baidu.com/view/31d0b8c4bb4cf7ec4afed0e1.html（教程）[WebZip 7.0.0.1025 汉化版下载地址:http://www.onlinedown.net/soft/19648.htm]

4.3.Offline Explorer英文站;:http://www.skycn.com/soft/189.html

解决bug常用社区：

Google：https://google.com

GitHub — 开发者最最最重要的网站：https://github.com

掘金 — 帮助开发者成长的技术社区：https://juejin.im

程序员客栈：https://www.proginn.com/

牛客网 — 面经和刷面试题：https://www.nowcoder.com

FCC 中文网：https://www.freecodecamp.one/

Web 开发练习题：https://www.freecodecamp.org/

百度前端技术学院 — 前端开发项目库：http://ife.baidu.com

菜鸟教程：http://www.runoob.com/

思维导图：

xmind：https://www.xmind.cn/

百度脑图：https://naotu.baidu.com/

词霸：http://www.iciba.com/

编辑器常见的有：

TextEdit：http://www.greenxf.com/soft/286666.html

前端常见项目：

前端框架：

1.Vue

https://cn.vuejs.org

2.React

https://react.docschina.org/

3.Angular

https://angular.io

4.QucikUI

http://www.uileader.com/product_quickui

5.Layui

https://www.layui.com/

6.Avalon

https://dojo.io/

7.Dojo

https://dojo.io/

8.Ember

https://emberjs.com/

9.Aurelia

https://aurelia.io/

商城开发系统：

1.SHOPEX

网址：www.shopex.cn

2.第二位、ECSHOP

网址：www.ecshop.com

3.ProBIZ博商网上商店系统

网址：www.probiz.com

4.EC-Spyder网上商店系统

网址：www.bohinet.com

5.兰帕网上商店系统

网址： www.lapss.com

6.HISHOP：

网址：www.2hi.com

7.开发导航：

开发导航网址：http://www.devnav.cn/

php开发词典：https://www.php.cn/dic/29.html

前端框架：

1. AngularJS：https://www.angularjs.net.cn/

2. ReactJS：https://www.runoob.com/react/react-tutorial.html

3. MeteorJS：https://blog.csdn.net/yuan_618859/article/details/105247408

4. VueJS：https://www.runoob.com/vue2/vue-tutorial.html

5. BackboneJS:https://www.w3cschool.cn/backbonejs/backbonejs-event_on.html

1. html，css，Js。大致了解后，直接上手写静态网页。能够模仿出京东，淘宝等电商网页的首页。感觉自己写静态页面有点心得就行了。

2.vue, react, angular 三大框架选一个。推荐vue，相对轻量、简单一些。看官方文档，对它的思想有个了解。语法性的内容，记住基础的就行。

3.了解vue cli， vue router， vuex。vue-cli新建一个工程化的vue项目。然后开始写简单的网页。

前端框架（常用框架）：https://www.cnblogs.com/aaron-pan/p/8018473.html

前端设计师需要记住的单词：http://www.adobeedu.com/edu/word/

style 修饰
width 宽度
height 高度
title 想说明的
text-align 水平对齐方式
center 居中 left 居左 right 居右
line-height 垂直对齐方式/行高当行高等于高度时候垂直居中
background 背景
image 引入背景图片(url)
background-position：背景定位(x轴，y轴；)
background-repeat 背景平铺
:no-repeat;不平铺 repeat-x;水平平铺 repeat-y;垂直平铺
background：url() repeat left center #00;
顺序：背景图片重复定位颜色
top/right/bottom/left/center 方向英文：上、右、下、左，中
color 颜色
font 文字
font-family 字体
font-size 字号
font-weight：normal 正常 :bold 加粗
font-style: normal;取消倾斜 :italic;斜体
font:italic bold 24px/24px '楷体';
顺序：是否斜体是否粗体字体大小/行高字体
文本修饰属性：
text-decoration：
overline 顶划线
underline 下划线
line-through 中划线/删除线
none 无/取消下划线
display 转化显示模式元素转化
block 块
inline 行内
inline-block 行内块
省略号
white-space:nowrap 强制不换行
overflow:hidden 溢出隐藏
text-overflow：ellipsis 省略号
font-family：‘微软雅黑’ 让省略号在下面
必须给宽度
伪类
a:link 设置未访问时候的颜色点击后变成a的正常颜色
a:visited 设置访问过后颜色
a:hover 当鼠标放上去会变颜色
a:active 鼠标点击变颜色
顺序 lvha 驴哈
auto 自动居中
margin 外边距
margin-top 上外边距
margin-right 右外边距
margin-bottom 下外边距
margin-left 左外边距
padding 内边距
padding-top 上内边距
padding-right 右内边距
padding-bottom 下外边距
padding-left 左外边距
float 浮动：left|right|none 左|右|不浮动
cursor:pointer 小手的代码。。
clear：left|right|both 清除浮动
overflow：hidden 溢出隐藏
index 首页
base 里面写清除默认样式的
text-indent：em 首行缩进（LOGO名字）
以后logo 必须用H1引背景图片里面写上字
position：relative|absolute|fixed 定位
relative 相对定位
absolute 绝对定位
fixed 固定定位
Left/top/right/bottom 定位的偏移量
z-index 改变标签z轴堆叠顺序
opacity 透明代码 1不透明（0.9 0.8.。。。。） 0透明
filter：alpha（opacity：0-100）
input{outline:none} 取消焦点
"链接" method="">
post 相对安全 get 不安全
input 表单单标签
type="text" 账号/文本
type="password" 密码
type="submit" 提交
type="button" 只是一个点击按钮
type="radio" 单选框 label双标签选项内容
type="checkbox" 复选框 label双标签选项内容
value="提示如请输入密码"
placeholder="也是提示"
select
option 选项栏
textarea 下拉框
resize：none 禁止任意拖放
name="user" 账号
name="password" 密码
table{ border-collapse:collapse;} 让border合并
tr加
colspan="3" 横向合并
rowspan="3" 纵向合并
align 左右对齐方式 middle（左）left center right
valign 上下对齐方式 top center bottom
cellspacing="0" 清除外面的边距
cellpadding="0" 清楚里面的边距
"0" cellpadding="0">
frameborder="0" 取消边框
screlling="no" 取消滚动条
iframe src
letter-spacing：具体数值字母间距
word-spacing：数值单词间距
overflow：auto 溢出滚动
visibility：hidden 隐藏
charset 字符集
utf-8 国际编码
gb2312/gbk 中国编码
author 作者
copyright 版权
keywords 关键词
description 介绍
js
@media screen and (max-width:900px){}; 屏幕自适应
媒体屏幕最大
push :添加一个数组元素
document ：文档
pop ：删除最后一个数组元素
console ：控制台
shift ：删除第一个数组元素
string ：字符串
Concat 组合数组
undefined ：未定义
typeof ：关键字
join：数组转化为指定分隔符
slice：返回指定数组
length：数组长度
Array：数组
number：数字
boolean：布尔
alert：提示框
parseInt：转化为整型数值
continue：继续
is NaN：非数字
sort：升序
break：截断跳出
reverse：倒序
object：对象类型
parseFloat：转化为浮点值
index：索引
floor：向下取整
variable：变量
ceil：向上取整
round:四舍五入
abs：返回绝对值
eval：解析字符串并运算
max：比较最大值
return：返回
min：比较最小值
addEventListener：事件名函数
to.fixed：保留小数点
attachEvant：（on）事件名
random：随机数
eletment：元素
eventName：事件名
function：函数
removeEventListener：事件解除
detachEvent：删除已注册事件
open（）：弹出一个新窗口
function：函数（方法）
showModalDialog：弹出一个模式窗口
close（）：关闭当前窗口
Date：日期对象
getFullYear（）：年份
getMonth（）：月份（0--11）
getDate（）：几号
getDay（）：星期几（周一至周六）
getHours（）：小时（0--23）
getMinites（）：分钟
getSeconds（）：秒数（0--59）
getMilliseconds（）：毫秒数
getTime（）：从1970至今的毫秒数
Date.now（）：从1970至今的毫秒值
tolocaleDatestring（）：输出本地化的日期
setTimeout：延迟时间
tolocaleTimestring（）：输出本地化得时间
clearTimeout：定时器对象
tolocalestring：输出本地化的日期和时间
setInterval：间隔时间
clearInterval：停止
window.status：浏览器状态栏信息
window.screen：屏幕信息
screen.width：屏幕宽度
screen.height：屏幕高度
screen.availwidth：去掉任务栏宽度
screen.avaiheight：去掉任务栏高度
history：浏览历史记录
location：地址栏对象
navigator：用于获取用户浏览器信息
appCodeName：浏览器代码名的字符串表示
appName：返回浏览器的名称
appVersion：返回浏览器的平台和版本信息
platform：返回运行浏览器的操作系统平台
userAgent：返回由客户机发送服务器的
user-agent：头部的值
Exception：异常意外情况（try---catch）
获取元素对象方式:
getElementByld：
getElementsByName：
gatElementsByTagName：
getElementByClassName：
onlick 当点击的时候
onmouseover 鼠标移入
onmouseout 鼠标移出
onblur：失去焦点事件
onkeydown：键盘按下事件（前）
onkeypress：键盘按下事件（后）
onload：当页面加载完成之后触发
onchange;内容改变事件
onkeydown;键盘按下事件（前）
onkeyup;键盘松开事件
onkeypress;键盘按下事件（后）
onmouseout：鼠标移出事件
onmouseover：鼠标移入事件
onselect：内容被选中事件
ondblclick：鼠标双击事件
onfocus：获得焦点事件
onkeyup：键盘松开事件
复选框操作 checked=" "
checked 默认选中
false 不选中
true 选中
typeof 查看数据类型
object 对象
number 数字
string 字符串
function 函数
boolean 布尔值 true false
undefined 未定义
parseInt 整数
parseFloat 浮点数/小数
Number 数字
hide 隐藏
show 显示
skin 皮肤
code 代码
even 事件
array 数组
integer 整数
veruant 变量
common 公用
switch
case 情况
break 中断整个循环
continue 跳出本次循环
default 不履行/所有情况都不满足的时候走这个
null 没有/空对象
computed 计算后/生效的
eval（JS可以读懂的代码：如‘1+1’->字符串）这个代码会把（）里面的字符串换成计算机读懂的代码来计算 + - * % 都行（计算用的）
return 返回
write 输入
find 查找
interval 间隔
setInterval（函数名，1000/）间隔定时器
clearInterval 清除间隔定时器
Timeout 超时
setTimeout 延迟定时器
clearTimeout 清除延迟定时器
obj.disabled 让按钮/变成不可使用
true 不可用
false 可用
date 时间
get 获取
set 设置
Fullyear 满年
month 月（从0月开始）
day 日获取需要 date
week 星期获取需要day （从0到6）
hours 小时
minutes 分钟
seconds 秒
single 一个/一倍
dubble 两个/两倍
triple 三个/三倍
arguments 函数传参-实参的集合
arguments.length 函数传参-实参的长度
arr.push（）向数组最后添加一项
arr.unshift() 向数组前面添加一项
arr.pop（）删除数组最后一位.
arr.shift（）删除数组第一位
arr.splice(开始的位置，删除的个数，添加的东西1。。。)
arr.join('') 变字符串是中间的隔开东西如- ，空格等等。。。
arr.concat(arr1,arr2,arr..要拼接的数组...); 数组拼接/合并数组
arr.reverse() 反转/颠倒数组
arr.sort() 数组排序按照字符串比大小的方法来排序
arr.sort(function(a1,a2){ return a1-a2 //从小到大 return a2-a1 //从大到小 }) a1 a2随便起代表的是数组中随机的某两项
str.charAt() 字符串里面的下标
str.indexOf(‘’) 下字符串对应的下标数（相同的就取第一个）
str.lastIndexOf（‘’）下字符串对应的下标数（相同的就取最后一个）
str.substring (开始位置，结束位置)/（开始位置-不写结束位置默认就从开始位置到最后）截取子串
str.toUpperCase() 大写字母
str.toLowerCase() 小写字母
str.split(切割的方式 '-' '' '空格'等) 切割变成数组
str.charCodeAt('a') 输入字符查找对应的编码
String.fromCharCode(编码) 输入编码查找对应的字符
json.name=value; 添加
delete json.name 删除
token 括号
try catch(e) 异常
math.random() 求随机数
parseInt（math.random()（m-n）+n）求n-m之间随机的整数，前包括后不包括
math.abs() 求绝对值
math.max(，，，) 求最大值
math.min(，，，) 求最小值
math.pow(n,m) 求n的m次方
math.sqrt(a) 开方
math.PI π
math.ceil(12.3) 向上取整 13
math.floor(12.3) 向下取整 12
math.round(a) 四舍五入
!important Css样式值后面加这个权重最大
navigator.userAgent UA 例子判断浏览器的类型
navigator.language 语言
navigator.platform 操作系统
Sibling 兄弟
next 下一个
previous 上一个
获取元素/节点：
(父级) obj.children 找：儿子/子级子节点
(子级) obj.parentNode 找：父亲/父级父节点
(同级) obj.nextElementSibling || obj.nextSibling 下一个同级/节点 (同级) obj.previousElementSibling || obj.prenviousSibling 上一个同级/节点
(父级) obj.firstElementChild ||obj.firstChild 首节点
(父级) obj.lastElementChild || obj.lastChild 尾节点
创建元素：
document.createElement_x('标签名') 创建元素
添加插入
(父级) obj.appendChild(谁) 往元素里面最后添加一个
带剪切效果
(父级) obj.insertBefore(把谁，加在谁的前面) 往元素里面添加一个
带剪切效果
删除元素：
(父级) obj.removeChild(子级) 删除子级
window.open() 打开
window.close() 关闭
a标签：target=""
不填默认新页面打开
_blank 新页面打开
_self 本页面打开
window.location 地址栏信息
window.location.href 链接信息
window.location.search 数据信息
window.location.hash 锚点信息
*了解就行面试背住
window.location.procotol 协议信息
window.location.hostname 域名信息
window.location.port 端口号信息
window.location.pathname 路径信息
back 返回
forward 向前
history 历史
window.history.back 返回历史记录退
window.history.forward 返回历史记录前
alert（）弹
confirm 询问提示框
prompt 问答提示框
console.log（）在F12中显示;
document.write（*）在页面中输入
scroll 滚动有兼容问题
client 客户端/可视区
offsetHeight/Width 物体盒子模型的宽高
offsetTop/Bottom/方向物体距上/下/左/右的距离
offsetparent 定位父级
window.onScroll 当滚动的时候滚动事件
window.onresize 当缩放的时候缩放事件
onfocus 当获取焦点的时候
onblur 当失去焦点的时候
obj.getAttribute('属性名') 获取属性名对应的属性值
obj.setAttribute('属性名','属性值') 设置属性
obj.removeAttribute('属性名') 删除属性
event 事件
onmousemove 鼠标移动事件
onload 当图片加载完成时
onerror 当图片加载失败时
cancelBubble 取消冒泡
onkeydown 当按键按下的时候
onkeyup 当按键抬起的时候
oEvent.keycode 键盘编码
oncontextmenu 当按右键的时候
return false 阻止浏览器右键菜单
cache 缓存
onmousedown 鼠标按下时
onmouseup 鼠标抬起时
onmousemove 鼠标移动事件
obj.setCapture() 开始捕获
obj.releaseCapture() 取消捕获
obj.cloneNode() 克隆复制一个节点
document/obj.addEventListener（'不加on的事件名',函数名,false）添加事件绑定兼容高级
document/obj.attachEvent（'加on的事件名',函数名）添加事件绑定兼容IE系列
document/obj.removeEventListener（'不加on的事件名',函数名,false）解除事件绑定
document/obj.detachEvent（'加on的事件名',函数名）解除事件绑定
onmouseenter 鼠标移入
onmouseleave 鼠标移出
onmousewheel 鼠标滚轮事件
DOMMouseScroll 鼠标滚动事件
oEvent.wheelDelta 非火狐测试鼠标滚轮向上向下弹得数字
oEvent.detail 火狐测试鼠标滚轮向上向下弹得数字
return false 阻止浏览器默认事件但是在事件绑定中失效
oEvent.preventDefoult 在事件绑定中用阻止浏览器默认事件（如果单独用只兼容高级浏览器）
oninput 当输入的时候 iE9- 没有此方法
onpropertychange 当属性改变的时候 IE系列
oEvent.srcElement 事件源非火狐
oEvent.target 事件源高级浏览器
duration 期间
start 开始
count 次数
complete 完成
var bFlag=false/ture 开关自定义
easing 速度类型：
linear 匀速
ease-in 加速
ease-out 减速
window.onload 页面加载完毕后执行（代码、资源）
DOMReady 页面加载完毕后执行（代码）
DOMContentLoaded DOM加载事件
obj.onreadystatechange 监控事件（模拟DOM加载事件）
readyState 加载状态
document/obj.readyState 加载状态
ondbclick 鼠标双击
queryselector 新的获取元素方法
window.location.reload 重新加载
cookie
expires 期限
session 一个会话（浏览器打开和关闭）
path 路径
define 定义
require 引用其他模块
exports 导出模块
module 批量导出模块，
data-main 主要数据/初始化接口
success 成功
error 失败
Request 请求
ActiveX 浏览器插件
XMLHttpRequest（） ajax 创建/ 不兼容ie6-
ActiveXObject（'Microsoft.XMLHTTP'）创建/(插件) ie系列
oAjax.open()打开
oAjax.setRequestHeader('content-type', 'application/x-www-form-urlencoded');
oAjax.send() 发送
onreadystatechange 接收/当通信状态变化
oAjax.abort() 使中止
oAjax.readyState 是否完成/加载状态
oAjax.status 是否成功
response 回答/响应
oAjax.responseText 返回结果
JSON.parse() 可以把字符串json变成json 不过json要正规些双引号
JSON.stringify() json打印出来的方法
encode 编码
decode 解码
Component 组件/元件
encodeURIComponent('中文') 中文转化成编码
decodeURIComponent('编码') 编码转化成中文
str.replace 替换
new RegExp() 正则表达式
str.search() 跟indexOf一样在正则用
str.match 匹配
正则.test（你要校验的str） true 正确满足 false 不满足用这个的时候一定配合行首和行尾
转译
\d 数字 [0-9]
\w 数字、英文、下划线 [0-9a-z]
\s 空白字符所有的空白字符
. 代表任意字符
\D 非数字 [^0-9]
\W 非数字、英文、下划线 [^0-9a-z]
\S 非空白字符
\u4e00-\u9fa5 中文
量词
{n} n个
{n,m} n-m个
{n,} 最少n个，最多随便
{0，m} 最少随便最多m个
{1，} 就是若干个
{0，} 任意个可以没有
？ {0,1} 最少没有最多1个
\ 转译特殊字符
| 或的意思
i 忽略大小写
g 全局匹配
m 多行模式
^ 行首如果在方括号里面是除了
$ 行尾
*jq
hide 隐藏
show 显示
toggle 点击
hover 移入
fadeIn 淡入
fadeOut 淡出
animate 运动函数（move）
slideDown 滑动从上往下出来
slideUp 滑动从下往上隐藏
eq(下标) 标签获取的下标
li>a li下面的第一级a
伪类选择器:
li:last li最后一个
li:first li第一个
li:eq(2) 第三个li
obj：even 偶数
obj：odd 奇数
obj：has("p/标签名") 里面包含‘p’这个标签的就会选取
obj：contains("p/内容") 内容有得‘p’ 就都会选取
event/自己起行参名字.pageX X轴坐标
event/自己起行参名字.pageY Y轴坐标
offset().top 物体绝对的位置 ->getPos()函数
offset().left 物体绝对的位置
position().top 物体距定位父级距离 ->offsetTop
position().left 物体距定位父级距离
document.scrollTop 和原生一样
document.scrollLeft 和原生一样
.width/.height 物体本身的宽高
innerHeight/Width 物体内部的宽高包括padding 不包括边框
outerHeight/Width 物体盒子模型宽高
父级.append(子级) 在父级内的后部追加
父级.prepend(子级) 在父级内的前面追加
子级.appendTo(父级) 在父级后部追加
子级.prependTo(父级) 在父级前部追加
obj1.after(obj2) 把2放在1的后面
obj1.before(obj2) 把2放在1的前面
bind() 事件绑定
unbind() 事件解绑
live() 事件委托
die() 解除事件委托
**以上四种不推荐因为原理还是昂所以推荐on
obj.on（）可以事件绑定/委托
each 循环
$.trim() 去除首尾空格
extend() 延伸
height() 就是宽度
innerHeight 包括padding、不包括边框
outerHeight 盒子模型的
offset().left -> getPos()
position().left -> offsetLeft()
scrollTop() -> scrollTop
eve.pageX/Y 坐标
maxlength 表单元素最大长度属性
$.fn.函数名=function(){} 建立jq封装函数
$.fn.extend({函数名1:function(){},函数名2:function(){},...})
汉字：[0x4e00,0x9fa5]（或十进制[19968,40869]）
数字：[0x30,0x39]（或十进制[48, 57]）
小写字母：[0x61,0x7a]（或十进制[97, 122]）
大写字母：[0x41,0x5a]（或十进制[65, 90]）
parent() 父级
offsetParent() 定位父级
parents() 所有父级括号里面可以筛选比如放class名字或...
str/arr.slice（开始位置，结束位置）切从开始到结束如果只有开始就从开始到最后。前包后不包
prototype 原型
form表单中 submit 提交 reset 重置
xxx instanceOf xxx 检测一个对象属于某个类
xxx.constructor==xxx 看构造函数双等是判断直接父级属不属于xxx 一个等号是赋值让直接父级等于xxx
fn.call(this的指向，参数一，参数二，....) 改变this的指向 fn中的this=
fn.apply(this的指向，[参数一，参数二，....]) 改变this的指向 fn中的this=
init 开始
localStorage 本地存储
一般的规范
localStorage.name=value 存
localStorage.name 取
delete localStorage.name 删除一条
localStorage.clear() 删除全部
规范的存取
localStorage.setItem(name,value)
localStorage.getItem(name)
localStorage.removeItem(name)
sessionStorage 临时存储和localStorage一样用法
include() 包含
template.defaults.openTag=''; 自定义模板开始样子
template.defaults.closeTag=''; 自定义模板结束样子
template.config('openTag','')
template.config('closeTag','')
template.config('escape',true/false) true不默认转译 false默认转译
m model 模型
v view 视图
c controller 控制器
scope 范围作用域
then 然后
model模型
bind绑定
ng-app=""; 引用其他模块
ng-model="" 数据从哪来
ng-bind="" 或 model 或 {{xxx}} 数据到哪去
ng-init 初始化
ng-repeat 循环
angular.module('名字',[依赖模块).controller('名字',function(依赖项){})
$scope
$http
$interval
$timeout
` 反单引号包住字符串拼接是这样 ${}
|currency:"" 货币
date:"" 时间戳转化处理
route 路由/状态
filter 过滤器
directive 指令
restrict 类型 E:'element' C:'class' M:'comment' A:'attribute'
service 依赖
oDate.toString() 获取正常时间
creator.ionic.io 做手机端的框架网站不错
ng-show true false 显示隐藏
ng-hide true false 隐藏显示
ng-clack
comment 注释
bundle 打包
transclude 嵌入
params 参数
provider 提供者
.config() 配置
$scope.$watch(数据，fn)
template 模板
templateUrl:'模板地址' 模板
$ bower install * 下载东西用的
ReactDOM.render(什么东西，渲染到哪)
type='text/babel'
state 状态
extends 延伸继承
constructor 创建
super 超类/父类
component 组件
React.Component
this.props.属性
组件中 ref和正常的ID类似
vue
el：'id'
data:{}
$index
capitalize 首字母大写
uppercase 变大写字母
lowercase 变小写字母
ev.stoppropagation() 阻止冒泡
ev.preventDefault() 阻止默认事件 angular
angular.bind(this的指向，要改变指向的函数名，参数)
bootstrap 开启应用模式
copy(复制谁,复制到哪里) 复制/克隆
equals(a,b) 比较
forEach 循环
fromJson 字符串json转化成json
extend（obj，obj1，obj2。。。）扩展
标签里面属性 transition="名字" 过渡动画
.名字-
transition 过渡
transition：时间让谁变/all ease;
enter 进来
leave 出去
route 路由/状态
watch 监控
props 存东西可在替换模板身上用
Router-view 状态视图
v-link="{path:名字
animation:8s test/名字 linear infinite/数值/次数;
background-size 背景尺寸
contain 以最合适的状态展示可能会留白
cover 尽可能填满
nth-child(下标注意：从1开始) 注意:项目不用这个。禁用
nth-of-type(下标注意：从1开始) 注意:项目不用这个。禁用
background-origin：背景从哪里开始
content-box
border-box
padding-box
background-clip：背景从哪里开切
content-box
border-box
padding-box

表头表身表低

查看全文
如若内容造成侵权/违法违规/事实不符，请联系编程学习网邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！

蚌埠那家医院提眉割双眼皮好
...
2024/4/21 6:59:40
Vue.js-数据驱动的组件化
近年来前段开发趋势旧浏览器逐渐淘汰移动端需求增加用户体验要求更高架构从传统的后台MVC向REST API前端MV*迁移前端MV*框架针对具有复杂交互逻辑的前端应用提供基础的架构抽象通过ajax数据持久化，保证前端用户体验Backbone / Angular / Ember Vue.js不是一个…...
2024/4/21 6:59:39
前端学习笔记
JS js对象是通过引用来传递的，我们创建的每个递归函数是在一个函数通过名字调用自身的情况下造成的 function factorial (num) {if (num < 1) {return 1;} else {return num * factorial(num - 1);} }call apply bind继承第二个参数不一样，call()…...
2024/4/21 6:59:39
做双眼皮眼睛1个月了肉条
...
2024/4/25 17:45:31
做了双眼皮发炎了
...
2024/4/21 6:59:36
割双眼皮发炎图片
...
2024/4/20 18:57:52
Angular-ui/bootstarp modal 主控制器与模态框控制器传值
调用模态框： $scope.open function (size) { //这里很关键,是打开模态框的过程 var modalInstance $uibModal.open({ animation: $scope.animationsEnabled,//打开时的动画开关 templateUrl: myModalContent.html,//模态框的页面内容,这里的url是可以自己定义的…...
2024/4/20 9:01:35
angular2组件定义（详细）
构建一个简单的to-do应用。 to-do列表项格式如下： interface Todo {completed: boolean;label: string; } 首先导入所有需要用到的模块： import {Component} from angular/core; import {bootstrap} from angular/platform-browser-dynamic; 然后声明组件…...
2024/4/20 18:57:50
Angular--用工厂方法或值对象来定义提供器
前言上一篇博客介绍了注入器和提供器，同时也简单的讲解了一下控制反转，这篇博客是使用了工厂方法来定义提供器，所以可以过来了解一下。内容这个例子是在提供器方法的例子上建立的： 1.首先删除product2.component.ts中的代码…...
2024/4/20 18:57:50
大宽割双眼皮眼角感染
...
2024/4/21 6:59:35
AngularJS 控制器中处理DOM事件
# AngularJS 控制器中处理DOM事件标签（空格分隔）： AngularJS — AngularJS应用中的DOM事件可以在控制器中完成。AJ框架为我们提供了事件绑定指令，只需要在原生的avascript事件名称前增加ng-前缀,如 ng-click,ng-keyup…。下面是一…...
2024/4/21 6:59:34
AngularJS 1.5.8-控制器和作用域
控制器和作用域控制器创建和使用控制器 angular.module("exampleApp", []).controller("simpleCtrl", function ($scope) {$scope.setAddress function (type, zip) {$scope[type] zip;}$scope.copyAddress function () {$scope.shippingZip $sco…...
2024/4/21 6:59:33
简述angular自定义过滤器在页面和控制器中的使用
首先设置自定义过滤器。定义模块名：angular　　　　　　 ?123456.module(myApp).filter(filterName,function(){return function(要过滤的对象,参数1,参数2,...){return Obj; //这里返回的是过滤后的对象}});页面中的使用。 ?1{{obj | filterName}} > obj是要…...
2024/4/21 6:59:34
双眼皮宽
...
2024/4/24 10:41:07
AngularJS 控制器
1、控制器概述 AngularJS 控制器控制 AngularJS 应用程序的数据。 ng-controller 指令定义了应用程序控制器。控制器是 JavaScript 对象，由标准的 JavaScript 对象的构造函数创建。 2、控制器工作解析 <div ng-app"myApp" ng-controller"…...
2024/4/24 0:27:25
angular控制器之间的通信(学习笔记)
angular作用域理解作用域在一个angular应用中是以树形体现的,根作用$rootScope就位于最顶层,从它往下挂着各级作用域.每一级作用域上面挂着变量和方法,供所属的视图调用.可以这么说每个controller都会有自己的scope,所有的scope都是属于$rootScope的子或者子的子... <!DOC…...
2024/4/21 6:59:36
Angular JS 学习记录五——控制器
angularjs应用程序由ng-app定义，应用程序在div内运行 ng-controller“myctrl”属性是一个angularjs指令，用于定义一个控制器 <div ng-app"myApp" ng-controller"myCtrl">名: <input type"text" ng-model"f…...
2024/4/21 6:59:29
AngularJS入门-（7）控制器
控制器介绍 AngularJS应用主要依赖于控制器来控制数据在应用程序中的流动。控制器采用ng-controller指令定义。控制器是一个包含属性/属性和JavaScript对象的功能。每个控制器接受$scope参数指定应用程序/模块，由控制器控制。 <!DOCTYPE html> <html>…...
2024/4/21 6:01:25
双眼皮手术济宁
...
2024/4/21 6:59:27
眼尾窄的割双眼皮眉眼距离割近了
...
2024/4/22 5:17:26

js前端

相关文章

最新文章