- 博客(20)
- 收藏
- 关注
RSS订阅
原创 前端常用查询网站
前端常用查询网站MDN： https://developer.mozilla.org/zh-CN/ 源码教程抽奖插件 https://100px.net/印记中国 https://docschina.org/ 大部分外网文档中文翻译vite https://cn.vitejs.dev/guide/ vite中文网es6入门 https://es6.ruanyifeng.com/#docs/class前端加密 https://mp.weixin.qq.com/s/V-g2P
2021-04-21 10:49:47
623
原创 前端常用的工具
前端常用的工具1.element-resize-detector 元素大小改变的时候 对应操作2.vue-gemini-scrollbar 滚动效果3. qs 解析和转换json格式字符串4. moment 时间转换包5. lodash 常用工具函数 debounce等6. tinymce 富文本7. crypto-js 加密库8.lib-flexible 移动端rem包 px2rem-loader postcss-pxtorem9.vue-directi
2021-04-20 15:55:45
153
原创 手写常用js工具函数--剪切内容
手写常用js工具函数–剪切内容<!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"> <tit
2021-03-25 17:19:54
127
原创 JS数组内含有对象去重方法！！
JS数组内含有对象去重方法！！// 模拟假数据 let testArr = [{ id: 1, name: '张三' }, { id: 2, name: '李四' }, { id: 3, name: 'Tom' }, { id: 4, name: 'Jerry' }, {
2021-03-17 17:47:02
304
原创 JS正则的用法---创建及常见字符
一、正则表达式创建方法1．字面量方法// 正则表达式：就是一个规则，用来匹配字符串 // 创建正则表达式：2种方法： // 字面量方法： var reg = /张三/; var str = "哈罗，大家好，d我叫张三，今年20岁了！"; // console.log( reg.test(str) ); // console.log(str.indexOf("张三")); var reg2 =
2020-06-04 14:43:59
229
原创 Vue简单入门学习-----day1-基础用法
一、数据的双向绑定及添加删除等<div id="app"> {{nickname}} <input type="text" v-model="nickname"><button @click="add">添加</button> <ul> <li v-for="(item,i) in userList">{{i+1}}.{{item}}<button @click=
2020-06-03 16:53:17
134
原创 JS---DOM中的事件、事件对象及元素的宽高等.......
4．元素的宽高以及关系① 元素自身属性// 元素的宽度，高度 var mybox = document.querySelector(".box"); console.log(mybox.style.width); // 空字符串 console.log(getComputedStyle(mybox).width); // 200px // 自身宽/高+padding console.log( mybox.c
2020-06-03 16:43:52
176
原创 JS----DOM节点相关信息，归纳详解
1．Dom获取节点方式<h1 class="aaa">1</h1> <h1 id="bbb">1</h1> <p>2</p> <p>2</p> <p>2</p> <input type="text" name="ccc"> <script> var a = document.querySelector
2020-06-03 16:31:31
141
原创 BOM常见的方法！！！
BOM1．什么是window对象BOM的核心是window,它表示的是浏览器的一个实例（就是浏览器的一个窗口）2．JavaScript弹窗① Alert()弹出一个警告框② Confrim()确认框，返回一个布尔值，true表示单击了确定，false表示单击了 取消③ Prompt()提示输入框，包含了一个默认值3．Location// window下有一个location属性，它也是个对象，有属性和方法//获取当前页面的地址(URL),并把浏览器重新定向到新的页面var btn
2020-06-03 16:22:09
285
原创 JS中回调函数、作用域及闭包详解！！
一、回调函数1．什么是回调回调（callback）:把一个函数作为一个参数传到一个主函数里面，当主函数执行完之后，再执行传进去的那个函数，这个过程就叫回调；作为参数的那个函数就叫回调函数<script> var fn = function() { console.log("我是回调函数"); } function main(callback) { console.log("我是主函数");
2020-06-03 16:18:43
981
原创 JS中可能你需要用到的return，归纳详解！！！
return返回值Return语句终止函数执行，并返回一个指定的值给函数的调用者（函数名 + （）就等于 函数的返回值）如果return后面没有返回值，则默认返回undefined函数的返回值可以是任何数据类型 // function fn(){ // console.log("您好"); // } // fn(); function fn() { return "您好"; }
2020-06-03 16:15:28
640
原创 JS中常见的this对象！！！
this对象在函数里面除了有arguments对象，还有this对象函数的调用方式，决定了this的取值1．全局环境<script> console.log(this); // this => window对象 </script>2．函数环境下<button>按钮</button> <script> var fn1 = function(){ console.lo
2020-06-03 16:09:48
135
原创 JS----函数相关的知识！！！
一、创建函数1．函数声明 <script> function fn(){ alert(1) } fn(); </script>2．函数表达式 <script> var fn = function(){ alert(1) } fn(); </script>3．ES6 箭头函数<script> var fn = () => {
2020-06-03 16:06:26
63
原创 JS内置对象---数组的属性及方法！！！
JS内置对象—数组的属性及方法数组：一组数据的集合一、怎么创建数组3种方式：1．new Array()<script> var arr1 = new Array("张三","李四","王五"); console.log(arr1.length); </script>2．字面量方法<script> var arr1 = ["张三","李四","王五","赵六"]; console.log
2020-06-03 15:55:59
284
原创 JS-内置对象字符串的属性及方法
## JS字符串的属性及方法 一、字符串长度length,获取字符串的长度，空格也要计算在内，字符串的长度不可写二、字符串方法1．charAt(下标)根据下标获取字符 <script> var str = 'javascript'; console.log(str.charAt(4)); </script>2．charCodeAt(下标)根据下标获取字符的Unicode编码<script> v.
2020-06-03 15:38:36
106
原创 JS经典继承案例----宠物游戏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <script
2020-05-29 19:35:10
461
原创 前端常用工具网站
前端常用工具网站1.轮播图网站 swiper2.免费CDN bootcnd3.动画 Animate4.鼠标滚轮下滑动画 wow5.ui框架 Layui
2020-05-29 19:29:04
86
原创 JS内置对象Date的常用方法及封装
JS内置对象Date的常用方法及封装let now = new Date()1.获取年份let yy = now.getFullYear()console.log(yy) // 当前年份2.获取月份let mm = now.getMouth()+1 // 注意月份为0-11 要+1补全console.log(mm) // 当前月份3.获取日期let dd = now.getDate() console.log(dd) // 当前日期4.获取小时let hh = now.get
2020-05-21 20:46:40
225
原创 JS内置对象Math的常用方法
JS内置对象Math的常用方法1.向上取整 Math.ceil()2.向下取整 Math.floor()3.四舍五入 Math.round()4.绝对值 Math.abs()最大值 Math.max()最小值 Math.min()7.随机数 Math.random()8.随机区间数 Math.round(Math.random()*(max-min) + min)9. 判断数字奇偶...
2020-05-21 15:29:41
304
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人