欢迎光临,流星雨博客!!!
  • 1 span 文字标签

    内联元素

  • 23 input 表单元素

    type="text"(文本框)
    type="password"(密码框)
    type="submit"(提交按钮)
    type="checkbox"(复选框)
    type="radio"(单选框)
    type="reset"(重置按钮)
    type="image"(图片按钮)
    type="hidden"(隐藏域)
    type="button"(按钮)
    type="file"(浏览文件)
    action=""(接收链接)
    method=""(HTTP方式)

  • 27 table 表格标签

    创建表格
    colspan 横向合并
    rowspan 纵向合并

  • 28 cursor 鼠标样式

    hand(链接手指)
    pointer(小手)
    crosshair(十字体)
    s-resize(箭头朝下)
    move(十字箭头)
    help(加一问号)
    text(文字I型)
    wait(漏斗)
    url(“光标文件名.cur”),text(光标图案)

  • 29 select 创建下拉菜单

    option(每个项目)
    size(项数目)

  • 30 a 链接

    href(目标地址)
    target="_blank"(新窗口)

  • 31 img 图片

  • 32 border-style 边框样式

    dotted;(点线)
    dashed;(虚线)
    solid;(实线)
    double;(双线)
    groove;(槽线)
    ridge;(脊状)
    inset;(凹陷)
    outset;

  • 33 arr.push() 添加元素

    将参数添加到原数组末尾,并返回数组的长度

  • 34 arr.unshift() 添加数组元素

    将参数添加到原数组开头,并返回数组的长度

  • 35 border-collapse 合并边框模型

    separate 默认值。边框分开
    collapse 边框会合并
    inherit 继承

  • 36 if 判断语句

    if(){

    }else if(){

    }else{

    }

  • 37 for 循环语句

    for(var i = 0; i< 10; i++){
    if(i==10) {
    break; 中止循环
    }
    if(i==5) {
    continue; 跳出本次循环
    }
    }

  • 38 document.getElementById 获取对象

    document.getElementById("demo")

  • 39 console.log(); 写到控制台

    console.log('hello word');

  • 40 while 循环语句

    while (条件)
    {
    需要执行的代码
    }

  • 41 do while 循环语句

    do
    {
    x=x + "The number is " + i + "
    ";
    i++;
    }
    while (i<5);

  • 42 onchange HTML 元素改变

  • 43 onclick 用户点击 HTML 元素

  • 44 onmouseover 用户在一个HTML元素上移动鼠标

  • 45 onmouseout 用户从一个HTML元素上移开鼠标

  • 46 onkeydown 用户按下键盘按键

  • 47 onload 浏览器已完成页面的加载

  • 48 setInterval 计时器

    setInterval(function(){alert("Hello")},3000);

  • 49 setTimeout() 延迟器

  • 50 clearTimeout 停止计时器

  • 51 .siblings() 兄弟元素

  • 52 .prev() 前一下元素

  • 53 .next() 后一个元素

  • 54 .children() 子元素

  • 55 .find() (孙子开始)后代元素

  • 56 .last() 最后一个元素

  • 57 .first() 第一个元素

  • 58 .animate() 自定义动画

    properties (CSS属性和值的对象)
    duration (执行时间)
    easing (执行函数)
    complete (执行后的回调函数)

  • 59 .show() 显示

    duration (执行时间)
    easing (执行函数)
    complete (执行后的回调函数)

  • 60 .hide() 隐藏

  • 61 .toggle 显示隐藏

  • 62 .stopPropagation() 阻止冒泡

  • 63 click 单击

  • 64 .mouseup() 鼠标按下

  • 65 linear-gradient 线性渐变

    linear-gradient(top,red,#000)

  • 66 radial-gradient 径向渐变

    radial-gradient(center center,red,#000)

  • 67 transform 转换

    rotate(Ndeg) 2D旋转
    scale(x,y)(2D缩放)
    translate(x,y)

  • 68 transition 过渡

    1.属性 property
    2.执行时间 durarion
    3.过渡效果 timing-function
    4.延迟 delay
    linear 线性过渡
    ease 平滑过渡
    ease-in 由慢到快
    ease-out 由快到慢
    ease-in-out 先慢到快再到慢
    cubic-bezier(0,0,0,0)特定的类型

  • 69 box-reflect 倒影

    above 上边
    below 下边
    left 左边
    right 右边

  • 70 animarion 动画

    名称 animarion-name
    时间 animarion-duration
    效果 animarion-timing-function
    延迟 animarion-delay
    循环次数 animarion-iteration-count
    是否反向运动 animarion-direction
    动画的状态播放||暂停 animarion-play-state:paused;暂停
    动画时间之外状态 animarion-mode

  • 71 keyframes 定义动画

    -webkit-谷歌
    -o-欧朋
    -moz-火狐前缀
    -ms- IE前缀

  • 72 media 媒体查询

    @media screen and (max-width:767px){

    }
    @media (min-width: 768px) and ( max-width: 1236px) {

    }

  • 73 background-origin 指定背景图片从哪里开始显示

    border --> 从border显示背景;
    padding --> 从padding显示背景;
    content --> 从content显示背景;

  • 74 text-decoration 字体加线

    line-through; /*加删除线*/
    overline; (加顶线)
    underline; (加下划线)
    none; (删除链接下划线)

  • 75 audio 音频内容

  • 76 video 一个视频

  • 77 input H5表单组件

    placeholder=""(text默认值)

  • 78 canvas 画布

  • 79 textarea 创建一个文本区域

    resize: none;(固定大小)

  • 80 !important css属性优先级

  • 81 .scroll() 滚动条滚动事件

  • 82 .scrollTop() 当前可视区离当前元素顶部的距离

  • 83 .play() 开始播放视频(音频)

  • 84 .pause() 暂停播放视频(音频)

  • 85 :after 元素的内容之后插入新内容

  • 86 :before 元素的内容之前插入新内容

  • 87 where 条件

  • 88 alias 别名

  • 89 field 指定字段显示

  • 90 order 排序

  • 91 limit 限制数量

  • 92 group 分组

  • 93 join 关联表

    $table->join('table_a a','o.a_id=a.id','LEFT')

  • 94 fetchSql 显示查询的sql语句

  • 95 getElementByTagName 获取标签对象

    document.getElementByTagName("div")

  • 96 getElementByClassName 获取class对象

    document.getElementByClassName("header")

  • 97 getAttrbute 获取标签的属性值

    obj.getAttrbute("title")

  • 98 setAttrbute 修改标签属性的值

    obj.setAttrbute("title","流星雨")

  • 99 childNodes 获取元素的子节点集合

    element.childNodes

  • 100 nodeType 节点类型

    document.body.nodeType

  • 101 nodeValue 节点值

    childNodes[0].nodeValue

  • 102 firstChild 获取节点集合中的第一个值

    childNodes[0].nodeValue == childNodes.firstChild.nodeValue

  • 103 lastChild 获取节点集合中最后一个

    node.lastChild

  • 104 v-if 判断

  • 105 v-else 否则

  • 106 v-else-if 再判断

    v-else-if="type === 'B'"
    [2.1.0 新增]

  • 107 v-show 是否显示

  • 108 v-for 循环

    v-for="value in object"
    v-for="(value, key) in object"

  • 109 v-once 显示原始数据,不进行vue渲染

    span v-once这个将不会改变: {{ msg }} span

  • 110 v-html 渲染html语法

  • 111 v-text 渲染文本

  • 112 v-on 绑定事件

    v-on:click="函数"
    v-on:click.native="原生函数"
    v-on:keyup.enter="函数"
    v-on:keyup.13="函数"
    @click="函数" [简写]
    @click="add($event)" 原生DOM

  • 113 v-model 数据绑定在表单元素上

    input type="text" v-model="message"

    input type="text" v-model.lazy="message" change改变执行[失去焦点]

    input type="text" v-model.number="message" 只能为数字

    input type="text" v-model.trim="message" 去掉首尾空格

  • 114 v-bind 绑定属性

    v-bind:href="url"
    :href="url"[简写]

  • 115 v-pre 跳过vue渲染

    div v-pre {{message}} div

  • 116 v-cloak DOM渲染结束后显示

    与css配合
    [v-cloak] {
    display: none;
    }

  • 117 Vue.directive 自定义指令

    // 注册一个全局自定义指令 `v-focus`
    Vue.directive('focus', {
    // 当被绑定的元素插入到 DOM 中时……
    inserted: function (el) {
    // 聚焦元素
    el.focus()
    }
    })

  • 118 ALTER 添加删除修改字段

    添加
    ALTER TABLE lx_plugtab add `state` tinyint(4) DEFAULT 1 NOT NULL;
    ALTER TABLE lx_plugtab add `delete_time` int(10) DEFAULT '0' NOT NULL;

    删除
    ALTER TABLE testalter_tbl DROP i;

    修改
    ALTER TABLE testalter_tbl CHANGE j j INT

  • 119 Vue.set() 修改对象属性

    Vue.set(outData,'count',4);

  • 120 beforeCreate 1-beforeCreate 初始化之后

  • 121 created 2-created 创建完成

  • 122 beforeMount 3-beforeMount 挂载之前

  • 123 mounted 4-mounted 被创建

  • 124 beforeUpdate 5-beforeUpdate 数据更新前

  • 125 deactivated 8-deactivated

  • 126 destroyed 10-destroyed 销毁之后

  • 127 updated 6-updated 被更新后

  • 128 activated 7-activated

  • 129 beforeDestroy 9-beforeDestroy 销毁之前

  • 130 template 模板标签

    var app=new Vue({
    el:'#app',
    data:{
    message:'hello Vue!'
    },
    template:'#demo3'
    })

  • 131 Vue.component 注册全局组件

    Vue.component('lxy-body',{
    template:` div style="color:red;" 全局化注册的lxy-body标签 div `
    })

  • 132 components 局部组件

    components:{
    "panda":{
    template:`div style="color:red;" 局部注册的panda标签 div`
    }
    }

  • 133 props 接收父组件传的数据

    type: String, 类型
    required: true 必转
    default: 100 默认
    validator:() => {} 验证

  • 134 computed 计算选项

    computed:{
    newPrice:function(){
    return this.price='¥' + this.price + '元';
    }
    }

  • 135 propsData 扩展传参

    new header_a({propsData:{a:1}}).$mount('header');

    需要在props里面接收这个参数

  • 136 methods 方法选项

    methods:{
    add:function(){}
    }

  • 137 watch 监控数据

    watch:{
    a:function(){} //监控a数据
    }

  • 138 mixins 混入

    mixins: [mixin] 混入mixin实例

    混入对象的钩子将在组件自身钩子之前调用

  • 139 extends 扩展

    var CompB = {
    extends: CompA, 扩展CompA实例
    ...
    }

  • 140 delimiters 修改vue解析标签

    delimiters:['${','}']

  • 141 vm.$destroy() 卸载

  • 142 vm.$nextTick() 更新数据

  • 143 vm.$forceUpdate() Vue 实例重新渲染

  • 144 slot 内容接收扩展

  • 145 $once 监听一个自定义事件,但是只触发一次,在第一次触发之后移除监听器

    app.$once('lxy',() => {})

  • 146 $off 移除自定义事件监听器

    app.$off('lxy')

  • 147 show dbs 查看已存在的数据库

  • 148 db.version() 查看版本号

  • 149 use 进入或者是创建进入数据库

    use 数据库名

  • 150 mongod 运行数据库

  • 151 mongo 连接数据库

  • 152 array_filter() 回调函数过滤数组

    参数1:过滤的数组
    参数2:回调函数

  • 153 extract() 拆分数组

    以键为变量拆分
    参数1:要拆分的数组
    参数2:可选,键名是否合法

  • 154 unset() 删除变量

  • 155 explode() 将字符串切割为数组

  • 156 implode() 将数组转为字符串

  • 157 text-overflow 文本溢出

    clip 修剪文本 默认
    ellipsis 显示省略号

  • 158 white-space 段落中的文本换行

    normal 忽略 默认
    nowrap 文本不换行

  • 159 dbpath 设置数据库位置

    mongod --dbpath /data/db

  • 160 push 上传

    git push origin master

  • 161 pull 下载

    git pull origin master

  • 162 add 添加到暂存区

    git add .

  • 163 commit 确认保存到本地仓库

    git commit -m '描述保存的版本信息'

  • 164 status 查看暂存区

    git status

  • 165 init 初始化仓库

    git init

  • 166 branch 查看本地仓库分支

    git branch

  • 167 remote 查看远程仓库

    git remote -v

  • 168 checkout 切换分支

    切换到develop
    git checkout develop

    创建分支front并切换到这个分支
    git checkout -b front

  • 169 reboot 重启

  • 170 halt 关机

  • 171 mkdir 创建目录

  • 172 rm 删除

    删除文件
    rm -f file1

    删除文件夹及子文件夹的内容
    rm -rf dir1

  • 173 gzip2 压缩

    gzip2 file1

  • 174 clone 克隆

    git clone origin

  • 175 gunzip 解压

    gunzip file1.gz

  • 176 passwd 修改密码

    passwd root

  • 177 flex-direction 属性方向

    flex-direction:row; 默认
    flex-direction:row-reverse; 横向反向
    flex-direction:column; 纵向
    flex-direction:column-reverse;纵向反向

  • 178 letter-spacing 文字间距

  • 179 ...arr 展开运算符

  • 180 let 定义变量

  • 181 const 定义常量

  • 182 解构赋值 快速提取值赋给变量

    let foo = ["a","b","c"]

    let [a,b] = foo; // a = "a" ; b = "b"

  • 183 class

    class A{
    constructor(name,age){
    this.name = name;
    this.age = age
    }
    }

    //
    class B extends A{
    constructor(){
    // 子类必须在constructor 中指定super 函数
    // 如果没有置顶constructor 默认带super的函数的constructor 将会被添加
    super("lxy",25)
    }
    }

  • 184 export 导出

    export const a = "123"


    export default {

    }

  • 185 import 导入

    import A from "a" // a.js

  • 186 () => {} 剪头函数

  • 187 `` 模板字符串

    let c = "c"

    let b = `ab ${a}` // abc

  • 188 对象简写

    const a = "a"
    const b = "b"

    const c = {
    a:a
    b:b
    }

    // 简写

    const c = {
    a,
    b
    }

  • 189 Promise 一般用于处理异步请求

    let req = new Promise((resolve,reject)=>{
    setTimeout(resolve,1000)
    })

    req.then(res => {
    console.log(res)
    })

  • 190 includes 判断值是否在该数组中

    if(arr.includes(x)){

    }

  • 191 async/await 异步函数

    async login(){
    const user = await get_user();
    }

    this.login();

  • 192 Object.values()

    const obj = {a:1,b:2,c:3}

    console.log(Object.values(obj1)); // [1,2,3]

  • 193 Object.entries()

    for (let [key,value] of Object.entires(obj)){
    console.log(`key:${key},value:${value}`)
    }