普通网友-CSDN博客

原创 web开发网上培训，jquery上传图片预览

Bootstrap 提供了一套响应式、移动设备优先的流式栅格系统，随着屏幕或视口（viewport）尺寸的增加，系统会自动分为最多12列。它包含了易于使用的预定义类，还有强大的mixin 用于生成更具语义的布局简介栅格系统用于通过一系列的行（row）与列（column）的组合来创建页面布局，你的内容就可以放入这些创建好的布局中。下面就介绍一下 Bootstrap 栅格系统的工作原理：“行（row）”必须包含在 .container （固定宽度）或 .container-

2021-07-24 13:45:34 104

原创 web开发经典，jquery修改style属性display

定义字体的各个属性，可以让页面板式变得更好看。字体样式包括字体类型、大小、颜色基本效果，另外还包括一些特殊的样式，如字体粗细、下划线、斜体、大小写样式等。一、定义字体类型font-family 属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。语法：1、font-family``:name;name：表示字体名称，可以使用多种字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。** 常用技巧：**1. 现在网页中普遍使用14px+。

2021-07-24 13:44:52 1783

原创 web开发练习，html5自学需要多久

随着我们网站用户的增多，我们会逐渐意识到HTTPS加密的重要性。在不修改现有代码的情况下，要从HTTP升级到HTTPS，让Nginx支持HTTPS是个很好的选择。今天我们来讲下如何从Nginx入手，从HTTP升级到HTTPS，同时支持静态网站和SpringBoot应用，希望对大家有所帮助！生成SSL自签名证书虽然自签名证书浏览器认为并不是安全的，但是学习下SSL证书的生成还是很有必要的！首先创建SSL证书私钥，期间需要输入两次用户名和密码，生成文件为blog.key；openssl&nb.

2021-07-24 13:44:10 234 1

原创 web开发练习，css块级元素和行内元素切换

架构流程架构设计老板发红包，此时缓存初始化红包个数，红包金额(单位分)，并异步入库。抢红包，判断缓存剩余红包金额，剩余金额大于零则抢到红包，否则手慢了，红包派完了拆红包，根据 redPacketId 获取分布式锁，如果获取到锁，红包个数减一，如果剩余红包个数大于零抢红包成功、否则失败。成功则计算红包金额，缓存总红包金额减去抢到的红包金额，异步入库、异步到账。若获取分布式锁失败，使用 Redis的 decr命令对红包个数加一。数据库设计

2021-07-24 13:43:28 94

原创 web开发环节，阿里前端工资多少

学习路线第一阶段：网页制作HTML：常用标签，锚点，列表标签，表单标签，表格标签，标签分类，标签语义化，注释，字符实体CSS：CSS介绍，全局样式，行内样式，内联样式，选择器，字体样式值，文本样式值，颜色样式值，盒模型，控制台使用，清除默认样式，盒模型居中，外部距塌陷，标准文档流，块元素，行内元素，行内块元素，多种伪类元素，浮动，定位第二阶段：JavaScript动态交互JavaScript初阶：变量与运算符，逻辑控制，Math类，函数，Object类，定时器，Array类，String类

2021-07-24 13:42:46 649

原创 web开发环节，web安全基础教程

1. 前言大家都知道，Postman是一个非常受欢迎的API接口调试工具，提供有Chrome扩展插件版和独立的APP，不过它的很多高级功能都需要付费才能使用。如果你连Postman都还没有用过，不妨可以先体验一番。Postman官网：https://www.getpostman.com/PS: 由于2018年初Chrome停止对Chrome应用程序的支持，你的P****ostman插件可能无法正常使用了，在这里建议大家直接下载它的应用程序进行使用。虽然Postman作为一款接口调试工具，算是

2021-07-24 13:42:03 203 2

原创 web开发环节，css垂直水平居中怎么设置

前言此 blog-react-admin 项目是基于蚂蚁金服开源的 ant design pro之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源。效果预览开箱即用的中台前端 / 设计解决方案。Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的

2021-07-24 13:40:36 111

原创 web开发环境，网页前端开发实战

