day54 Pyhton 前端JS06

内容回顾 - ECMAScript5.0 基础语法 - var 声明变量 - 五种基本数据类型 - string - number NaN number 1 number - boolean - undefined - null - 引用数据类型 - Array var arr = []; - push - pop - unshift - shift - splice() - forEach(function(item,index){}) - function //1 普通函数 // funct…

day54 Pyhton 前端JS05

今日内容: 1.数组Array var colors = ['red','color','yellow']; 使用new 关键词对构造函数进行创建对象 var colors2 = new Array(); 2.数组的赋值 var arr =[]; arr[0] =123; arr[1]='哈哈哈' arr[2] = '嘿嘿嘿' 3.数组的常用方法 concat() 把几个数组合并成一个数组 join() 返回字符串,其中包含了连接到一起的数组中的所有元素,元素由指定的分割符分割开来 pop()…

day56 Pyhton 前端Jquery08

前端内容回顾: -BOM -jquery介绍 -jquery下载和引入方式 npm install jquery -jquery的选择器 -基本选择器 -通配符选择器 - id选择器 - 类选择器 - 标签选择器 - 高级选择器 - 后代空格表示 -子代 > - 毗邻兄弟 + - 兄弟 ~ - 组合选择器 div,p,a - 交集选择器 div,active - 属性选择器 $('input[type="text"]') - jquery的…

day50 Pyhton 前端01

文档结构:  <!DOCTYPE html>  <html lang='en'>  <head> <meta charset='UTF-8'>  <title>赵天一</title>  <…

day57 Pyhton 前端Jquery09

内容回顾: - 筛选选择器 $('li:eq(1)') 查找匹配的元素 $('li:first') $('li:last') - 属性选择器 - 筛选的方法 - find() 查找后代的元素 - children() 查找亲儿子的元素 - parent() 查找的亲爹 - siblings() 查找的是兄弟(除自己之外) - eq() 查找匹配的元素 - DOM操作 -类的操作 -addClass('active pp') - removeClass('active pp') -…

day55 Pyhton 前端Jquery07

