- 博客(19)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 less笔记
less less是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言， 增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展 LESS 既可以在 客户端 上运行 ，也可以借助Node.js在服务端运行。 less的中文官网：http://lesscss.cn/ bootstrap中less教程：http://www.bootcss.com/p/lesscss/Less编译工具 koala 官网:www.koala-ap
2021-02-25 16:52:43
267
2
原创 手写深度比较 笔记
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do
2021-02-19 11:31:39
124
原创 Vue-路由学习
什么是路由后端路由:对于普通的网站，所有的超链接都是URL地址，所有的URL地址都对应服务器上对应的资源；前端路由:对于单页面应用程序来说，主要通过URL中的hash(#号)来实现不同页面之间的切换，同时，hash有一个特点：HTTP请求中不会包含hash相关的内容；所以，单页面程序中的页面跳转主要用hash实现；在单页面应用程序中，这种通过hash改变来切换页面的方式，称作前端路由（区别于后端路由）；在 vue 中使用 vue-router使用tag属性指定router-link
2021-01-21 20:29:45
232
原创 Vue -组件学习
定义Vue组件什么是组件： 组件的出现，就是为了拆分Vue实例的代码量的，能够让我们以不同的组件，来划分不同的功能模块，将来我们需要什么样的功能，就可以去调用对应的组件即可；组件化和模块化的不同：模块化： 是从代码逻辑的角度进行划分的；方便代码分层开发，保证每个功能模块的职能单一；组件化： 是从UI界面的角度进行划分的；前端的组件化，方便UI组件的重用；全局组件定义的三种方式注意:不论是哪种方式创建出来的组件,组件的 template 属性指向的模板内容,必须有且只能有唯一的一个根元素!!
2021-01-12 21:33:07
137
1
原创 前端各种交互效果——loading 加载效果
效果1源码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> :root
2021-01-10 20:15:49
1278
原创 Vue 动画
Vue中的动画为什么要有动画：动画能够提高用户的体验，帮助用户更好的理解页面中的功能；使用过渡类名HTML结构：<div id="app"> <input type="button" value="动起来" @click="myAnimate"> <!-- 使用 transition 将需要过渡的元素包裹起来 --> <transition name="fade"> <div v-show="isshow"
2021-01-10 11:41:43
128
原创 前端各种交互效果——Tab栏效果
效果1效果展示源码展示<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>tab</title> <style> ul
2020-12-27 22:26:52
1246
1
原创 Vue 生命周期函数 笔记
vue实例的生命周期什么是生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子：就是生命周期事件的别名而已；生命周期钩子 = 生命周期函数 = 生命周期事件主要的生命周期函数分类：创建期间的生命周期函数：beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性created：实例已经在内存中创建OK，此时 data 和 methods 已经创建OK，此时还没有开始 编译模板b
2020-12-17 19:39:58
75
原创 JavaScript 面向过程与面向对象
1.面向过程与面向对象1.1面向过程面向过程就是分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候再一个一个的依次调用就可以了。1.2面向对象面向对象是把事务分解成为一个个对象，然后由对象之间分工与合作。1.3面向过程与面向对象对比面向过程面向对象优点性能比面向对象高，适合跟硬件联系很紧密的东西，例如单片机就采用的面向过程编程。易维护、易复用、易扩展，由于面向对象有封装、继承、多态性的特性，可以设计出低耦合的系统，使系统 更加灵活、更加易于
2020-12-13 14:15:00
215
原创 正则表达式学习
1.正则表达式概述1.1什么是正则表达式正则表达式（ Regular Expression ）是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象。正则表通常被用来检索、替换那些符合某个模式（规则）的文本，例如验证表单：用户名表单只能输入英文字母、数字或者下划线， 昵称输入框中可以输入中文(匹配)。此外，正则表达式还常用于过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 。其他语言也会使用正则表达式，本阶段我们主要是利用JavaScript
2020-12-12 18:04:15
1172
1
原创 js 深拷贝和浅拷贝
参考链接https://www.jianshu.com/p/cf1e9d7e94fb一、JS的基本数据类型基本数据类型：String，Boolean，Number，Undefined，Null；引用数据类型：Object(Array，Date，RegExp，Function)；基本数据类型和引用数据类型的区别：1、保存位置不同：基本数据类型保存在栈内存中，引用数据类型保存在堆内存中，然后在栈内存中保存了一个对堆内存中实际对象的引用，即数据在堆内存中的地址，JS对引用数据类型的操作.
2020-12-11 20:44:50
77
原创 Bmob Pointer 一对多约束查询
笔记详情表Notes分类表classification实现效果查询出，笔记详情表Notes中和分类表中 aaa 分类关联的数据其中 aaa 的 objectId 为 8kvYcccq代码实现 const pointer = Bmob.Pointer('classification') //poiID 为 Notes表 的 Pointer对象 关联的分类表aaa的objectId const poiID = pointer.set('8kvYcccq
2020-12-08 17:10:04
372
原创 javascript关于this 的指向
参考 来源网络 秦山JS中----this的指向和如何修改this的指向改变this指向，call，apply，bind 的不同函数内部的this指向这些 this 的指向，是当我们调用函数的时候确定的。调用方式的不同决定了this 的指向不同一般指向我们的调用者.2.2改变函数内部 this 指向2.2.1 call方法call()方法调用一个对象。简单理解为调用函数的方式，但是它可以改变函数的 this 指向应用场景: 经常做继承.var o = { name: 'andy.
2020-12-04 21:40:10
89
原创 关于Bmob后端云的使用
安装使用下载地址下载好之后将dist里面文件导入项目使用app.jsvar Bmob = require('utils/Bmob-2.2.5.min.js');Bmob.initialize("你的Secret Key", "你的API 安全码");//app.jsApp({})在要使用Bmob的文件中引用index.jsvar Bmob = require('../../utils/Bmob-2.2.5.min.js');Page({})...
2020-11-19 16:04:21
603
原创 javaSprict BOM操作
-BOMBOM概述window对象常见事件窗口加载事件window.onload页面加载事件 window.onload 是窗口（页面加载事件），当文档内容完全加载完成会触发该事件（包括图像、脚本文件、css文件等），就调用处理函数。 1.有了window.onload就可以把js代码写到元素页面的上方，因为onload是等页面内容全部加载完毕再去执行处理函数。 2.window.onload 传统注册事件只能写一次，如多有多个就会以最后一个window.onload为准。
2020-10-20 22:45:39
265
原创 JavaScrip DOM
JavaScript核心 DOM 操作Web API是浏览器提供的一套操作浏览器功能和页面元素的API（BOM和DOM）。DOM文档对象模型（DOM） 是处理可扩展标记语言（HTML或者XML）的标准编程接口DOM重点核心DOM主要用来操作页面元素我们获取过来的DOM元素都是一个对象（object）！！所以称为文档对象模型获取元素关于DOM。我们主要针对元素操作，主要有创建、增、删、改、查、属性操作、事件操作。创建docum.writeinnerHTMLl
2020-10-20 22:36:56
393
1
原创 JS 入门
J S 基础入门笔记基本语法输入输出语句浏览器弹出输入框，用户可以输入prompt(‘这里是输入框’);浏览器弹出警示框alert(‘这里是弹出的输出框’);浏览器控制台打印输出信息console.log(‘这是程序员看到的’);变量白话：变量就是一个装东西的盒子通俗的说变量就是存放数据的容器。我们通过变量名获取数据，甚至数据可以修改。本质：变量是程序在内存中申请的一块用来存放数据的空间。//变量声明var age; //声明一个名称为age的变量var age=18; /
2020-10-20 22:17:57
698
原创 Vue 基础学习 1.0
Vue基础网上整理的笔记链接第一个Vue程序<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue基础</title></head><bo
2020-10-19 21:41:14
168
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人