内联元素
type="text"(文本框)
type="password"(密码框)
type="submit"(提交按钮)
type="checkbox"(复选框)
type="radio"(单选框)
type="reset"(重置按钮)
type="image"(图片按钮)
type="hidden"(隐藏域)
type="button"(按钮)
type="file"(浏览文件)
action=""(接收链接)
method=""(HTTP方式)
创建表格
colspan 横向合并
rowspan 纵向合并
hand(链接手指)
pointer(小手)
crosshair(十字体)
s-resize(箭头朝下)
move(十字箭头)
help(加一问号)
text(文字I型)
wait(漏斗)
url(“光标文件名.cur”),text(光标图案)
option(每个项目)
size(项数目)
href(目标地址)
target="_blank"(新窗口)
dotted;(点线)
dashed;(虚线)
solid;(实线)
double;(双线)
groove;(槽线)
ridge;(脊状)
inset;(凹陷)
outset;
将参数添加到原数组末尾,并返回数组的长度
将参数添加到原数组开头,并返回数组的长度
separate 默认值。边框分开
collapse 边框会合并
inherit 继承
if(){
}else if(){
}else{
}
for(var i = 0; i< 10; i++){
if(i==10) {
break; 中止循环
}
if(i==5) {
continue; 跳出本次循环
}
}
document.getElementById("demo")
console.log('hello word');
while (条件)
{
需要执行的代码
}
do
{
x=x + "The number is " + i + "
";
i++;
}
while (i<5);
setInterval(function(){alert("Hello")},3000);
properties (CSS属性和值的对象)
duration (执行时间)
easing (执行函数)
complete (执行后的回调函数)
duration (执行时间)
easing (执行函数)
complete (执行后的回调函数)
linear-gradient(top,red,#000)
radial-gradient(center center,red,#000)
rotate(Ndeg) 2D旋转
scale(x,y)(2D缩放)
translate(x,y)
1.属性 property
2.执行时间 durarion
3.过渡效果 timing-function
4.延迟 delay
linear 线性过渡
ease 平滑过渡
ease-in 由慢到快
ease-out 由快到慢
ease-in-out 先慢到快再到慢
cubic-bezier(0,0,0,0)特定的类型
above 上边
below 下边
left 左边
right 右边
名称 animarion-name
时间 animarion-duration
效果 animarion-timing-function
延迟 animarion-delay
循环次数 animarion-iteration-count
是否反向运动 animarion-direction
动画的状态播放||暂停 animarion-play-state:paused;暂停
动画时间之外状态 animarion-mode
-webkit-谷歌
-o-欧朋
-moz-火狐前缀
-ms- IE前缀
@media screen and (max-width:767px){
}
@media (min-width: 768px) and ( max-width: 1236px) {
}
border --> 从border显示背景;
padding --> 从padding显示背景;
content --> 从content显示背景;
line-through; /*加删除线*/
overline; (加顶线)
underline; (加下划线)
none; (删除链接下划线)
placeholder=""(text默认值)
resize: none;(固定大小)
$table->join('table_a a','o.a_id=a.id','LEFT')
document.getElementByTagName("div")
document.getElementByClassName("header")
obj.getAttrbute("title")
obj.setAttrbute("title","流星雨")
element.childNodes
document.body.nodeType
childNodes[0].nodeValue
childNodes[0].nodeValue == childNodes.firstChild.nodeValue
node.lastChild
v-else-if="type === 'B'"
[2.1.0 新增]
v-for="value in object"
v-for="(value, key) in object"
span v-once这个将不会改变: {{ msg }} span
v-on:click="函数"
v-on:click.native="原生函数"
v-on:keyup.enter="函数"
v-on:keyup.13="函数"
@click="函数" [简写]
@click="add($event)" 原生DOM
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" 去掉首尾空格
v-bind:href="url"
:href="url"[简写]
div v-pre {{message}} div
与css配合
[v-cloak] {
display: none;
}
// 注册一个全局自定义指令 `v-focus`
Vue.directive('focus', {
// 当被绑定的元素插入到 DOM 中时……
inserted: function (el) {
// 聚焦元素
el.focus()
}
})
添加
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
Vue.set(outData,'count',4);
var app=new Vue({
el:'#app',
data:{
message:'hello Vue!'
},
template:'#demo3'
})
Vue.component('lxy-body',{
template:` div style="color:red;" 全局化注册的lxy-body标签 div `
})
components:{
"panda":{
template:`div style="color:red;" 局部注册的panda标签 div`
}
}
type: String, 类型
required: true 必转
default: 100 默认
validator:() => {} 验证
computed:{
newPrice:function(){
return this.price='¥' + this.price + '元';
}
}
new header_a({propsData:{a:1}}).$mount('header');
需要在props里面接收这个参数
methods:{
add:function(){}
}
watch:{
a:function(){} //监控a数据
}
mixins: [mixin] 混入mixin实例
混入对象的钩子将在组件自身钩子之前调用
var CompB = {
extends: CompA, 扩展CompA实例
...
}
delimiters:['${','}']
app.$once('lxy',() => {})
app.$off('lxy')
use 数据库名
参数1:过滤的数组
参数2:回调函数
以键为变量拆分
参数1:要拆分的数组
参数2:可选,键名是否合法
clip 修剪文本 默认
ellipsis 显示省略号
normal 忽略 默认
nowrap 文本不换行
mongod --dbpath /data/db
git push origin master
git pull origin master
git add .
git commit -m '描述保存的版本信息'
git status
git init
git branch
git remote -v
切换到develop
git checkout develop
创建分支front并切换到这个分支
git checkout -b front
删除文件
rm -f file1
删除文件夹及子文件夹的内容
rm -rf dir1
gzip2 file1
git clone origin
gunzip file1.gz
passwd root
flex-direction:row; 默认
flex-direction:row-reverse; 横向反向
flex-direction:column; 纵向
flex-direction:column-reverse;纵向反向
let foo = ["a","b","c"]
let [a,b] = foo; // a = "a" ; b = "b"
class A{
constructor(name,age){
this.name = name;
this.age = age
}
}
//
class B extends A{
constructor(){
// 子类必须在constructor 中指定super 函数
// 如果没有置顶constructor 默认带super的函数的constructor 将会被添加
super("lxy",25)
}
}
export const a = "123"
export default {
}
import A from "a" // a.js
let c = "c"
let b = `ab ${a}` // abc
const a = "a"
const b = "b"
const c = {
a:a
b:b
}
// 简写
const c = {
a,
b
}
let req = new Promise((resolve,reject)=>{
setTimeout(resolve,1000)
})
req.then(res => {
console.log(res)
})
if(arr.includes(x)){
}
async login(){
const user = await get_user();
}
this.login();
const obj = {a:1,b:2,c:3}
console.log(Object.values(obj1)); // [1,2,3]
for (let [key,value] of Object.entires(obj)){
console.log(`key:${key},value:${value}`)
}
layout_width 宽度
layout_height 高度
id 组件id
text 文本内容
textColor 颜色
textStyle 字体风格 normal 无 bold 加粗 italic 斜体
textSize 字体大小 一般用sp
background 背景 颜色 图片
gravity 内容对齐方向
shadowColor 阴影颜色
shadowRaduis 模糊度
shadowDx 阴影水平偏移
shadowDy 阴影竖直偏移
singleLine 内容单行显示
focusable 是否可以获取焦点
focusableInTouchMode 控制视图在触摸模式下是否可以聚集
ellipsize 在哪里省略文本
marqueeRepeatLimit 字幕重复次数
text 文本
background 背景
foreground 前景
OnClickListener 点击
OnLongClickListener 长按
OnTouchListener 触摸
item
state_pressed 按下
hint 输入提示
textColorHint 输入提示颜色
inputType 类型
drawablexxx 指定方位添加图片
drawablePadding 图片内容间距
padding 内容与边框间距
background 背景色
src 图片资源
scaleType 图片缩放类型
maxHeight 最大高度
maxWidth 最大宽度
adjustViewBounds 调整View的界限
max 最大值
progress 已完成
indeterminate 显示精度
style="?android:attr/progressBarStyleHorizontal" 水平进度
orientation 方向 vertical 垂直 horizontal 水平
gravity 子组件对齐方式
layout_gravity 该组件在父组件的对齐方式
background 背景
divider 分割线
showDividers 分割线位置
dividerPadding 分割线 padding
layout_weight 权重 类似css flex
layout_centerInParent 居中
layout_toRightOf 相对兄弟元素位置
foreground 前景
foregroundGravity 前景位置
collapseColumns 隐藏列
stretchColumns 可拉伸的列
shrinkColumns 可以垂直拉伸的列
子组件 layout_column 偏移数
columnCount 每列多少个
rowCount 每行多少个
子组件属性
layout_row 第几行开始
layout_column 第几列开始
layout_columnSpan 占位列数
layout_gravity 在网格中显示的位置 fill
layout_columnWeight 剩余位置