web前端

1. H5、HTML5、WEB前端、全栈

拥有回忆 提交于 2019-12-23 01:40:51
一、什么是HTML5和H5 HTML5是HTML网页标准的5.0版本,5.0版本相比4.0新增了很多技术内容,这一次的变化是比较大的,甚至是革命性的,它的诞生带动了很多技术领域的发展,尤其是在移动端设备上面。因此,我们今天所谈论的HTML5这个词它已经产生了一些变化,它代表的已经不再是简单的HTML网页设计标准,而是围绕着HTML这个东西以及它周边的一系列网页相关技术的总称。这其中,既包含了HTML+CSS的网页制作,也包含了JavaScript这门编程语言的相关开发。 而H5就简单了~~,它就是HTML5的简称,仅此而已。 二、什么是WEB前端 它是根据H5的功能和作用所起的一个别名而已,就好像,当我们说微博的时候,我们的第一反应,想到的是新浪微博,但微博不止有新浪微博,它还有腾讯微博、Twitter等等,所以微博与新浪微博的关系,就像WEB前端与H5的关系一样。 三、全栈 大家都知道,我们平常看到的网页,全部是由程序编写的,这些程序运行的结果,就是我们看到的网页,我们管我们看得到的这部分技术领域叫做前端,而在一个网站的内部,还有很多很多我们看不见摸不着的程序在运行着,这些程序在背后进行着复杂又精密的计算,才能保证我们程序的正常运作,他们很重要,但很多时候,我们却感知不到它们的存在,因此我们管这个看不见的技术领域,叫做后端。当一个人的技术能力,既能覆盖前端又能覆盖后端的时候

Python进阶实战爬虫:极滑块验证思路

