- 博客(19)
- 收藏
- 关注
RSS订阅原创 十位大牛做出的Web前端开发规范总结
Web前端作为开发团队中不可或缺的一部分，需要按照相关规定进行合理编写（一部分不良习惯可能给自己和他人造成不必要的麻烦）。不同公司不同团队具有不同的规范和文档。下面是根据不同企业和团队的要求进行全面详细的整理结果。备注：实际开发请以本公司的规范为标准。A.基本原则符合web标准（UTF-8，HTML5），语义化html（HTML5新增要求，减少div和span等无特定语义的标签使用），结构表现行为分离（HTML-CSS-JS代码分离，不同行为代码高内聚低耦合），兼容性优良（早期版本浏览器兼容，移动端
2020-07-01 10:16:34
258
原创 Web开发入门不得不看
Web前端开发入门不得不看引如今，各种互联网的Web应用程序层出不穷，那么如何快速入门，成长为一个优秀的Web开发工作者呢？ 这个问题不容易回答，几乎所有的培训机构都不能清晰地解答。 所以对于Web开发刚刚入门的菜鸟们，我觉得只有通过去做，去实验，学会Web开发，可能是学着学着，实验着实验着就会了。 没有人告诉你如何去做。我学习的时候，我的导师只是给了我一堆视频，一堆文档。我们从明确一个目标开始：“哦，这个阶段，我要独立完成一个简单的Web应用程序，例如新闻发布系统”...
2020-07-01 10:14:06
425
原创 纵论WebAssembly.js在性能逆境下的召唤强援
webassembly的作用webassembly是一种底层的二进制数据格式和一套可以操作这种数据的JS接口的统称。我们可以认为webassembly的范畴里包含两部分 wasm: 一种体积小、加载快并且可以在Web浏览器端运行的底层二进制数据格式，并且可以由C++等语言转化而来 webassembly的操作接口：例如WebAssembly.instantiate就可以将一份wasm文件编译输出为JS能够直接调用的模块对象 打破性能瓶颈一直以来，我们都比较关心JS的运行速度问..
2020-07-01 10:11:14
396
原创 偷懒大法 用selenium做web端自动化测试
自动化入门介绍实验介绍本次实验主要介绍什么是自动化测试和自动化测试工具 selenium。然后介绍怎么安装浏览器驱动工具 webdriver，并且开发一个简单的自动化测试脚本，体会自动化测试是怎么实现的。知识点自动化测试介绍 selenium 介绍 webdriver 安装 第一个脚本开发自动化测试概念自动化测试是把以人为驱动的测试行为转化为机器执行的一种过程。其实质是写脚本或使用工具测试程序。自动化测试分类自动化测试是使用各种工具或程序代替人工测试的一种行为。只要是解除
2020-07-01 10:05:25
287
原创 nginx web 服务器泛将
服务器服务器是一种提供高效计算的机器，与普通的PC主机相比，具有可观的稳定性，高并发性，可扩展性互联网任何一个应用都是以服务器为基础设施的，没有服务器我们就无法访问网络上的任何内容，只能使用单机的应用。例如网站，我们访问的任何一个网站都是保存在某个服务器上的，域名被DNS（域名解析服务器）解析到IP地址后，浏览器就能通过IP地址访问对应的服务器资源了。就好比：服务器是人的家，人名相当于域名(不可重名)，身份证号相当于IP地址。通过人名搜索到身份证号，通过身份证号获取到家的地址。Web服务器
2020-07-01 10:02:10
164
1
原创 Web安全-泛微相关系统-历史漏洞
2019年泛微e-cology OA数据库配置信息泄漏包括不限于8.0、9.0版本/mobile/dbconfigreader.jsp2019年泛微e-cology OA系统V8、V9版本SQL注入（暂未发现公开poc）2019年泛微e-cology OA系统远程代码执行0x02 影响范围包括但不限于7.0,8.0,8.1/weaver/bsh.servlet.BshServlet/CNVD-2019-34241/mobile/browser/WorkflowCenterT
2020-07-01 09:48:23
4933
1
原创 Web发展的历史
Web标准 Tim Berners-Lee在1991年创建 HITML时，只是想利用这个技术，通过一组标签为他的全局超文本项目(称为 World Wide Web)标记科学文献。没想到，20世纪90年代中期，这个技术成为两大商业软件巨头厮杀的战场。HTML是元语言SGML(Standard GeneralizedMarkup Language，标准的通用标记语言)的一种简单的派生形式。SGML在学术机构应用了数十年，其目的是把文档和创建文档的结构一起保存起来。HTML依赖于超文本传输协议(Hyper.
2020-07-01 09:43:48
3160
原创 一个简单的静态web服务器是怎样的
根据 上一篇文章提出的原理，我们不难写出一个根据请求的URL来响应对应html网页内容的简单的静态资源web服务器。
2020-07-01 09:36:18
181
原创 Web请求响应的过程
WEB请求响应的过程简单来说，服务端接收到用户访问网站的请求时，无非就是将用户发来的请求信息进行分析（请求头+请求体）。再根据用户请求信息中内容在服务端做对应的处理后，将处理后的结果（字符串）作为响应体，再加上响应头后构建成完整的响应报文返回给客户端。如我们可以根据请求头中的URL来加载对应的文件进行响应，而这个加载对应文件的过程我们可以做成一个函数，从而可以根据请求头中URL信息来执行不同的函数进行处理。而对于处理的过程，我们可以是直接加载一个html文件后，将整个html文件中的内容作为
2020-07-01 09:27:14
994
原创 web如何测试
当我们负责web测试的时候，先了解B/S架构，然后分析如何开始执行测试，一般步骤：从功能测试，兼容测试，安全测试。功能测试：一、链接测试，链接是web应用系统的一个很重要的特征，主要是用于页面之间切换跳转：当发现页面显示内容与用户需求不一致时，就是一个bug。链接测试：测试所有链接是否按指示的那样确实链接到了该链接的页面； 测试所链接的页面是否存在； 只有输入正确的url地址才能访问1.链接是否按照既定指示那样，确实链接到了该链接的界面...
2020-07-01 09:19:09
675
1
原创 Web前端必备基础知识点分享
v今天跟新手朋友们分享Web前端必备基础知识点，希望对你们有所帮助！一、Web中的常见攻击方式1.SQL注入------常见的安全性问题。解决方案：前端页面需要校验用户的输入数据（限制用户输入的类型、范围、格式、长度），不能只靠后端去校验用户数据。一来可以提高后端处理的效率，二来可以提高后端数据的安全。后端不要动态sql语句，使用存储过程查询语句。限制用户访问数据库权限。后端接受前端的数据时要过滤一些特殊字符（如：“--”等字符）后端如果出现异常的话，要使用自定义错误页，防止用户通过
2020-06-30 14:34:56
813
原创 webpack之踩坑之旅
读书破万卷，下笔如有神；不解其中意，霸葛找上门。 -- 尽信书则不如无书上第一个bug：babelError: Plugin/Preset files are not allowed to export objects, only functions原因： babel 的版本冲突 | babel 依赖包不兼容。 "@babel/cli": "^7.10.3", "@babel/core": "^7.10.3", "@babel/plugin-transfo...
2020-06-30 14:32:57
410
原创 爬虫学习之webmagic源码解析
笔者最近发现偶然发现一个非常友好的java爬虫框架，感觉非常适合用来java代码以及爬虫知识的学习，随通过查阅网上资料以及阅读其官方手册，并且分析其源代码，学习到了非常多的有用知识，包括java开发的基本哲学，面向对象的知识，设计模式，当然最重要的还是爬虫开发的一系列知识。本篇作为源代码webmagic的开篇，主要聊一聊其框架的整体结构以及其关键的核心代码。0xo0:什么是爬虫????简单来讲，爬虫是通过程序自动的从网络上抓取特定的url并且从获得的html(通常情况下)分析出我们感兴趣的内容。也就
2020-06-30 14:28:40
415
原创 webpack 之核心概念
本质上，webpack是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个bundle。学习webpack之前需要先理解四个核心概念：入口(entry) 输出(output) loader 插件(plugins)1.入口（entry） 入口起点(entry point)指示 w..
2020-06-30 14:19:00
153
原创 webpack的入门实践，看这篇就够了
webpack的入门实践什么是webpackWeb浏览器使用HTML，CSS和JavaScript。随着项目的发展，跟踪和配置所有这些文件变得非常复杂,解决这个问题就需要一个新的工具类似webpack的工具还有Grunt和Gulp，webpack是模块管理工具，把你的项目按照你的想法进行划分模块打包，举个最简单的例子，这个页面需要加载一个a.js和b.js，但是你只想加载一个js文件，就可以使用webpack将两个文件进行合并，当然webpack的功能不止于此，代码转化、项目优化、代码分割.
2020-06-30 14:16:41
173
原创 web 基础 HTML 与 XHTML
一、HTML介绍HTML（Hyper TextMarkupLanguage）指的是超文本标记语言，是用来描述网页的一种语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，使分散的Internet资源连接为一个逻辑整体。（一）特点：简易性。超级文本标记语言版本升级采用超集方式，从而更加灵活方便。 可扩展性。超级文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超级文本标记语言采取子类元素的方式，为系统扩展带来保证。 平台无关性。虽然个人计算机大行其道，但使用MAC等其...
2020-06-30 14:04:18
405
原创 2020前端分阶段学习路线和方法
前端分阶段学习路线和方法 第一个阶段（看看能不能学走） 开发环境搭建 开发工具 vscode webstorm hbuilder 基础的计算机命令 html 常用标签（不同刻意去背） 表单 语义化 多媒体 audio video 一些常用的api 文件读取 网络状态 本地缓存 拖放 定位 Dom（重点） 自定义属性 css 基础语法 几种样式定义的区别和优先
2020-06-30 13:54:39
175
原创 小白是这样学习前端Web的
现在从事IT方向的人有很多。由于Web前端薪资水平高，职业前景广阔，岗位缺口大，就业口径宽，想通过学习Web前端开发从而进入到该行业工作的人越来越多。当然也有很多人在犹豫不知道web前端开发都学哪些内容？零基础的可以学会吗？好不好学.前端涉及到的东西太多了，自己也很浮躁，看了挺多书，可是代码缺敲得却不多。技术菜，又什么都想学，比如现在纠结要不要先学scss或者php或者angularjs,backbone等框架，还是深入学习html5+css3？在我看来前端这20%的东西大概就是常用的html标签，
2020-06-30 13:43:37
226
原创 程序员带你解析Web是什么
引言：如果你是互联网行业的人，或者稍微沾互联网一点边的人，你肯定经常听人说：‘web开发’、‘web前端’、‘web后端’等等的词语，加入你稍微去了解一下，你应该知道什么web，但应该有人还不知道，所以今天我在这里给不懂的人详细讲解一下什么web，web由哪些部分组成。申明：该文章针对有兴趣了解web，或者有兴趣学习web的同学观看，文章很基础，大神请绕路。文章如有错误，请各位同学指出。共同学习，共同进步。１、web是什么？web其实我们每一个人都接触过，也就是我们常见的网页、网站，有三种常见的
2020-06-30 11:45:51
32453
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人