需要289页前端初中级前端面试题，请直接滑到文末获取1、ant-design的使用总结及常用组件和他们的基本用法?ant-design为React，Angular和Vue都提供了组件，同时为PC和移动端提供了常用的基础组件。ant-design提供的demo非常的丰富并且样式能够基本的覆盖开发需求。antd的Demo因为是多人编写的，所以可以看到不同样式的实现都有，可以很好的满足不同开发的风格。常用的组件有：Button，Form，Radio，Select，TimePicker，Upload，Ta.

2021-07-24 13:39:54 417

原创 web开发环境，开发web前端工程师

一、首先本职工作一定要做好做精本人之前在干兼职的时候，也忽视过本职工作，从而导致自己落后平均技术水平，虽然之后迎头赶上，但这不能不算是个遗憾。前在接一些活的时候就感觉技术的重要性了，如果当年我技术再好些，可能还有机会进BAT，这样现在的技术或许更精，更能接些技术含量好，同时也是挣钱效率高的活，比如录高深技术的视频。打个不恰当的比方，比如有些人在初中毕业后就去挣钱，与之相比，一些上高中上大学甚至上研究生的人在这阶段收入很少，那个时候的我可能就像初中毕业的打工者，在没做精本职工作、忽视技术挣兼职钱的时候还沾

2021-07-24 13:39:10 127

原创 web开发在线，CSS定位

阿里中间件高级技术专家钟华、高级技术专家泠茗、中间件技术专家玄难，在公开分享和访谈中提到阿里技术中台建设实践，包括：技术中台、移动中台、业务数据双中台、研发中台、组织中台等等。本文整理了其中的PPT精华部分进行讲解，供大家学习参考。阿里技术中台（图片来源：阿里技术参考图册）技术中台，就是将使用云或其他基础设施的能力，以及应用各种技术中间件的能力，进行整合和包装。过滤掉技术细节，提供简单一致、易于使用的应用技术基础设施的能力接口，助力前台和业务中台数据中台的快速建设。阿里的技术中台

2021-07-23 13:28:15 112

原创 web开发在线培训，CSS清除默认样式

一、Spring Cloud微服务概念定义提起微服务，不得不提 Spring Cloud 全家桶系列，Spring Cloud 是一个服务治理平台，是若干个框架的集合，提供了全套的分布式系统解决方案。包含了：服务注册与发现、配置中心、服务网关、智能路由、负载均衡、断路器、监控跟踪、分布式消息队列等等。Spring Cloud 通过 Spring Boot 风格的封装，屏蔽掉了复杂的配置和实现原理，最终给开发者留出了一套简单易懂、容易部署的分布式系统开发工具包。开发者可以快速的启动服务或构建应用、同时能够

2021-07-23 13:27:33 66

原创 web开发在线培训，CSS浮动实战

一、简历的准备简历制作是很重要的一个环节，一份好的简历会给面试官留下很不错的印象，也有助于你顺利通过简历筛选环节。个人基本信息：主要是姓名，联系方式，邮箱，学历等；技术技能：对了解、熟练掌握、精通这类词有概念，不要随便用精通；因为面试官一般会根据简历内容进行提问。项目经历：不写对求职无用项目经历、做的最好的项目 2 ~ 3 个即可，有数据支撑；工作经历：简略概述名称、在职时间、职位以及主要负责业务，也可以和项目经历结合起来写；注意事项：突出亮点：如开源项目、大厂背景、知名项目、个人博客、

2021-07-23 13:26:50 60

原创 web开发员工培训，成功拿到了字节跳动、腾讯大厂offer

前言此 blog-react-admin 项目是基于蚂蚁金服开源的 ant design pro之上，用 react 全家桶 + Ant Design 的进行再次开发的，项目已经开源。效果预览开箱即用的中台前端 / 设计解决方案。Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的

2021-07-23 13:26:06 173

原创 web开发员工培训，CSS浮动实战

React 官网介绍了 Hook 的这样一个限制：不要在循环，条件或嵌套函数中调用 Hook，确保总是在你的 React 函数的最顶层以及任何 return 之前调用他们。遵守这条规则，你就能确保 Hook 在每一次渲染中都按照同样的顺序被调用。这让 React 能够在多次的 useState 和 useEffect 调用之间保持 hook 状态的正确。(如果你对此感到好奇，我们在下面会有更深入的解释。)这个限制在开发中也确实会时常影响到我们的开发体验，比如函数组件中出现 if 语句提前 retu

