分享
扫一扫
超级会员免费看
康一夏
h5
展开
-
switch…case 语句
switch…case 语句一个 switch 语句允许测试一个变量等于多个值时的情况。每个值称为一个 case，且被测试的变量会对每个 switch case 进行检查。switch 语句的语法：switch(expression){ case constant-expression : statement(s); break; /* 可选的 */ case constant-expression : statement(s);原创 2021-09-06 17:48:28 · 1177 阅读 · 0 评论 -
JS中的运算符
加法的注意事项字符串的加法：任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom' + 1; // Tom1'Tom' + undefined; // Tomundefined'Tom' + NaN; // TomN等号=基本运算符加减乘除取余括号+-*/%()加法的注意事项字符串的加法：任何数据类型的值加上字符串都是字符串的拼接1 + 'Tom'; // 1Tom'Tom...原创 2020-03-22 16:51:47 · 444 阅读 · 2 评论 -
简述JavaScript模拟多线程机制
JavaScript是单线程的，通过轮转时间片模拟多线程运行，即短时间之内轮流执行多个任务的片段 1. task1,task2,task3…taskN 2. 切分task1,task2,task3…,taskN成任务片段 3. 随机排列这个任务片段，送进JS进程中 4. 执行，JS线程执行一个又一个任务片段...原创 2020-03-19 19:51:09 · 197 阅读 · 0 评论 -
JavaScript知识三大块 - ECMAscript DOM BOM
知识领域规范作用ECMAscriptECMA规范语法、变量、对象、原型链、继承、函数……DOM （document object model ）W3Cdom元素的增删改查等操作BOM （browser object model）无规范窗口宽高、滚动条、事件(注册、捕获、冒泡)、正则、鼠标事件、键盘事件……...原创 2020-03-19 19:45:49 · 224 阅读 · 0 评论 -
编译型编程语言与解释型编程语言
编程语言的不同编译型解释型先编译，再执行边翻译，边执行不同平台需要移植不需要平台间不需要移植执行速度快执行速度慢原创 2020-03-19 19:34:00 · 147 阅读 · 0 评论 -
浏览器历史大事记和JavaScript的诞生
1、1990年蒂姆·博纳斯·李 首次使用超文本分享资讯的人开发浏览器 world wide web 后移植到C，libwww/nexus实现 允许别人访问他人编写的网站2、1993年美国伊利诺大学NCSA组织（马克·安德森）MOSIAC浏览器图形化浏览器，可以显示图片 3、1994年马克·安德森和吉姆·克拉克（硅图公司GUI）合办公司 MOSIAC communicatio...原创 2020-03-19 19:17:48 · 342 阅读 · 0 评论 -
五大浏览器及其内核
只有有自己的内核的浏览器，才能进入榜单浏览器 内核IE tridentchrome webkit/blinksafari webkitfirefox geckoopera presto原创 2020-03-19 19:12:02 · 228 阅读 · 0 评论 -
【css】css3中的动画功能
CSS3动画transform 动画2d动画transition 动画过渡animation 动画 @keyframes 自定义动画transform 动画2d动画translate 位移可为负值transform: translate(x,y); rotate旋转角度正值，顺时针；负值，逆时针transform: rotate(360deg);scale 放大缩小放大，大...原创 2020-01-10 15:03:43 · 205 阅读 · 0 评论 -
【css】css中的颜色
css中的16进制颜色与RGB的对应转换，透明设置十六进制颜色值RGB颜色值RGBA颜色值HSL 及 HSLA预定义/跨浏览器颜色名17种标准色透明设置用rgba设置透明颜色用opacity设置透明颜色css中color 、background-color颜色属性即红、绿、蓝光的组合十六进制颜色值十六进制FF中，对光源进行设置的最低值可以是0（十六进制00），最高值是255（十六进制FF）...原创 2020-01-10 14:32:57 · 887 阅读 · 0 评论 -
h5三种本地储存形式
当前会话有效，关闭即刷新。本地存储，无过期时间。原创 2020-01-10 14:03:31 · 203 阅读 · 1 评论 -
【css】background相关背景图的设置
渐变背景通过`background-image`属性实现。linear-gradient 线性渐变radial-gradient 径向渐变background-size 图片完全置于盒子内，图片同比例缩放，当盒子比例和图片比例不一致时 可能某个方向留白background-origin背景图放置的起始位置原创 2020-01-10 13:03:10 · 355 阅读 · 0 评论 -
【css】css中的盒模型
盒模型 Box Model标准盒模型怪异盒模型所有HTML元素可以看作盒子，如div元素,p元素等标准盒模型标准盒模型，是默认盒模型实际宽度 =border + padding + width即box-sizing: content-box;怪异盒模型实际宽度 = widthwidth不受border+ padding影响content-box随border+ paddin...原创 2020-01-10 09:45:33 · 108 阅读 · 0 评论 -
【css】css中的几种布局方式
布局方式position 定位布局float 浮动布局flex 弹性布局默认按钮文档流的书写顺序，从上到下、从左到右渲染通过以下几种方式，可以改变默认顺序position 定位布局position值为relative时，不脱离文档流相对于元素本身的位置移动后，原位置保留position值为absolute时，脱离文档流，块级化相对于祖先级有定位属性的元素定位如父元素无定位属...原创 2020-01-09 18:00:08 · 261 阅读 · 0 评论 -
【css】css中的盒子阴影与文字阴影
盒子阴影box-shadow: x y blur spread color type;x轴偏移量 正值向右，负值向左y轴偏移量 正值向下，负值向上blur阴影大小（模糊程度） 文字阴影text-shadow: x y blur color;x轴偏移量 正值向右，负值向左y轴偏移量 正值向下，负值向上blur 模糊半径，正值，从出现到消失的长度color 可多个 支持阴影叠加原创 2020-01-09 13:52:03 · 241 阅读 · 0 评论 -
@font-face 自定义字体
@font-face 自定义字体将字体文件存放到Web服务器上，它会在需要时被自动下载到用户的计算机上定义字体@font-face { font-family: myfont; <!-- 自定义字体名称 --> src: url('font-family/Sansation_Light.eot'); /*eot 兼容ie9*/ src: url('font-family...原创 2020-01-09 11:13:57 · 397 阅读 · 0 评论 -
h5新增标签
h5新增新增的语义化标签header nav main footerhgroupsectionarticle asidefigure独立的流内容新增的功能性标签（行内标签）markstrongtimes 不正确的文本wbr 软换行 系统默认效果ruby 注音progress 进度条 与属性max连用meter测量、度量与属性min max连用datalist + optiondetails s...原创 2020-01-08 17:36:32 · 236 阅读 · 0 评论 -
meta标签的作用
name属性name = viewportname = description name = keywords name = authorhttp-equiv属性http-equiv = Content-Typehttp-equiv = Refresh 自动刷新http-equiv = expires 过期时间http-equiv = Pragmameta标签禁止使用缓存的三种方法移动端头信息 示例网页版头信息 示例（CSDN网站）原创 2020-01-08 09:01:24 · 646 阅读 · 2 评论 -
canvas示例 - 用canvas实现行走的闹钟
完整js js/clock.js获取绘图对象 表盘 表针var canvas = document.getElementById('canvas');var context = canvas.getContext('2d');var p_canvas = document.getElementById('p_canvas');var p_context = p_canvas.getCo...原创 2020-01-07 15:19:53 · 190 阅读 · 0 评论 -
bootstrap - 全局css样式
bootstrapbootstrap组类dl 和 ul代码风格标签 code pre kbdtable 表格form 表单button 按钮bootstrap官网 http://www.bootcss.com/bootstrap版本号 3.3.5bootstrap组类htmlhtml font-size:14pxh1-h6标题h1-h3 margin-top:20px; margi...原创 2019-12-30 15:26:50 · 684 阅读 · 0 评论 -
js基础 - string对象
string对象string对象的属性length 字符串的长度string对象的方法split() 通过指定字符，分割成数组charAt() 返回指定位置的字符 从0开始charCodeAt() 返回指定位置的字符的 Unicode 编码indexOf() 查找指定字符首次出现的位置lastIndexOf() 查找指定字符最后出现的位置match() 检索指定的值，或找到一个或多个正则表达式的匹...原创 2019-12-27 23:40:24 · 134 阅读 · 0 评论 -
js基础 - 加减乘除 运算
js里的运算加减乘除四则运算：+ - * / %取余利用js里的运算取出数字各个位上的值var num1 = num%10; // 取个位上的数字var num2 = parseInt(num/10)%10; // 取十位上的数字var num3 = parseInt(num/100)%10; // 取百位上的数字var num4 = parseInt(num/1000)%10...原创 2019-12-27 22:23:02 · 432 阅读 · 0 评论 -
js基础 - js的3种引入方式
js的3种引入方式行内引入内部引入外部引入行内引入最后加载<body onload="alert('行内引入：js已加载')"></body><input type="button" value="行内引入" οnclick="javascript:alert('行内引入：js已加载');">内部引入按照代码顺序，从上到下加载<scrip...原创 2019-12-27 22:13:32 · 384 阅读 · 0 评论 -
js基础 - js的几种输出方式
js的几种输出方式document.write()document.writeln()console.log()alert()prompt()confirm()write**ln** 即write line的简写`writeln() `与` write() `用法基本相同。不同的是，`writeln() `会在每个表达式后写入一个换行符（有可能显示为空格），这个换行符是ascii码的换行符，在html渲染页面时不会生效原创 2019-12-27 21:28:51 · 354 阅读 · 0 评论 -
js基础 - 类型转换与强制类型转换
js类型转换方法类型转换parseInt() 字符串转化为整型parseFloat() 字符串转换为浮点数（即小数）toString() 返回字符串强制类型转换（首字母大写）Boolean() 转化为逻辑值Number() 对象转化为数字String() 对象转化为字符串类型转换parseInt() 字符串转化为整型parseInt('123qqa'); // 123parseInt(1...原创 2019-12-27 20:55:21 · 118 阅读 · 0 评论 -
js基础 - 变量声明
js变量声明使用 var 声明变量声明单个变量声明多个变量使用未声明的变量，报错使用声明但未赋值的变量，返回undefined局部变量全局变量使用 var 声明变量变量之间最好用分号隔开声明单个变量var i = 0;声明多个变量var i = 0;var j = 1;同时声明多个变量变量之间用逗号分隔var i = 0, j = 1;使用未声明的变量，报错使用声明但...原创 2019-12-27 20:49:17 · 190 阅读 · 1 评论 -
js保留关键字 不能定义为变量名
以下不能定义为变量名breakdoinstanceoftypeofcaseelsenewvarcatchfinallyreturnvoidcontinueforswitchwhiledebuggerfunctionthiswithdefaultifthrowdeleteintryname不能作为变量名使用...原创 2019-12-27 20:31:33 · 682 阅读 · 0 评论 -
js基础 - 自定义对象
声明对象方法1var person = { name: 'zhangsan', say: function() { alert(this.name); }}person.say();方法2// 创建对象function say1(Name, Age) { // 创建对象新属性，并赋值 this.name = Name; this.age = Age; ...原创 2019-12-27 20:28:27 · 89 阅读 · 0 评论 -
js基础 - 定义函数的方式
定义函数的方式方式1function get() { console.log('in');}function leave() { console.log('out');}方式2get = function() { console.log('in');}leave = function() { console.log('out');}...原创 2019-12-27 18:53:38 · 123 阅读 · 0 评论 -
js基础 - for循环示例 堆画“三角形”
function drawTriangle() { // 外面循环一次, 里面循环一轮 for(i=0;i<4;i++){ document.write("<br/>")； document.write("<br/>当i="+i+"时，<br/>"); for(j=0;j<6;j++){ document.write("j...原创 2019-12-27 18:41:36 · 27 阅读 · 0 评论 -
js基础 - window.open
window.open 打开新窗口// 打开新窗口window.open(URL, name, features, replace)URL 为空时，新窗口空白name 一个可选的字符串；该字符串是一个由逗号分隔的特征列表，其中包括数字、字母和下划线，该字符声明了新窗口的名称。这个名称可以用作标记<a> 标签和<form>标签 的属性 target的值。如果该参数...原创 2019-12-27 18:26:35 · 227 阅读 · 0 评论 -
js基础 - this传值示例
示例1<!-- html --><input type="text" onfocus="setStyle(this.id)" id="phone" />// jsfunction setStyle(eleId) { document.getElementById(eleId).style.background = 'yellow';}示例2<!--...原创 2019-12-27 18:10:17 · 364 阅读 · 0 评论