JS原生第八篇（帅哥）

1.1 复习 1. clientX clientWidth 可视区域的宽度 clientWidth width + padding offsetWidth width + padding + border scrollWidth width + padding 超过内容的宽度 window.onresize 窗口改变匀速运动函数原理 : 盒子的原来位置 + 步长 1.2 三个取整函数这三个函数都是…

JS原生第三篇（帅哥）

1.1 数组 1. 数组看电影电影院座位大的变量里面可以放很多的值 var arr = [1,3,57]; var ar = new Array(); new object(); new Date() var txt = ["宋江","张飞"] ; 使用数组: 数组名[索引号] txt[1] == 张飞 txt.length; 属性遍历数组: for(var i=0;i&…

JS原生第七篇（帅哥）

1.1 复习 offset 自己的偏移 offsetWidth 得到自己的宽度 offsetHeight 构成 : width + padding + border div width 200 border 3px padding-right: 15px div offsetWidth = 200 + 6 + 15 = 221 2. offsetLeft offsetTop div.offsetLeft 得到距离这个 di…

JS原生第六篇（帅哥）

复习按钮不可用 disabled = "disabled" || true setTimeout 只执行一次 setInterval 执行很多次递归调用 : 函数自己调用自己函数递归调用不提倡用函数名而喜欢用的是 arguments.callee 返回的是正在执行的函数本身逻辑运算符与 && 或 || 非 ! ! > && > || 2&&a…

JS原生第五篇（帅哥）

1.1 节点 1. 节点网页是有很多的节点组成的 . 元素节点指的是 : 标签 li span 文本节点属性节点父子兄弟父 parentNode nextSibling 孩子 childNodes nodeType == 1 来判断是否是元素节点 <ul> <li> 最喜欢用的 children 只得到元素节点 1.获取节点属性 getAttribute(&q…

JS原生第四篇（帅哥）

1.1 1. 循环 for(初始化; 退出条件; 增量) { } while(退出条件) { } do { 语句 } while(退出条件) 2. switch( ) 多选1 switch(参数) { case "参数1": 语句; break; case "参数2": 语句; break; default: } 3. 数组常用的方法加内容减内容连接转换 push(); 向数组的后面添加内容 var ar…

JS原生基础终结篇（帅哥）

闭包基础面向对象基础 1.1 闭包在程序语言中,所谓闭包,是指语法域位于某个特定的区域,具有持续参照(读写)位于该区域内自身范围之外的执行域上的非持久型变量值能力的段落.这些外部执行域的非持久型变量神奇地保留他们在闭包最初定义(或创建)时的值. 白话: 我们可以用一个函数去访问另外一个函数的内部变量的方式就是闭包. 内部变量是局部变量那我们知道,局部变量是不可以为别人随便使用也. function fun() { var num = 10;}console…

JS原生Date类型方法的一些冷知识

ps:由于Date()是js原生函数,不同浏览器的解析器对其实现方式并不同,所以返回值也会有所区别.本文测试未特别申明浏览器的情况下,均是指win7 x64+chrome 44.0.2403.155 (正式版本) m (32 位)版本 Date()与new Date()的区别 Date()直接返回当前时间字符串,不管参数是number还是任何string Date(); Date('sssss'); Date(1000); //Fri Aug 21 2015 15:46:21 GMT+0800…

JS原生效果瀑布流布局的实现(一)

JS原生效果实现: HTML页面布局: <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <link href="css/style.css" type="text/css" rel="stylesheet"/> <script type=&qu…

Python之路【第十八篇】：Web框架们

Python之路[第十八篇]:Web框架们 Python的WEB框架 Bottle Bottle是一个快速.简洁.轻量级的基于WSIG的微型Web框架,此框架只由一个 .py 文件,除了Python的标准库外,其不依赖任何其他模块. 1 2 3 4 pip install bottle easy_install bottle apt-get install python-bottle wget http://bottlepy.org/bottle.py Bottle框架大致可以分为以下部分:…

手把手教你js原生瀑布流效果实现

手把手教你js原生瀑布流效果实现什么是瀑布流效果首先,让我们先看一段动画: 在动画中,我们不难发现,这个动画有以下特点: 1.所有的图片的宽度都是一样的 2.所有的图片的高度是不一样的 3.图片一张挨着一张竖直排列 4.鼠标向下滚动,一直不停的加载图片 5.浏览器的宽度改变,图片的列数会进行相应的更改那么这种效果类似现实生活中的瀑布,所以我们叫它瀑布流的效果. Js原生瀑布流效果的实现从上述分析中,我们可以把整个效果分为以下四个部分: html+css界面搭建瀑布流效果浏览器向下滚动…

15、js 原生基础总结

Day1 一.什么是JS? ==基于对象==和==事件驱动==的客户端脚本语言二.哪一年?哪个公司?谁?第一个名字是什么? 1995,NetScape(网景公司),布兰登(Brendan Eich),liveScript 三.W3C第一个标准? ECMA-262 四.JS包含哪几个部分? ECMA .BOM .DOM 五.如何引入JS? 三种,与引入CSS相似, 内联样式,外部样式,内部样式. 六.JS中有哪些输出方式?区别是什么? alert(); 以警告框的方式输出,中断后面代码的执行…

用flask和长轮询实现对帅哥投票和实时查看票数

flask中的代码 from flask import Flask,request,render_template,redirect,session,jsonify import uuid import queue app = Flask(__name__) app.secret_key = 'asdfasdf' #定义一个字典,用于存放用户的queue 键为uuid USER_QUEUE = { } #在用户访问之前判断是否登录,注意这里的before_request没有括号 @app.bef…

JS原生ajax

原文链接:http://caibaojian.com/ajax-jsonp.html 一.JS原生ajax ajax:一种请求数据的方式,不需要刷新整个页面: ajax的技术核心是 XMLHttpRequest 对象: ajax 请求过程:创建 XMLHttpRequest 对象.连接服务器.发送请求.接收响应数据: 下面简单封装一个函数,之后稍作解释 ajax({ url: "./TestXHR.aspx", //请求地址 type: "POST", //请求方式…

【腾讯敏捷转型No.2】帅哥，来多少敏捷？

上回腾讯敏捷转型系列第一篇文章<敏捷到底是什么鬼?>讲到公司铁了心要推进敏捷,这是战略层面的决定,为什么呢? 当时的我们并不知道公司为什么一定要推行敏捷的新概念,但是后来公司的变化帮助我们理解为什么推行敏捷. 腾讯公司成立在1998年11月11日,2001年接入中国移动的移动梦网,做了SP业务之后开始盈利.到了2004年,因为腾讯有了连续三年的盈利,顺利在2004年6月16日在香港股票交易所上市.上市后又得到了一大批融资资金,所以在2005年腾讯内部做出了一次非常大的组织结构调整,将原来各自为…

Egret入门学习日记 --- 第十八篇（书中 8.5~8.7 节内容）

第十八篇(书中 8.5~8.7 节内容) 其实语法篇,我感觉没必要写录入到日记里. 我也犹豫了好久,到底要不要录入. 这样,我先读一遍语法篇的所有内容,我觉得值得留下的,我就录入日记里. 不然像昨天那样,浪费了不必要的时间. 关于 JS.TS的知识,就去腾讯课堂看好了.日记里就不再提了. 好,我看了一下,觉得 8.5节内容是属于Egret的范畴的. 开始 8.5节 . 重点: 1.get和set的声明. 2.get和set的覆盖. 跟做: 1.get和set的声明. 输入prop,然后按Ta…

js原生高逼格插件

如何定义一个高逼格的原生JS插件作为一个前端er,如果不会写一个小插件,都不好意思说自己是混前端界的.写还不能依赖jquery之类的工具库,否则装得不够高端.那么,如何才能装起来让自己看起来逼格更高呢?当然是利用js纯原生的写法啦.以前一直说,掌握了js原生,就基本上可以解决前端的所有脚本交互工作了,这话大体上是有些浮夸了.不过,也从侧面说明了原生js在前端中占着多么重要的一面.好了.废话不多说.咱们就来看一下怎么去做一个自己的js插件吧. 插件的需求我们写代码,并不是所有的业务或者逻辑代码…

spring cloud系列教程第八篇-修改服务名称及获取注册中心注册者的信息

spring cloud系列教程第八篇-修改服务名称及获取注册中心注册者的信息本文主要内容: 1:管理页面主机名及访问ip信息提示修改 2:获取当前注册中心的服务列表及每个服务对于的服务提供者列表本文是由凯哥(凯哥Java:kagejava)发布的<spring cloud系列>教程的总第八篇:<修改服务名称及获取注册中心注册者的信息>. 本文是几个维度中的第一个维度:注册与发现维度配置中心管理之Eureka相关教程第五篇. 一:主机名及IP信息修改在eureka管理页面显示…

Spring Cloud实战 | 最八篇：Spring Cloud +Spring Security OAuth2+ Axios前后端分离模式下无感刷新实现JWT续期

一. 前言记得上一篇Spring Cloud的文章关于如何使JWT失效进行了理论结合代码实践的说明,想当然的以为那篇会是基于Spring Cloud统一认证架构系列的最终篇.但关于JWT另外还有一个热议的话题是JWT续期?. 本篇就个人觉得比较好的JWT续期方案以及落地和大家分享一下,算是抛转引玉,大家有好的方案欢迎留言哈. 后端 Spring Cloud实战 | 第一篇:Windows搭建Nacos服务 Spring Cloud实战 | 第二篇:Spring Cloud整合Nacos实现注册…

js原生代码实现轮播图案例

一.轮播图是现在网站网页上最常见的效果之一,对于轮播图的功能,要求不同,效果也不同! 我们见过很多通过不同的方式,实现这一效果,但是有很多比较麻烦,而且不容易理解,兼容性也不好. 在这里分享一下,用js原生代码,实现轮播图的常见效果!思路比较清晰,而且可重复性高,也几乎包含了现在网页上轮播实现的所有效果! 现在我们来看看它是什么样的效果,截一张图给大家看: 二.无论我们做什么特效,都要记住一个原则,先写静态的代码,再做动态的处理! 我们的轮播静态效果用html和css来实现: 1.为了代码的规范…