2021-07-23 13:25:24 64

原创 web开发发展趋势，html实体字符

正文怪现象一：谁都可以指手画脚的前端开发我职业生涯很长一段时间都在做前端开发，我也做过后端开发，两者一对比，给我影响最深的不是技术差异，而是——前端开发者听到的『需求修改意见』要比后端多得多。后端这东西，毕竟是藏在后面的，外行不懂就是不懂，装不出来，他们也不好自取其辱乱比划，但是，前端嘛……谁都能看得见，没吃过猪肉还没见过猪跑，所以，谁都可以指手画脚提一点意见。只看得见界面的产品经理可以提一些意见。项目经理可以有一些意见。啥也不懂的老板也可以提一些意见。甚至连后端都可以来提一些意见。……正

2021-07-23 13:24:42 77

原创 web开发发展前景，一个合格的初级前端工程师需要掌握的模块笔记

**一、**背景颜色 background-color属性名：background-color作用：在盒子区域添加背景颜色的修饰加载区域：在 border 及以内加载背景颜色属性值：颜色名、颜色值<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in

2021-07-23 13:24:01 121

原创 web开发发展前景，HTML常用的五种标签

HTML常用标签之列表标签列表标签的用途，就是用于编排短语句的文字。1.无序列表在无序列表中，各个列表项之间没有顺序级别之分，它通常使用一个项目符号作为每个列表项的前缀。设置无序列表的类型—type无序列表的默认符号是圆点（● ）。元素有type属性，通过定义不同的type属性可以改变列表的项目符号。目前，type属性的属性值有：disc(圆●)、circle（圆圈○ ）、square（方块■ ）定义无序列表要用标签与标签，例如下：网页显示如下2.有序列表有序列表中的项目采用数字

2021-07-23 13:23:18 157

原创 web开发发展前景，CSS全局样式的设置

大家都有用过各种类型的浏览器，每种浏览器都有自己的特色，本人拙见，在我用过的浏览器当中，我是最喜欢Chrome的，因为它对于调试脚本及前端设计调试都有它比其它浏览器有过之而无不及的地方。可能大家对console.log会有一定的了解，心里难免会想调试的时候用alert不就行了，干嘛还要用console.log这么一长串的字符串来替代alert输出信息呢，下面我就介绍一些调试的入门技巧，让你爱上console.log先的简单介绍一下chrome的控制台，打开chrome浏览器，按f12就可以轻松的打开控制台

2021-07-23 13:22:36 142

原创 web开发发展前景，289页初中级前端题助你拿下Offer

字节面试题分享，了解校招，还有前端校招面试题分享，不容错过。字节跳动（校招）一面：TCP、UDP是什么，区别，应用什么是字节流，什么是数据报TCP为啥可靠超时重传、累计确认的过程HTTP跟TCP的联系http通信过程http头部字段，平时在项目中有应用过吗，具体说一说Cookie、localStorage、sessionStorage用过吗？说一说他们的联系区别与应用每次请求都会带cookie吗？什么时候会带cookie维持登录态是怎么做到的你用cookie干过什么cook.

2021-07-23 13:21:51 198

原创 web开发技术，261页前端面试题宝典

一、公务员都不要35岁以上的，何况大公司这让很多人感到惶恐，现在职场上有一种现象：很多用人单位会在招聘信息上明确标注，年龄需在35岁以下。为什么有经验、有人脉的职场中年人会如此遭“嫌弃”呢？首先，思想落后。日新月异的时代需要不断进步的人，而不是守着自己那点老经验的“职场前辈”。的确，现在很多职场人无论年龄多大，一直追随着时代的脚步，坚持做一个“老顽童”。但又有多少人，放弃了对新时代的探索，固守自己的老思想，成为一个名副其实的老油条。再次，家庭牵绊。人到中年，基本都有爱人和孩子，工作成为你生活中的一

2021-07-22 18:00:42 98

原创 web开发技术培训学校，html的常用标签

