- 博客(33)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 免费天气接口地址
<input type="button" class="btn"> <script> function fn(data){ console.log(data) } let btn = document.querySelector('.btn'); btn.onclick = function(){ /...
2019-11-14 19:55:57
626
原创 02.案例以及过滤器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-10-11 17:25:54
232
原创 02过滤器
<div id="app"> <p> {{msg | msgFormat }} </p> <p> {{msg | msgFormat1('疯狂') }} </p> <p> {{msg | msgFormat3('疯狂+1','123') }} </p> <p> ...
2019-10-11 17:20:16
196
原创 SEO优化
一、搜索引擎工作原理 当我们在输入框中输入关键词，点击搜索或查询时，然后得到结果。深究其背后的故事，搜索引擎做了很多事情。在搜索引擎网站，比如百度，在其后台有一个非常庞大的数据库，里面存储了海量的关键词，而每个关键词又对应着很多网址，这些网址是百度程序从茫茫的互联网上一点一点下载收集而来的，这些程序称之为“搜索引擎蜘蛛”或“网络爬虫”。这些勤劳的“蜘蛛”每天在互联网上爬行，从一个链接到另一个...
2019-10-11 11:08:42
352
原创 vue class、style样式01
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-10-11 10:27:53
158
原创 v-for 以及01总结
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-10-11 10:22:18
201
原创 vue事件修饰符01
vue事件修饰符以及跑马灯小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <met...
2019-10-09 10:23:50
179
原创 #27购物车案例巩固cookie和localstorage
cookie.jsfunction $cookie(key, value, expires) { let cookieText = encodeURIComponent(key) + '=' + encodeURIComponent(value) + ";path=/"; if (!isNaN(expires)) { let date = new Date();...
2019-09-20 21:26:34
306
原创 #26（2）es5继承
一、构造函数继承(一) Call/apply 继承(二) Call 与 apply 的异同：1. 第一个参数 this 都一样，指当前对象2. 第二个参数不一样：call 的是一个个的参数列 表；apply 的是一个数组（arguments 也可以）(三) 构造继承特点：子类实例共享父类引用属性的问题创建子类实例时，可以向父类传递参数可以实现多继承（call 或 apply 多个...
2019-09-20 10:50:52
130
原创 #26 闭包
<script> // function fn() { // var a = 3; // return function(){ // return a; // } // } // (function () { // var ...
2019-09-19 12:03:23
156
原创 24# jsonp和ajax的同源策略
jsonp原理，利用src的跨域属性，动态的创建script标签，给src指定跨域的接口，去访问对方的资源，并由指定的回调函数将资源返回<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="w...
2019-09-18 10:59:31
175
原创 24# Promise
Promise 介绍(一) 基本概念：Promise 是 ES6 中新增的异步编程 解决方案，体现在代码中它是一个对象，可以通 过 Promise 构造函数来实例化。(二) NewPromise(cb)=>实例的基本使用 Pending Resolved Rejected(三) 两个原型方法：1. Promise.prototype.then()2. Promise.prototy...
2019-09-18 10:52:08
176
原创 前端攻城狮记录：2019.9.13
最近这一段时间，因为工作原因，项目比较赶，每天都风风火火的改bug,改需求，经常熬夜到两三点，甚至通宵，所以这一段时间，也就停更了不少，各位见谅，好在项目终于上线了，也能好好在家过个中秋放松一下，过玩中秋，接下来我会再接着往下更新，等到知识点js的知识点更完，我会接着按情况更新目前比较火的vue,或者时间充裕的话我也会给大家录几节视频，让喜欢前端行业的同学，跟我一起学习前端，一起成长，一起进步...
2019-09-13 22:15:54
183
原创 08#日期对象
2019 年 8 月 27 日 星期二 17:08:06 日期对象 Date 一、 如何创建日期对象？ var date = new Date(); var date = new Date(y,m,d,h,m,s); var date = new Date(y,m,d); 二、 如何获取其中数据？ 1. 获取年 var iYear = ...
2019-08-27 22:27:42
193
原创 08#Math
Math : 内置的数学对象，只有静态方法和静态方法，Math.对象不能通过new 创建。 1. 派 Math.PI : 圆周率 2. 绝对值 Math.abs() 3. 近似值 1. 四舍五入 Math.round() 注： 负数： > 0.5 进一 <= 0.5 舍去 ...
2019-08-27 22:26:51
125
原创 07#内置构造函数
String 一、创建字符串对象？ 1. 字面量 '' "" 2. 构造函数的方式 new String() var str = 'hello'; var oStr = new String('world'); console.log(typeof str,typeof oStr); //'string' 'object' ...
2019-08-26 22:26:27
164
原创 07#字符串方法
使用严格模式： “use strict”(位置必须放到作用域的开头) 例： //"use strict"; a = 3; function fn(){ "use strict"; b = 3; console.log(b); } console.log(a); fn(); 报错，ab没有定义Es5新增数组方法：（新增的数组方法都不影响原...
2019-08-26 22:25:28
220
原创 #06数组总结和
/* 数组： 1.概念：存储一组或者一系列相关数据的容器 2.使用好处：1.集中管理， 2,提高读取效率 3.下标： 下标是可以唯一寻找数组元素的索引号，最大下标是数组长度减一，最小下标是 0 （数组长度从一开始） 4.数组元素： 存在数组里的数据，为数组元素。 5.数据类型为：object; 数组声明： 1. 字面量 ：[] 2. 构造函数方...
2019-08-26 10:36:52
158
原创 06#数组
数组：1.概念：存储一组或者一系列相关数据的容器2.使用好处：1.集中管理， 2,提高读取效率3.下标： 下标是可以唯一寻找数组元素的索引号，最大下标是数组长度减一，最小下标是 0 （数组长度从一开始）4.数组元素： 存在数组里的数据，为数组元素。5.数据类型为：object;数组声明：1. 字面量 ：[]2. 构造函数方式； new Array()1.字面量： var a...
2019-08-26 00:52:14
168
原创 05#预编译，作用域练习
<script> /* f1(); // fl = function() console.log(c); //9 b 9 console.log(b); //9 c 9 console.log(a); //erro function f1 (){ ...
2019-08-23 21:14:21
101
原创 05#对象
<script>/* 对象(object : 物质)：一切具有本质特征和行为的事物 类： 具有相同本质特征和行为的一组事件，称为类（类是对象的抽象化） 属性: 描述物质的本质特征 方法： 物质的行为 变量与属性有什么区别： 函数与方法有什么区别； 1.如何创建对象：1.字面量 {} 一次只能创建一个对象 2....
2019-08-23 20:22:45
125
原创 05#匿名函数
<script> /* 一、匿名函数及调用方式 (一) 概念：匿名函数就是没有名字的函数 (二) 调用方式: 1. 把匿名函数赋值给一个变量 2. 通过自我执行来执行匿名函数 3. 把匿名函数自我执行的返回值赋值给变量 4. 自我执行后用 alert 打印 5. 自我执行匿名函数的传参 */ // 1. 把匿名函数赋值给一个...
2019-08-23 13:25:41
124
原创 04事件
<!doctype html> <script>/*一。先获取到页面中所要操作的元素对象例获取第一个文本框对象通过document.getElementById(id);通过id获取到指定的元素对象*/window.onload = function(){/当页面所有的内容加载成功的时候，执行事件处理程序/var oTxt1 = docu...
2019-08-22 21:49:28
107
原创 04作用域
作用域：作用的范围*作用域链：如果当前作用域没有找到变量时候，会向他的父级作用域查找，一直找到script作用域中；script：全局作用域1.声明在全局作用域中的变量，叫做全局变量，同时也是window对象的属性2.声明在全局作用域中的函数，叫做全局函数，同时也是window对象的方法函数作用域：（局部作用域）1.在函数作用域中预解析找到的变量，叫做局部变量。2.在函数作...
2019-08-22 18:15:50
109
原创 //04:函数
<!doctype html> <script>//04:函数一.概念：对于需要反复使用的功能代码，将其封装成一个独立的模块，这种功能代码块叫函数；2.类型：1.内置函数，2.自定义函数；3.JavaScript中的函数属于function对象，即返回的数据类型为function；typeof(function)----function; ...
2019-08-22 14:03:39
131
原创 //JavaScript中判断一个数字是不是素数**
//判断一个数字是不是数素var num = parseInt(prompt("请输入一个数："));var flag = true;for(var i = 2; i< num; i++){ if (num%i==0){ flag = false; alert('不是素数'); break; }}if(flag){alert("是素数");}...
2019-08-22 00:13:11
154
原创 用js打印99乘法表
var str = "";for(var i = 1;i < 10; i++){ for(var j = 1; j<= i; j++){ str+= i + "x" + j + "=" + i*j +"\t";} str += "\n"}console.log(str);
2019-08-21 23:52:57
397
原创 Javascript中的三种循环（02） 代码练习
<!doctype html><html> <head> <meta charset="utf-8"> </head> <body> <input type="button" value="按钮" onclick="alert('行内js');"> <script> ...
2019-08-21 13:26:34
253
原创 javascript中的三种循环(02)
一.什么是循环？满足一定条件，重复执行一段代码二.循环思想循环三要素1.从哪里开始2.到哪里结束3.步长三. 可以实现循环的语句：1.while2.do while3.for四.while (当型循环)格式：表达式1；while(表达式2) { 语句组； 表达式3；}表达式1： 从哪里开始（声明一个循环变量并赋值给一个初值）表达式2：到哪里结束；表达式...
2019-08-21 11:14:28
158
原创 计算该日是一年中的第几天
计算该日是一年中的第几天var iYear = parseInt(prompt("请输入年份："));var iMonth = parseInt(prompt("请输入年份"));var iDate = parseInt(prompt("请输入日："));var sum = 0;switch(iMonth) { case 12 : sum += 30; case 11 : sum +...
2019-08-21 10:56:34
231
原创 css动画效果
css的动画效果库@charset "UTF-8";/*! * animate.css -https://daneden.github.io/animate.css/ * Version - 3.7.2 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 20...
2019-08-15 19:46:40
344
原创 利用git push时出现 failed to push some refs to '.........git'的解决方案
##今天使用git push上传源代码的时候，出现了下面这个问题##**error: failed to push some refs to 'https: //git hub.com anielLeefu/luckystar.git'** hint: Updates were rejected because the tip of your current branch is behind...
2019-07-16 21:39:26
1185
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人