![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端学习
CODE IN JULY
这个作者很懒,什么都没留下…
展开
-
NodeJs-模块与包
文章目录1.介绍2.Js与NodeJs区别3.CommonJs规范4.NodeJs模块4.1.模块特点4.2.自定义模块4.3.主模块5.NodeJs模块进阶5.1.模块构成5.2.Require函数5.3.exports导出对象5.4.module模块对象5.5.exports与module.exports区别5.6.模块初始化5.7.模块导入5.8.node_modules文件夹6.包7.NPM7.1.Npm安装包7.2.Npm常用命令7.3.CNPM8.NodeJs调试9.NodeJs作用域 1.介绍原创 2020-11-18 15:34:23 · 278 阅读 · 0 评论 -
JS进阶-变量-对象拷贝-作用域链
文章目录1.变量1.1.Symbol1.1.1.Symbol.for1.2.1Symbol.keyFor1.2.变量内存分配1.3.一切变量皆对象1.4.动态属性添加和访问1.5.变量值复制1.6.函数参数传递1.7.对象克隆1.8.类型监测2.作用域2.1.作用域链3.ES6变量和常量3.1.声明3.2.循环中使用 1.变量 1.1.Symbol ES6 引入了一种新的基本数据类型Symbol,表示独一无二的值。 <script> let sbl1 = Symbol(); le原创 2020-11-12 16:06:45 · 218 阅读 · 0 评论 -
vue-过滤器-侦听器-路由
文章目录1.过滤器2.侦听器3.路由3.1.使用方式3.1.1.安装3.1.2.配置3.2.路由嵌套3.3.路由中的全局对象 1.过滤器 过滤器:在数据输出到页面之前,进行显示的格式处理 特点: 过滤器,函数会接收一个参数,函数必须有返回值,对传入数据进行处理 过滤器,无缓存机制,调用次数,取决于页面中有所多少过滤器 过滤器,被作为一个特殊方法处理. <h1> {{ msg | 过滤器函数名 }} </h1> export default { components: {}原创 2020-11-06 17:26:07 · 209 阅读 · 0 评论 -
Vue-安装-组件-指令
文章目录1.介绍2.安装2.1.安装node.js2.2.安装yarn2.3.安装vue-cli3.组件3.1.单组件构成3.2.自定义组件4.Mustach表达式及配置选项4.1.data配置选项 与 mustach模板语法5.指令5.1.v-text 和 v-html5.2.v-show 和 v-if5.3.v-if v-else-if 和 v-else5.4.v-for5.5.v-model5.6.v-bind6.其他指令7.事件8.computed计算属性 1.介绍 Vue是一个构建用户界面(UI)原创 2020-11-05 17:25:24 · 536 阅读 · 1 评论 -
jQuery-事件和动画
文章目录1.jQuery事件1.1.jQuery文档加载1.2.jQ普通事件绑定1.3.事件委派1.4.注销事件1.5.合成事件1.6.事件对象2.jQ动画2.1.自定义动画2.2.停止动画2.3.延迟动画3.插件3.1.插件使用步骤3.2.使用jQuery-validate 1.jQuery事件 1.1.jQuery文档加载 原生js窗口加载事件: 作用: 当页面中所有资源加载完成后才执行函数中代码 所有资源: html-dom(标签) 图片 视频 音频… window.onl原创 2020-11-04 17:46:10 · 771 阅读 · 0 评论 -
jQuery-dom操作
文章目录1.jQuery对象与原生对象2.jQuery对Dom的操作2.1.增加节点2.2.删除节点2.3.复制节点2.4.替换节点2.5.筛选节点3.对象遍历each4.定位和偏移4.操作文本 1.jQuery对象与原生对象 原生对象: 只能调用原生属性 和 方法 jQuery对象: 只能调用jq对象中的属性和方法 原生对象 ===> jq对象 语法: $(原生对象) jq对象 ===> 原生对象 语法: jq对象.get(0) 或者 jq对象[0] 注意原创 2020-11-04 17:45:24 · 163 阅读 · 0 评论 -
jQuery-选择器
文章目录1.选择器1.1.基本选择器1.2.层级选择器1.3.过滤选择器1.3.1.基本过滤1.3.2.内容过滤1.3.3.可见性过滤器1.3.4.属性过滤选择器1.3.5子元素选择过滤器1.4.表单选择器1.4.1.表单过滤选择器1.4.2.表单选择器2.样式操作3.属性操作4.类名操作 1.选择器 语法:$(‘选择器’) == jQuery( ‘选择器’) 1.1.基本选择器 选择器 描述 返回 示例 #id 匹配给定的id 单个元素 $("#id") .class 匹配给定的类名原创 2020-11-04 17:44:31 · 105 阅读 · 0 评论 -
javaScript-DOM-Node操作-事件
文章目录1.DOM对象1.1.getElementById() 通过id选择元素,返回节点对象1.2.getElementsByTagName() 通过标签名选择元素,返回数组1.3.getElementsByClassName(类名) 通过类名选择元素,返回数组1.4.querySelector()选择器访问2.属性操作2.1.布尔属性3.BOM Node对象3.1.查询节点3.2.增加节点3.2.1.创建节点3.2.2.增加节点3.3.修改节点3.4.删除节点3.5.innerHTML与innerTex原创 2020-11-04 17:43:35 · 235 阅读 · 0 评论 -
javaScript-内置对象和bom对象
文章目录1.对象1.1.定义方式1.2.初始化对象1.3.this2.内置对象2.1.String对象2.2.Number对象2.3.Math对象2.4.Date对象3.BOM对象3.1.Window对象3.2.定时器函数调用3.2.screen对象3.3.history对象3.4.location对象3.5.navigator对象 1.对象 一组属性和方法的集合 1.1.定义方式 使用new关键字定义 <script type="text/javascript">原创 2020-11-04 17:42:48 · 222 阅读 · 0 评论 -
javaScript函数-数组
文章目录1.函数1.1.声明式函数1.2.表达式函数1.3.函数形参1.4.函数的返回值2.变量作用域3.数组3.1.数组的定义3.2.数组初始化3.3.访问数组3.4.数组的遍历4.二维数组4.1.初始化二维数组4.2.访问二维数组中的元素4.3.二维数组的遍历4.4.数组常用函数 1.函数 函数是代码封装和代码复用的体现。使用function来定义,调用方式函数名(); 1.1.声明式函数 function 函数名( ){ //功能代码 (函数体) } <script type="原创 2020-11-04 17:41:59 · 577 阅读 · 0 评论 -
javaScript变量-数据类型-运算符-分支循环
文章目录1.介绍2.组成3.引入方式3.1.内嵌式3.2.外链式3.3.事件属性3.4.注意4.输出方式4.1.网页输出4.2.弹框输出4.3.控制台输出5.变量5.1.声明变量:5.2.赋值6.数据类型6.1.基本数据类型6.2.引用数据类型7.类型转换7.1.强制转换8.运算符8.1.算数运算符8.2.比较运算符8.3.逻辑运算符9.分支9.1.单分支 if9.2.双分支 if - else9.3.多分支 if - else if9.3.多分支 switch...case10.循环10.1.死循环10.原创 2020-11-04 17:40:58 · 118 阅读 · 0 评论 -
javascript编码规约
笔记来自:https://github.com/airbnb/javascript 1.使用const,避免使用var来确保引用不被重写分配 // bad var a = 1 ; var b = 2 ; //好 const a = 1 ; const b = 2 ; 使用属性值速记 <script> const spiderMan = "spiderMan"; let person = { spiderMan //spider原创 2020-11-04 17:37:11 · 184 阅读 · 0 评论