昨日回顾: 表单,点击submit提交以后,服务端受到信息 import socket import pymysql from urllib.parse import unquote def run(): sock = socket.socket() sock.bind(('127.0.0.1', 8081)) sock.listen(5) ''' 'GET /?username=alex&pwd=123 HTTP/1.1 Host: 127.0.0.1:8081 Connection: kee…

day53 Pyhton 前端04

内容回顾: 盒子: 内边距:padding,解决内部矛盾,内边距的增加整个盒子也会增加外边距:margin,解决外部矛盾,当来盒子都有外边距的时候,取两者最大值边框:border border-color:边框颜色 border-width:边框的宽度 border-style:边框的风格,double(双线),solid(实现),虚线(dashed),点线(dotted) float:浮动,为了解决让盒子们漂在一行浮动的方式:left和right 清除浮动目的:让父盒子不浮动的同时,它的…

day52 Pyhton 前端03

内容回顾块级标签: div p h 列表:ol;ul;dl 表格:table 行内标签: span a i/em b/strong u/del 行内块: input textarea img 其他: form br hr ⁢ > css: 三种引入方式:行内式,直接在标签上写在head里写style标签,在style里书写在head里写link标签,通过路径导入基本选择器:4个: *通配符选择器 id值,id选择器类名,类选择器标签名选择器高级选择器: 后代选择器,b…

day51 Pyhton 前端02

内容回顾: 1.h1~h6:加粗,数字越大级别越小,自动换行 2.br:换行;hr:分割线; (特殊符号,空格) 3.p:与前边和后边内容之间有间距 4.a标签的href:本地文件连接;网络连接;锚链接 target:_blank另起页面,默认是自己页面 name:主要为了设置锚链接的锚点 5.img图片,src:本地文件地址和网络地址 alt:图片损坏时给的提示 align:图片的对齐方式 title:鼠标悬浮时提示的文字 width:宽度 height:高度 6.ul:无序列表,内部能包裹l…

Pyhton学习——Day54

#Django内容回顾# -请求响应HTTP协议(有.无状态)默认传递的是字符串# 传递字符串分为两个部分:1.http1.1 GET /url /index + 请求头# Provisional headers are shown# Referer: https://www.baidu.com/# User-Agent: Mozilla/5.0 (Windows NT 6.1; Win64; x64)# AppleWebKit/537.36 (KHTML, like Gecko) Chrome…

最受Web前端开发者欢迎的五大开发工具

工其事,必利于器.好的开发工具毋容置疑会帮助Web前端开发者事半功倍,51CTO在上期主办的技术沙龙<大型网站PHP开发之道> 对现场的百余位Web开发者做了问卷调查,后经51CTO调研小组分析得出了最受Web前端开发者欢迎的五大开发工具. 语言篇 PHP.Python等Web专用的脚本语言,没有Java.C++.C#那么风光,毕竟面向公众的Web应用,在整个IT市场中未见得占有多大的份额.但在五月份的Tiobe发布的新一期编程语言排行榜中,PHP.Pyhton.Perl.Ruby都还是给力的…

为树莓派添加一个强实时性前端[原创cnblogs.com/helesheng]

树莓派是最近流行嵌入式平台,其自由的开源特性以及低廉的价格,吸引了来自全球的大量极客和计算机大咖的关注.来自各大树莓派社区的幕后英雄,无私地在这个开源硬件平台上做了大量的工作,将其打造成了世界上通用性最好,也最自由的计算机学习平台之一.我本人感兴趣的学习主题是Linux操作系统和Python编程,在流连于各大树莓派社区向各位大神学习的过程中感觉获益良多.结合自己擅长的实时信号处理工作,也做了一些小小的尝试.不能说做了什么独创性工作,但愿意分享给各位后来者.以下原创内容欢迎网友转载,但请注明出处…

day54——jquery补充、bootstrap

day54 jquery 页面载入 window.onload: 原生js的window.onload事件:// onload 等待页面所有内容加载完成之后自动触发的事件 window.onload = function(){ $('.c1').click(function () { $(this).addClass('c2'); }); }; jquery页面载入: $(function () { $('.c1').click(function () { $(this).addClass('c…

前端基础知识-----HTML

一.HTML基础概述 HTML:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准语言.也就是一般我们在浏览器里看到的东西的书写格式,与他搭配使用的还有CSS用来表示装饰HTML还有一个就是Javascript它是让我们的网页动起来的工具,在前端要是这三剑客搭配起来使用,那么会让我们的网页变得非常的炫酷. 1.浏览器浏览器是网页运行的平台,常用的浏览器有IE,火狐(Firefox).谷歌(Chrome),猎豹.Safari和Ope…

构建一个基本的前端自动化开发环境 —— 基于 Gulp 的前端集成解决方案（四）

通过前面几节的准备工作,对于 npm / node / gulp 应该已经有了基本的认识,本节主要介绍如何构建一个基本的前端自动化开发环境. 下面将逐步构建一个可以自动编译 sass 文件.压缩 javascript 文件.多终端多浏览器同步测试的开发环境,并且还可以通过 piblish 命令对项目下的文件进行打包操作. 相关连接导航在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gulp 时发生了什么 —— 基于 Gulp 的前端集成解决方案(二) 常…

常用 Gulp 插件汇总 —— 基于 Gulp 的前端集成解决方案（三）

前两篇文章讨论了 Gulp 的安装部署及基本概念,借助于 Gulp 强大的插件生态可以完成很多常见的和不常见的任务.本文主要汇总常用的 Gulp 插件及其基本使用,需要读者对 Gulp 有一个基本的了解.如果你对 Gulp 还不是很了解,可以通过下面两篇文章快速了解 Gulp . 由于几乎所有的插件都有非常友好的使用文档,所以本文不讨论涉及插件使用的东西,仅是一个汇总.排名不分先后. 相关连接导航在windows下安装gulp —— 基于 Gulp 的前端集成解决方案(一) 执行 $Gul…

前端极易被误导的css选择器权重计算及css内联样式的妙用技巧

记得大学时候,专业课的网页设计书籍里面讲过css选择器权重的计算:id是100,class是10,html标签是5等等,然后全部加起来的和进行比较... 我只想说:真是误人子弟,害人不浅! 最近,在前端群里还发现以上观点类似的奇葩聊天,真是*** 其实,也是在很久以前,看了腾讯ISUX的一位前端工程师-麦时分享的一篇技术文章(个人站点已失效,就不贴出来了),才了解到真正的css选择器权重计算. 以下是css选择器权重计算精华所在,翻译自国外的文档(记得是W3C给出的计算规则) 如果一个声明来自s…

总结：Mac前端开发环境的搭建（配置）

新年新气象,在2016年的第一天,我入手了人生中第一台自己的电脑(大一时好友赠送的电脑在一次无意中烧坏了主板,此后便不断借用别人的或者网站的).macbook air,身上已无分文...接下来半年的房租都不知道该怎么半了,都怪消费太冲动. 不过,眼下需要解决的不是房租问题,而是在新电脑上搭建开发环境,正好在搭建的时候总结一下: 1.FQ工具:lantern 地址:https://github.com/getlantern/lantern 2.命令行工具:term2 官网:http://www.i…

Fis3的前端工程化之路[三大特性篇之声明依赖]

Fis3版本:v3.4.22 Fis3的三大特性资源定位:获取任何开发中所使用资源的线上路径内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中依赖声明:在一个文本文件内标记对其他资源的依赖关系声明依赖 FIS3 在执行编译的过程中,会扫描这些编译标记,从而建立一张静态资源关系表,资源关系表详细记录了项目内的静态资源id.发布后的线上路径.资源类型以及依赖关系和资源打包等信息.使用 FIS3 作为编译工具的项目,可以将这张表提交给后端或者前端框架去运…

Fis3的前端工程化之路[三大特性篇之内容嵌入]

Fis3版本:v3.4.22 Fis3的三大特性资源定位:获取任何开发中所使用资源的线上路径内容嵌入:把一个文件的内容(文本)或者base64编码(图片)嵌入到另一个文件中依赖声明:在一个文本文件内标记对其他资源的依赖关系内容嵌入嵌入资源即内容嵌入,可以为工程师提供诸如图片base64嵌入到css.js里,前端模板编译到js文件中,将js.css.html拆分成几个文件最后合并到一起的能力.有了这项能力,可以有效的减少http请求数,提升工程的可维护性. fis不建议用户使用内容嵌入能…

Fis3的前端模块化之路[基础篇]

Fis3版本:v3.4.22 fis3是一个构建工具解决前端开发中自动化工具.性能优化.模块化框架.开发规范.代码部署.开发流程等问题. 安装 npm install -g fis3 运行 fis3 -v 输出说明安装成功. 基本使用查看有哪些命令 fis3 -h 构建命令 //构建 fis3 release //构建输出到指定目录 fis3 release -d <path> //构建输出到当前目录下 fis3 release -d ./output //构建输出到父级目录下 fis3…

细说前端自动化打包工具--webpack

背景记得2004年的时候,互联网开发就是做网页,那时也没有前端和后端的区分,有时一个网站就是一些纯静态的html,通过链接组织在一起.用过Dreamweaver的都知道,做网页就像用word编辑文档一样.一个html页面,夹杂着css,javascript是再常见不过的事了. 随着前端的不断发展,特别是单页应用的兴起,这种所见即所得的IDE工具,就渐渐地退出了前端的主流.一个应用,通常只有一个静态页面(index.html),甚至这个页面的body只有一个或少数几个div组成.这时有大量的cs…

通过AngularJS实现前端与后台的数据对接（二）——服务（service，$http）篇

什么是服务? 服务提供了一种能在应用的整个生命周期内保持数据的方法,它能够在控制器之间进行通信,并且能保证数据的一致性. 服务是一个单例对象,在每个应用中只会被实例化一次(被$injector实例化),并且是延迟加载的(需要时才会被创建).服务提供了把与特定功能相关联的方法集中在一起的接口.(此解释来源于AngularJS权威教程). 在笔者的认知中,服务就是用来创建数据,存储数据,也可以向后台请求数据的一个很特别的“领域”,除此之外,服务还能与控制器之间进行紧密的通信,保证数据能通过控制器显示…

前端框架 EasyUI （0）重新温习（序言）

几年前,参与过一个项目.那算是一个小型的信息管理系统,BS 结构的,前端用的是基于 jQuery 的 EasyUI 框架. 我进 Team 的时候,项目已经进入开发阶段半个多月了.听说整个项目的框架是另一个“牛人”搭建的,后来被这个 PM 直接拿来用了. 因为搭框架的“牛人”已经不在了,整个 Team 没有对框架非常精通的人,开发过程中遇到不少问题. 后台还好,没用什么复杂的组件或框架,都是最基本的 ASP.NET 页面和 C# 代码,所以没有什么问题.关键是前端,当时整个 Team 里没有一个…

对抗密码破解 —— Web 前端慢 Hash

(更新:https://www.cnblogs.com/index-html/p/frontend_kdf.html ) 0x00 前言天下武功,唯快不破.但在密码学中则不同.算法越快,越容易破. 0x01 暴力破解密码破解(严格地说应该是账号口令的破解),就是把散列值还原成明文口令.这貌似有不少方法,但事实上都得走一条路:暴力穷举.(也许你会说还可以查表,瞬间就出结果.虽然查表不用穷举,但表的制造过程仍然需要.查表只是将穷举提前了而已) 因为散列计算是单向的,是不可逆的,所以只能穷举.穷举…

一步步开发自己的博客 .NET版（10、前端对话框和消息框的实现）

关于前端对话框.消息框的优秀插件多不胜数.造轮子是为了更好的使用轮子,并不是说自己造的轮子肯定好.所以,这个博客系统基本上都是自己实现的,包括日志记录.响应式布局.评论功能等等一些本可以使用插件的.好了,废话不多时.我们来实现自己的对话框和消息框. 对话框要求:可拖动.点击按钮后可回调画一个简单的模型框 <div class="hi-dialog-box clearfix"> <div class="hi-dialog-title">系统…

浅谈WEB页面提速（前端向）

记得面试现在这份工作的时候,一位领导语重心长地谈道——当今的世界是互联网的世界,IT企业之间的竞争是很激烈的,如果一个网页的加载和显示速度,相比别人的站点页面有那么0.1秒的提升,那也是很大的一个成就. 然后我不知道怎么写下去了,就在群里问了那群狗头军师,结果是这样的... 好的,是时候“语锋一转”切回主题了 —— 如何提升我们站点页面的访问速度.减少等待时间,从而最大化地提升用户访问体验呢? 针对这个问题,我们今天会从前端的角度来提出系列解决方案,它们都能有效地提升你页面的访问速度. 一. 减…

js实现前端分页页码管理

用JS实现前端分页页码管理,可以很美观的区分页码显示(这也是参考大多数网站的分页页码展示),能够有很好的用户体验,这也是有业务需要就写了一下,还是新手,经验不足,欢迎指出批评! 首先先看效果图: 这是初始页面(也就是第一页)的界面,如果为第一页时,则首页和上一页按钮不可用,为了展示分页的效果,我当前的分页是一条一页. 这是页码大于5页时展示的效果:1,2页始终始终显示(考虑到用户体验) 这是最后一页的效果图: 下面直接上js代码: //页码显示 $(function(){ var dqPage…

jsp前端实现分页代码

前端需要订一page类包装,其参数为 private Integer pageSize=10; //每页记录条数=10 private Integer totalCount; //总记录条数 private Integer totalPage; //总页数 private Integer currPage; //当前页 private Integer startIndex; //开始索引 private List<M> list; //结果集进行查询的数据set进对象,在运用ModelAnd…

Web大前端时代之：HTML5+CSS3入门系列

准备来一波新技术,待续.... Old: 联系源码:https://github.com/dunitian/LoTHTML5 文档下载:https://github.com/dunitian/LoTDotNet/ 思维导图(不断更新): 图片:http://dnt.dkill.net/DNT/HTML5/index.jpg 源码:http://dnt.dkill.net/DNT/HTML5/h5.zip 在线文档:http://dnt.dkill.net/DNT/HTML5 00.Web大前端时…

【day54 Pyhton 前端JS06】的更多相关文章