随笔分类 -  前端

1 2 下一页
html,cssJavaScript
jq常用事件（on,blur,focus,change）,js/jq等待图片(页面)加载完毕事件,js读取文件
摘要：jq常用事件（on,blur,focus,change） js/jq等待图片(页面)加载完毕事件 js读取文件 阅读全文
posted @ 2019-03-17 19:57 星牧 阅读(1955) 评论(0) 推荐(0)
jq选择器（jq 与 js 互相转换），jq操作css样式 / 文本内容， jq操作类名，jq操作全局属性,jq获取盒子信息,jq获取位置信息
摘要：jq选择器（jq 与 js 互相转换） jq操作css样式 / 文本内容 jq操作类名 addClass | removeClass jq操作全局属性 jq获取盒子信息 位置信息 offset | 阅读全文
posted @ 2019-01-25 16:24 星牧 阅读(449) 评论(0) 推荐(0)
页面循环绑定（变量污染问题），js面向对象编程（对象属性增删改查），js字符串操作，js数组操作
摘要：页面循环绑定（变量污染问题） 解决变量污染问题 js面向对象编程 js对象属性的增删改查 js数学类操作 随机数与随机区间 js字符串操作 js数组操作 过滤器（回调函数） 数组的增删改查 阅读全文
posted @ 2019-01-24 16:25 星牧 阅读(355) 评论(0) 推荐(0)
js值类型转换(boolean/String/number),js运算符，if条件，循环结构,函数,三种弹出框
摘要：js值类型转换 number | string | boolean boolean类型转换 转化为数字类型 Number 转化为字符串类型 String js运算符 算术运算符 js中不区分整形和浮点型 自增 ++ 自减 -- 赋值运算符 比较运算符 逻辑运算符 三目运算符 if条件 循环结构 fo 阅读全文
posted @ 2019-01-23 16:28 星牧 阅读(1078) 评论(0) 推荐(1)
js常用数据类型（Number,String,undefined,boolean） 引用类型（ function,object,null ）,其他数据类型（ 数组Array，时间Date，正则RegExp ），数组与对象的使用
摘要：js常用数据类型 数字类型 Number 字符串类型 String 未定义类型 undefined 布尔类型 boolean 引用类型 对象：object 函数：function 空：null 其他数据类型（ 数组Array，时间Date，正则RegExp ） 数组类型 时间类型 正则 RegExp 阅读全文
posted @ 2019-01-22 20:45 星牧 阅读(431) 评论(0) 推荐(0)
js介绍，js三种引入方式，js选择器，js四种调试方式，js操作页面文档DOM（修改文本，修改css样式,修改属性）
摘要：js介绍 js三种引入方式 （1）行间式：书写在代码块写在全局事件属性中 （2）内联式：书写在body最下方 （3）外联式：书写在cs文件中 js选择器（getElementBy() 与 querySelector ） document ：所有的文件对象 getElement系列选择器 id选择器 阅读全文
posted @ 2019-01-22 20:00 星牧 阅读(943) 评论(0) 推荐(0)
浮动布局，定位布局（固定 | 绝对 | 相对），动画
摘要：-浮动布局 float:left | right 浮动布局解决的问题： 浮动布局导致的问题： 解决浮动布局导致的问题： -定位布局 上下取上，左右取左 动画： 阅读全文
posted @ 2019-01-21 18:40 星牧 阅读(500) 评论(0) 推荐(0)
盒子显隐，伪类边框，盒子阴影,2d平面形变
摘要：-盒子显隐 显隐方式（1） 消失的时候不占位置，显示的时候占位（不可以动画处理） 显隐方式（2） 无论是否消失，始终占位置 显隐方式（3） 超出部分隐藏 -伪类边框 -盒子阴影 -2d平面形变（了解） 阅读全文
posted @ 2019-01-21 17:04 星牧 阅读(220) 评论(0) 推荐(0)
清除系统默认样式，文本样式,高级选择器(权重),边界圆角，a标签的四大伪类，背景图片
摘要：清除系统默认样式 文本样式 简写： font: 字重 字体大小/行高 字族 font: normal 30px/200px "STSong" 高级选择器 多类选择器 高级选择器优先级 边界圆角 a标签的四大伪类 背景图片 阅读全文
posted @ 2019-01-17 19:04 星牧 阅读(241) 评论(0) 推荐(0)
CSS基础选择器(选择器的优先级)，CSS样式块( 长度/颜色/显示方式/文本样式),盒模型组成，盒模型-block，盒模型布局
摘要：CSS基础选择器 （1）id选择器: # =》 标签拥有 id="user" 属性 （2）( class ) 类选择器 : . =》 标签拥有 class="user" 属性 (3) 标签选择器 （ 通过标签名来控制 ） (4)通配选择器 * 选择器的优先级 样式块 3.控制标签的显示方式 disp 阅读全文
posted @ 2019-01-16 19:35 星牧 阅读(358) 评论(0) 推荐(0)
html(常用标签,标签分类)，页面模板， CSS(css的三种引入方式)，三种引入方式优先级
摘要：HTML 标记语言为非编程语言负责完成页面的结构 页面模板 常用标签 文本标签：同行显示 超链接标签：a 表格标签 table 了解 标签分类 css css的三种引入方式 1.行间式 2.内联式 3.外联式 三种引入方式的执行顺序： 阅读全文
posted @ 2019-01-15 17:18 星牧 阅读(1534) 评论(0) 推荐(0)
Vue 架构
摘要：vue 一、认识Vue 定义：一个构建数据驱动的 web 界面的渐进式框架 优点： 1、可以完全通过客户端浏览器渲染页面，服务器端只提供数据 2、方便构建单页面应用程序（SPA） 二、引入Vue <div id="app"> <p title="p&q 阅读全文
posted @ 2018-10-26 20:49 星牧 阅读(538) 评论(0) 推荐(0)
Bootstrap Web框架
摘要：Bootstrap 一、简介 Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 二、安装 1、本地链接 官网下载 2、CDN <! 阅读全文
posted @ 2018-10-25 13:49 星牧 阅读(220) 评论(0) 推荐(0)
JQ高级
摘要：JQ高级 一、选择器 1、css语法匹配 标签 | 类 | id | 交集 群组 | 后代 | 兄弟 伪类 | 属性 2、索引匹配 :eq(index) | :gt(index) | :lt(index) 二、文本、属性与类 1、文本 html([val|fn]) text([val|fn]) va 阅读全文
posted @ 2018-10-23 13:27 星牧 阅读(115) 评论(0) 推荐(0)
JQ初级
摘要：JQ初级 一、认识jQuery 1、什么是jQuery jQuery是对原生JavaScript二次封装的工具函数集合 jQuery是一个简洁高效的且功能丰富的JavaScript工具库 2、jQuery的优势 完全开源的源代码 强大简洁的选择器 事件、样式、动画的良好支持 链式表达式 简化的Aja 阅读全文
posted @ 2018-10-22 13:47 星牧 阅读(163) 评论(0) 推荐(0)
BOM
摘要：BOM 1、窗口操作 open // 新tag打开目标地址 open("http://www.yahoo.com"); // 自身tag转跳目标地址 open("http://www.yahoo.com", & 39;_self& 39;); // 自定义窗口 阅读全文
posted @ 2018-10-19 16:10 星牧 阅读(109) 评论(0) 推荐(0)
DOM
摘要：DOM 一、JS中标签关系 <div class="sup"> <div class="sub1"></div> <div class="sub2"></div> <div 阅读全文
posted @ 2018-10-19 16:09 星牧 阅读(266) 评论(0) 推荐(0)
JS动画
摘要：JS动画 一、JS结合CSS实现动画 1、通过事件修改指定的样式，形成过渡的第二状态 <style> div { width: 200px; height: 200px; background: red; transition: .2s; } </style> <div 阅读全文
posted @ 2018-10-19 16:07 星牧 阅读(137) 评论(0) 推荐(0)
JS盒模型
摘要：JS盒模型 1、width | height parseInt(getComputedStyle(ele, null).getPropertyValue(& 39;width& 39;)) parseInt(getComputedStyle(ele, null).getPropertyValue(& 阅读全文
posted @ 2018-10-19 16:06 星牧 阅读(133) 评论(0) 推荐(0)
JS事件
摘要：JS事件 一、事件的两种绑定方式 1、on事件绑定方式 document.onclick = function() { console.log("文档点击"); } // on事件只能绑定一个方法，重复绑定保留最后一次绑定的方法 document.onclick = functi 阅读全文
posted @ 2018-10-18 15:03 星牧 阅读(142) 评论(0) 推荐(0)

1 2 下一页