#DOM探索之基础详解篇

2016年5月26日下午(妙味课堂js基础-1笔记四)

本课内容:1.数组定义、length使用2.push、pop、shift、unshift方法3.排序:sort方法、字符串排序、数字排序4.cancat、join方法5.split方法6.splice方法:删除、插入、替换  数组的使用    (1)定义:      vararr=[12,5,8,9];<scri...

2016年5月26日下午(妙味课堂js基础-1笔记三)

本课内容:1.函数返回值:return,没有return的函数返回值是什么?2.函数传参、arguments(可变参、不定参)3.arguments应用实例:任意数字求和4.实例:CSS函数5.获取非行间样式:currentStyle、getComputedStyle(obj,false)[attr]6.封装可重用的g...

2016年5月26日上午(妙味课堂js基础-1笔记二)

  1.命名规范的必要性、意义      可读性--能看懂    规范性--符合规则  2.匈牙利命名法、变量的命名规范、函数的命名规范      类型前缀、首字母大写            &nbs...

2016年5月25日晚上(妙味课堂js基础-1笔记一)

    ECMAScript:解释器、翻译    DOM:DocumentObjectModel文档对象模型    BOM:BrowserObjectModel各组成部分的兼容性,兼容性问题由来(浏览器对象模型)    类型:typeof运算符    用法、返回值    常见类型:number、string、boole...

关于Random 和 List<int>的Exist的方法使用

usingSystem;usingSystem.Collections.Generic;usingSystem.Linq;usingSystem.Text;usingSystem.Threading.Tasks;namespaceList{classProgram{staticvoidMain(string[]args...

JS数组reduce()方法详解及高级技巧

reduce()方法可以搞定的东西,for循环,或者forEach方法有时候也可以搞定,那为啥要用reduce()?这个问题,之前我也想过,要说原因还真找不到,唯一能找到的是:通往成功的道路有很多,但是总有一条路是最捷径的,亦或许reduce()逼格更高...1、语法arr.reduce(callback,[initi...

浅谈react-router和react-router-dom、react-router-native的区别

react-router-v4,我称之为“第四代react-router”,react-router和react-router-dom的区别是什么呢?为什么有时候我们看到如下的写法:写法1:import{Swtich,Route,Router,HashHistory,Link}from'reac...

React动画相关(CSS3过渡、动画、eact-transition-group动画库、多DOM动画制作和编辑)

一、transition(CSS3自带)1、用法示例:1234.hide{  /*过渡动画效果*/ opacity:1;  transition:all1sease-in;} 含义:透明度在1s内从0渐变为1 2、transition其他参数建议参考(http://ww...

React之ref操作DOM(ref = {input=>this.input = input})

学习react的同学肯定看过这种写法 注意这里的ref,写法为ref={(input)=>{this.input=input}}等价于ref={input=>this.input=input}等价于ref={(input)=>this.input=input}这里主要是ES6箭头函数arro...

webpack4+(简介+基础配置+配置文件名)

(1)简介    可以做的事情1、代码转换:将ES6转为ES5;将CSS、Less、Sass等转化为CSS;2、文件优化:文件打包过程里压缩代码体积,合并文件3、代码分割:公共模块的抽离、路由懒加载4、模块合并:按照功能分类,将多个模块合并为一个模块5、自动刷新:启动webpack服务,实现代码变更后的自动刷新,即热更...

React和Vue等框架什么时候操作DOM

虽然网上都在将,React和Vue等框架尽量减少直接的DOM操作,但还有有些情况,必须直接操作 ...

判断dom原始是否在可视区域内

isElementInViewport(el,offset=0){constbox=el.getBoundingClientRect(),top=(box.top>=0),left=(box.left>=0),bottom=(box.bottom<=(window.innerHeight||docum...

45道CSS基础面试题(附答案)

1、介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+border+padding+margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+margin2、box-sizing属性?用来控制元素的盒子模型的解析模...
代码星球 代码星球·2020-04-08

JS运动---运动基础(缓冲运动)

  (1)手风琴效果  分析:     (2)基础缓冲运动       接下来取整  原因:px为计算机识别的最小单位,1px无法再往下拆分。所以css如果取值200.5px,解析时计算机会自动将其改为200px注意:这里的数值并没有四舍五入计算,200.9p...
代码星球 代码星球·2020-04-08

JS运动---运动基础(匀速运动)

【一】运动基础   (2)基础运动案例<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>demo</title><styletype="text/css"...
代码星球 代码星球·2020-04-08
首页上一页...237238239240241...下一页尾页