孤街浪徒 提交于 2019-12-22 05:29:06
`代码大家自己加油琢磨,我给你们思路, 获取极验证两个图片一个有缺口一个没有缺口 然后对于图片进行分析 获取移动偏差 这里一定要进行仿人类移动滑块, 代码网上一堆哈 给大家获取图片的提示,一般他图片前端页面都已经渲染出来了,可能就是 display:none 或者透明度0进行隐藏 也有种可能是ajax提交,但是这里一般都会进行 js加密 还有种解决思路就是 调用第三方接口 就是要 花钱 推荐Python大牛在线分享技术 扣qun:855408893 领域:web开发,爬虫,数据分析,数据挖掘,人工智能 零基础到项目实战,7天学习上手做项目 来源: CSDN 作者: 学习-永无止境 链接: https://blog.csdn.net/weixin_45974628/article/details/103648647

Web前端资源汇总

只谈情不闲聊 提交于 2019-12-22 01:00:32
效果预览: http://keleyi.com/keleyi/phtml/jqtexiao/index.htm 当打开页面或者刷新页面后等待两秒钟,会在底部滑出可最小化的提示层。滑出层半透明,可关闭再现。 应用范围很广,比如弹出广告、弹出注册层、弹出最新消息等,实现的jquery代码比较简单。 html源代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>jquery定时滑出可最小化的底部提示层-柯乐义</title><base target="_blank" /> <link href="http://keleyi.com/keleyi/phtml/jqtexiao/index/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src

web前端入门到实战:背景关联和缩写以及插图图片和背景图片的区别

梦想与她 提交于 2019-12-21 22:33:23
一、背景属性缩写的格式 1.backgound:背景颜色 背景图片 平铺方式 关联方式 定位方式 2.注意点: 这里的所有值都可以省略,但是至少需要一个 3.什么是背景关联方式 默认情况下,背景图片会随着滚动条的滚动而滚动,如果不想这样,那么我们可以修改它们的关联方式 4.格式: background-attachment:值; 值的取值范围: scroll:默认值,会随着滚动条而滚动。 fixed:不会随着滚动条滚动而滚动。 5.例子: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>d99_background_abbreviation</title> <style> div{ width: 1100px; height:5000px; background:red url("image/snow.jpg") no-repeat fixed center center;/*背景颜色 图片地址 平铺方式 关联方式 定位方式*/ /*这里的所有值都可以省略,但是至少需要一个*/ /*background-attachment: fixed;*/ } </style> ​ </head> <body> <div> <br> <br> <br> <br> <br> <br> <br> <br>

架构设计:前后端分离之Web前端架构设计

蹲街弑〆低调 提交于 2019-12-21 04:29:49
  在前面的文章里我谈到了前后端分离的一些看法,这个看法是从宏观的角度来思考的,没有具体的落地实现,今天我将延续上篇文章的主题,从纯前端的架构设计角度谈谈前后端分离的一种具体实现方案,该方案和我原来设想有了很大的变化,但是核心思想没变,就是控制层是属于Web前端的。   在以前文章里我说道前后端分离的核心在于把mvc的控制层归为前端的一部分,原方案的构想在实际的生产开发里很难做到,我觉得核心还是控制层和视图层的技术异构性,这样后果使得系统改造牵涉面太大,导致在项目团队里,沟通、协调以及管理成本相对较高,随着前端技术的发展,前端开发的工程量是越来越大,难度也是越来越高,因此前端工程的项目化,工程化和独立性越来越被人重视了,所以出现了大量的javascript MVC的富应用。如果javascript也能做到MVC模式,那么前端框架就可以抛弃异构语言的控制层,做到真正的独立。   要把传统的MVC的C层从前端剥离掉,我们首先要理解下MVC的C层即控制层到底做了什么样的事情,控制层的作用是模型层和视图层沟通的纽带,模型层进一步具体点就是数据层,视图层具体点就是数据展示给用户的方式,下面我们看看java的Web应用里,控制层和视图层是如何耦合的呢?做过java的web开发的人第一个反应就是页面里回嵌入大量java代码或者使用jsp的标签或者使用velocity

冬季小学期 NIIT公司 web前端培训 javascript

痴心易碎 提交于 2019-12-21 00:49:58
<!DOCTYPE html> <html> <head> <title>title Web tutorials on HTML, CSS</title> <script type="text/javascript"> // JavaScript 对大小写是敏感的。 //JavaScript 一旦出错则全部代码的无效 // 如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖: document.write("<h1>写入HTML输出</h1>"); function myFunction(demo){ document.getElementById("demo").innerHTML="function"; document.getElementById("demo").innerHTML=demo+add(3,7); } function add(a,b){//带参数函数 return a+b; } function max(a,b){ //基本结构和java一样 if (a>b){ return a; }else{ return b; } } function imgSrc(){ document.getElementById("image").src="test.jpg"; } function demoStyle(){ var x

资深工程师论web前端开发:关于JavaScript到底该如何学习

风流意气都作罢 提交于 2019-12-20 16:19:39
【推荐】2019 Java 开发者跳槽指南.pdf(吐血整理) >>> 1,不要着急看一些复杂网页效果的代码,这样除了打击你自信心,什么也学不到。没达到一定的武功水平,割了小JJ也学不会葵花宝典的。 2,别急着加技术交流QQ群,加牛人QQ。如果你找张三丰交流武功,你上去第一句问“丰哥,where is 丹田?”,你会被他一掌劈死的。 3,看网上什么多少天精通JS,啥啥啥从入门到精通,这种教程直接跳过吧,太多的事实证明,以一种浮躁的心态去做任何事都会以失败而告终。 推荐几本好书 “你丫吹了半天牛B,还是没说怎么学啊” 呵呵,我也没啥特别的办法,只是推荐几本好书。推荐的书,得按先后顺序看。别第一本没看完,就急着上第二本,并不是每次“穿越”都能成功的 第一阶段:《JavaScript DOM编程艺术》 看这本书之前,请先确认您对Javascript有个基本的了解,应该知道if else之类的语法,如果不懂,先去看看我第二阶段推荐的《Javascript高级程序设计》的前三章,记住看三章就别往下看了,回到《JavaScript DOM编程艺术》这本书上来。 学习Javascript用《JavaScript DOM编程艺术》来入门最好不过了,老老实实看两遍,看完了你就会对JS有一个大概的了解,整本书都围绕着一个网页效果例子展开,你跟着老老实实敲一篇,敲完之后

关于 Web消息推送系统 web-msg-sender 配置https 协议

风格不统一 提交于 2019-12-20 12:38:35
前几天做了一个语音播报功能,本地测试ok,但是上线要求https协议费了点时间 1.启动失败情况出现如下错误请检查php.ini 文件 disabled_functions 函数是否禁用了 stream_socket_server(); 2. workerman.log 仅用于记录workerman自身相关启停等日志. 如果启动不成功会写入日志 3.客户端常见报错,手册地址: http://doc.workerman.net/faq/client-connect-fail.html 4.上代码把修改,start_io.php 5.修改start_web.php 6.前端代码调用 7. 最后一步后端服务启动停止, 如果出现报错,请参考 步骤一 排除 ### 启动服务 php start.php start -d ### 停止服务 php start.php stop ### 服务状态 php start.php status 来源: CSDN 作者: qq_31570703 链接: https://blog.csdn.net/qq_31570703/article/details/103628915

我的web前端修炼之路从此开始

纵饮孤独 提交于 2019-12-19 23:41:25
  看过一篇文章,上面说过要想学习一门新技术,从什么时候开始都是不晚的。但对于一名大四的学生,只会一点简单的网页架构,只懂得HTML,CSS,JavaScript简单的一点皮毛,却怎么也说不过去。但也是这句话也给了自己一点安慰,不想在大学的最后一年再继续混下去,现在说什么从此我要奋发图强的话都是空谈,我了解自己,我也不敢保证我会不会一直坚持下去,但是现在我的感觉是我不想荒废自己,我不想毕业之后自己养不起自己,我不想毕业几年之后还要花父母的钱,我不想自己一个人在外地无目的的打拼,让家里的父母担心自己,但是以我现在的实力,这些都非常有可能发生   我是一名普通院校软件工程专业的学生,想走web前端开发这条路从大二就开始了,我喜欢自己设计页面,喜欢浏览那些炫酷的网站,还有很不想承认的是学校教的C,JAVA,数据结构,嵌入式之类的知识自己真的学不来,自己不是聪明的人,高中靠着死学考上了本科院校,阴差阳错了地选择了这门技术性特高的专业,真的是从负基础开始接编程,从一开始的没有兴趣到后来的自暴自弃,靠着考试前的啃书本顺利通过了每一门考试,在他们看来我也是一名爱学习的学生,但是真的需要自己动手编程的时候,自己真的就慌了,看着大些技术性大神解决了一个个技术性的难题,可我连他们写的是什么都看不懂,到了大四,大神们都得到了一个个大公司的实习offer,差一点的也开始准备考研了

web前端入门到实战:CSS隐藏元素的方法及区别

时间秒杀一切 提交于 2019-12-19 22:49:55
1.opacity opacity:0将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它会响应用户交互。 2.visibility  visibility:hidden将元素本身及其子元素都置为不可见的,而元素本身依然占据它自己的位置并对网页的布局起作用,它不会响应用户交互。如果想让子元素显示,则设置子元素的visibility:visibility; 3.display display:none使用这个属性,被隐藏的元素对网页的布局不起作用。不仅如此,一旦display设为none任何对该元素直接的用户交互操作都不可能生效。此外,读屏软件也不会读到元素的内容。这种方式产生的效果就像元素完全不存在。通过DOM依然可以访问到这个元素。因此你可以通过DOM来操作它。 4.position position:absolute 将top和left设置成足够大的负数,相当于把元素放到可视区域外,它不会影响布局,能够让元素保持可操作性,在读屏软件上可以被识别。 总结一下: opacity,visibility影响布局,前者不影响交互,后者影响交互; display不影响布局,影响交互; position 不影响布局,不影响交互; 下面给出例子:可以自行调试 学习Q-q-u-n: 784783012 ,分享学习的方法和需要注意的小细节