第一章 HTML1.浏览器页面有哪三层构成，分别是什么，作用是什么?2.HTML5的优点与缺点？3.Doctype作用? 严格模式与混杂模式如何区分？它们有何意义?4.HTML5有哪些新特性、移除了哪些元素？5.你做的网页在哪些浏览器测试过,这些浏览器的内核分别是什么?6.每个HTML文件里开头都有个很重要的东西，Doctype，知道这是干什么的吗？7.说说你对HTML5认识?（是什么,为什么）8.对WEB标准以及W3C的理解与认识?9.HTML5行内元素有哪些,块级元素有哪些, 空元素有

2021-07-22 17:59:59 162

原创 web开发技术发展，JavaScript的常用内置函数

CSS中三种最基本的选择器：标签选择器类选择器ID选择器标签选择器一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明这些标签的，因为每一个 HTML 标签的名称都可以作为相应的标签选择器的名称。示例：下面是一段html代码：<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>CSS学习</title&gt

2021-07-22 17:59:17 59

原创 web开发技术发展，CSS字体样式的使用

CSS中三种最基本的选择器：标签选择器类选择器ID选择器标签选择器一个 HTML 页面是通过很多标签组成的，CSS 标签选择器就是用来声明这些标签的，因为每一个 HTML 标签的名称都可以作为相应的标签选择器的名称。示例：下面是一段html代码：<!DOCTYPE><html> <head> <meta charset="utf-8"> <title>CSS学习</title&gt

2021-07-22 17:58:34 79

原创 web开发成品，8个优秀的CSS实践

html、css基础1，link和@import的区别？从属关系区别：link属于html标签，而@import是css提供的。加载顺序区别：页面被加载时，link会同时被加载，而@import引用的css会等到页面被加载完再加载。兼容性区别：import只在IE5以上才能识别，而link是html标签，无兼容问题。dom可操作性区别：可以通过JS 操作 DOM ，插入link标签来改变样式；由于 DOM 方法是基于文档的，无法使用@import的方式插入样式；权重区

2021-07-22 17:57:52 434

原创 web开发平台，HTML表格标签

前言：在mysql中设计表的时候,mysql官方推荐不要使用uuid或者不连续不重复的雪花id(long形且唯一),而是推荐连续自增的主键id,官方的推荐是auto_increment,那么为什么不建议采用uuid,使用uuid究竟有什么坏处？本篇博客我们就来分析这个问题,探讨一下内部的原因。一：mysql和程序实例1.1：要说明这个问题,我们首先来建立三张表,分别是user_auto_key,user_uuid,user_random_key,分别表示自动增长的主键,uuid作为主键,随机key作为主

2021-07-22 17:57:10 66

原创 web开发平台，CSS块元素

浮动元素脱离文档流使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在该元素的周围。<pre style="margin: 0px; padding: 0px; overflow: auto; overflow-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"><!DOCTYPE

2021-07-22 17:56:26 64

原创 web开发平台有哪些，可能是目前最全的《前端校招面试题及解析》

一、公务员都不要35岁以上的，何况大公司这让很多人感到惶恐，现在职场上有一种现象：很多用人单位会在招聘信息上明确标注，年龄需在35岁以下。为什么有经验、有人脉的职场中年人会如此遭“嫌弃”呢？首先，思想落后。日新月异的时代需要不断进步的人，而不是守着自己那点老经验的“职场前辈”。的确，现在很多职场人无论年龄多大，一直追随着时代的脚步，坚持做一个“老顽童”。但又有多少人，放弃了对新时代的探索，固守自己的老思想，成为一个名副其实的老油条。再次，家庭牵绊。人到中年，基本都有爱人和孩子，工作成为你生活中的一

2021-07-22 17:55:44 100

原创 web开发常用工具类，CSS的标准文档流

对于很多没有学历优势的人来说，面试大厂是非常困难的，大多数的人毕业只找到一个名不经传的小公司过着三点一线的生活，我也是一样，直到生活上的变故，才让我有了新的想法和目标，因此我这个二本渣渣也奋斗了起来，竟拿下了字节P6岗。今天分享这波面经，主要是希望能够激励到同样被学历所困扰的技术人，能够对职业生涯和技术规划有一个参考价值，感谢！一面（一小时二十分钟）一面是一个电话面试，下午6点左右特地找了一个地方电话面试，6点准时电话就过来了，不得不说，这方面还是专业的，时间有点远了，依稀记得一些题目。。。一面：

2021-07-22 17:55:02 74 1

空空如也

空空如也