摘要：
当自己的网站应用流畅运行之后，下一步您就需要让它看起来更美观生动。本文列举了21种实用的JavaScript和css库，可帮助您实现更加酷炫的效果。 1. Algolia 如果您想在自己的网站上添加具有自动完成功能的表单，那么您肯定会用到这个库。由于其精准和快捷的特点，我非常喜欢它带有的地图功能。这 阅读全文
posted @ 2020-07-19 18:24
前端一点红
阅读(212)
评论(0)
推荐(0)
摘要：
本文主要收集一些移动web开发中常见的问题和解决办法，在日常的工作中遇到新的问题会不定时更新到文章中。 屏蔽阴影： -webkit-appearance:none 亲测，可以同时屏蔽输入框怪异的内阴影，解决iOS下无法修改按钮样式，测试还发现一个小问题就是，加了上面的属性后，iOS下默认还是带有圆角 阅读全文
posted @ 2020-07-19 18:20
前端一点红
阅读(133)
评论(0)
推荐(0)
摘要：
如何在客户端利用html、或js将一个html页面嵌套在另一个页面中 1.IFrame引入 有时候需要把其他地方的页面嵌套到当前的的网站的某个模块中，就可以使用iframe嵌套 <iframe name="content_frame" marginwidth=0 marginheight=0 wid 阅读全文
posted @ 2020-07-19 18:03
前端一点红
阅读(10052)
评论(0)
推荐(0)
摘要：
一、http_load 程序非常小，解压后也不到100K。http_load以并行复用的方式运行，用以测试web服务器的吞吐量与负载。但是它不同于大多数压力测试工具，它可以以一个单一的进程运行，一般不会把客户机搞死。还可以测试HTTPS类的网站请求。下载地址：http_load-12mar2006. 阅读全文
posted @ 2020-07-19 18:02
前端一点红
阅读(1636)
评论(0)
推荐(0)
摘要：
如果你有单独的后端开发服务器 API，并且希望在同域名下发送 API 请求 ，那么代理某些 URL 会很有用。dev-server 使用了非常强大的 http-proxy-middleware 包。更多高级用法，请查阅其文档。 在 localhost:3000 上有后端服务的话，你可以这样启用代理： 阅读全文
posted @ 2020-07-19 18:00
前端一点红
阅读(540)
评论(0)
推荐(0)
摘要：
零基础开始学习web前端技术，那么没有好的书籍你怎么开始学习呢？作为一个从零开始学习web前端技术的人给大家推荐基本不错的书籍，希望对于刚刚想进入web前端的人有一定的帮助，以下就是给初学web前端最近书籍推荐。 一、《Web前端开发最佳实践》 这本书是前端开发领域的经典之作，是一本扎实前端基本功， 阅读全文
posted @ 2020-07-19 17:47
前端一点红
阅读(1414)
评论(0)
推荐(0)
摘要：
常常有类比说：人是有操作系统的。譬如我们需要构建自己的操作系统，我们都需要不断升级自己的操作系统 等等... ... 我很认同这个类比。 其实更简单一些说，人就如同一个程序，如果这个系统很烂，体验很差。那他做出来的事情，输出出来的东西，就是一团乱麻，没什么实际价值。 其实我们每个人既是一个系统，同时 阅读全文
posted @ 2020-07-19 17:45
前端一点红
阅读(354)
评论(0)
推荐(0)
摘要：
1.使用 onkeyup 事件，有 bug ，那就是在中文输入法状态下，输入汉字之后直接回车，会直接输入字母 onkeyup = "value=value.replace(/[^\d]/g,'')" 2.使用 onchange 事件，在输入内容后，只有 input 丧失焦点时才会得到结果，并不能在输 阅读全文
posted @ 2020-07-19 17:44
前端一点红
阅读(2458)
评论(0)
推荐(0)
摘要：
方法一：footer高度固定+绝对定位 html代码： <body> <header>头部</header> <main>中间内容</main> <footer>底部信息</footer> </body> css代码： *{ margin:0; padding:0; } html{ height:1 阅读全文
posted @ 2020-07-19 17:39
前端一点红
阅读(759)
评论(0)
推荐(0)
摘要：
网站制作公司数不胜数，每家公司使用域名、服务器的提供商也是不同，制作网站使用代码语言、模板、自主研发的系统都是各不相同。网站整体的设计要好，这个设计，一是指网站的代码设计，最好采用php+MySQL的形式，像目前建站比较流行的Dedecms，Wordpress，都是基于这种开源程序，兼容性比较好。而 阅读全文
posted @ 2020-07-19 17:35
前端一点红
阅读(391)
评论(0)
推荐(0)
摘要：
1.在input 或 textarea中加属性 maxlength="10" 2.js判断 function limitImport(str,num){ $(document).on('input propertychange',str,function(){ var self = $(this); 阅读全文
posted @ 2020-07-19 17:34
前端一点红
阅读(383)
评论(0)
推荐(0)
摘要：
什么是rem单位？ rem是一个灵活的、可扩展的单位，由浏览器转化像素并显示。与em单位不同，rem单位无论嵌套层级如何，都只相对于浏览器的根元素（html元素）的font-size。默认情况下，html元素的font-size为16px， rem单位都是相对于根元素html的font-size来决 阅读全文
posted @ 2020-07-19 17:32
前端一点红
阅读(3011)
评论(0)
推荐(1)
摘要：
html5+css3响应式垂直时间轴，使用了html5标签<section>，时间轴中所有的内容包括标题、简介、时间和图像都放在.cd-timeline-block的div中，多个div形成一个序列，并把这些div放在<section>中。 PC端: 移动端: html代码： <!DOCTYPE h 阅读全文
posted @ 2020-07-19 17:28
前端一点红
阅读(1428)
评论(0)
推荐(0)
摘要：
目前来说，Web业务日益复杂化和多元化，前端开发已经由以WebPage模式为主转变为以WebApp模式为主了。现在随便找个前端项目，都已经不是过去的拼个页面+搞几个jQuery插件就能完成的了。工程复杂了就会产生许多问题，比如：如何进行高效的多人协作？如何保证项目的可维护性？如何提高项目的开发质量？ 阅读全文
posted @ 2020-07-19 17:24
前端一点红
阅读(444)
评论(0)
推荐(0)
摘要：
web网页是由 html标签一层层组成的，js也可以动态添加对应的标签，比如mate标签、script标签、div标签、img标签等，动态创建的方法基本都差不多，下面将简单介绍下如何实现 一：手动添加mate标签 function addMeta(name,content){//手动添加mate标签 阅读全文
posted @ 2020-07-19 17:09
前端一点红
阅读(9899)
评论(0)
推荐(0)
摘要：
html的textarea内容显示的时候怎么换行？输入的时候换了行，但是读取出来的时候是连在一起的，要怎么才可以显示换行？ 方式一：利用pre 1、在textarea输出的div中添加如下css样式： .content { white-space: pre; } 2、利用<pre>标签来输出text 阅读全文
posted @ 2020-07-19 17:07
前端一点红
阅读(8837)
评论(0)
推荐(0)
摘要：
所有的颜色都可以由红、绿、蓝三原色调配而成。 css中用8位表示一个颜色，那么可以有28即256种颜色，所以总共可以表示256*256*256种颜色。css纵有多种颜色表示： 十六进制表示法： 可表示为：#RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。 例如 阅读全文
posted @ 2020-07-19 16:42
前端一点红
阅读(982)
评论(0)
推荐(0)
摘要：
转换是使元素改变形状、尺寸和位置的一种效果。通过 css3 转换，我们能够对元素进行移动、缩放、转动、拉长或拉伸，可以大致分为2D转换和3D转换。下面介绍的是2D转换的相关知识点。 首先，css3中2D转换的形式是这样的： 选择器{ transform：转换函数（参数，参数）； } 而2D转换的函数 阅读全文
posted @ 2020-07-19 16:39
前端一点红
阅读(192)
评论(0)
推荐(0)
摘要：
1.问题起源 在平时的业务开发写css中，为了满足页面布局，元素的浮动特性我们用的不能再多了。使用浮动的确能够解决一些布局问题，但是也带了一些副作用影响，比如，父元素高度塌陷，我们有好几种可以清除浮动的方法，最常用的就是设置父元素的overflow:hidden这个属性，每次在写代码的时候总是这样写 阅读全文
posted @ 2020-07-19 16:37
前端一点红
阅读(582)
评论(0)
推荐(0)
摘要：
1、什么是数据交互格式？ 就是客户端和服务端进行信息传输的格式（xml和json），双方约定用什么格式进行传输，然后解析得到自己想要的值 xml扩展标记语言，属于重量级（第一占宽带、第二解析难） json属于轻量级的数据交互格式（不占宽带，解析很简单） 2、xml和json优缺点 xml优点：格式统 阅读全文
posted @ 2020-07-19 16:35
前端一点红
阅读(1039)
评论(0)
推荐(0)
摘要：
一个小型的网站，比如个人网站，可以使用最简单的html静态页面就实现了，配合一些图片达到美化效果，所有的页面均存放在一个目录下，这样的网站对系统架构、性能的要求都很简单，随着互联网业务的不断丰富，网站相关的技术经过这些年的发展，已经细分到很细的方方面面，尤其对于大型网站来说，所采用的技术更是涉及面非 阅读全文
posted @ 2020-07-19 16:32
前端一点红
阅读(146)
评论(0)
推荐(0)
摘要：
1、文本框的测试 如何对文本框进行测试： a、输入正常的字母或数字; b、输入已存在的文件的名称; c、输入超长字符。例如在“名称”框中输入超过允许边界个数的字符，假设最多255个字符，尝试输入256个字符，检查程序能否正确处理; d、输入默认值，空白，空格; e、若只允许输入字母，尝试输入数字;反 阅读全文
posted @ 2020-07-19 16:29
前端一点红
阅读(685)
评论(0)
推荐(0)
摘要：
网页中二维码识别规则 当客户端发现用户在网页的img标签内进行长按操作时，会立刻截屏并且启动二维码识别算法。所以这里用于二维码识别的图片是截屏，而不是之前有人提到的img标签中的图片。 为什么要用截屏，这也是一个开发时候的思考。客户端截屏时候，可以不用考虑网络传输等因素，最快的得到识别结果，否则就需 阅读全文
posted @ 2020-07-19 16:15
前端一点红
阅读(2715)
评论(0)
推荐(0)
摘要：
语法 缩进使用soft tab（4个空格）； 嵌套的节点应该缩进； 在属性上，使用双引号，不要使用单引号； 属性名全小写，用中划线做分隔符； 不要在自动闭合标签结尾处使用斜线（html5 规范 指出他们是可选的）； 不要忽略可选的关闭标签； html5 doctype 在页面开头使用这个简单地doc 阅读全文
posted @ 2020-07-19 16:01
前端一点红
阅读(387)
评论(0)
推荐(0)
摘要：
1、一个简单的html例子看看用户信息安全 标准的html语法中，支持在form表单中使用<input></input>标签来创建一个HTTP提交的属性，现代的WEB登录中，常见的是下面这样的表单： <form action = "http://localhost:8080/Application/ 阅读全文
posted @ 2020-07-19 14:44
前端一点红
阅读(558)
评论(0)
推荐(0)
摘要：
php中使用OpenSSL生成RSA公钥私钥及进行加密解密示例（非对称加密）,php服务端与客户端交互、提供开放api时，通常需要对敏感的部分api数据传输进行数据加密，这时候rsa非对称加密就能派上用处了，下面通过一个例子来说明如何用php来实现数据的加密解密 一、公钥加密 假设一下，我找了两个数 阅读全文
posted @ 2020-07-19 00:23
前端一点红
阅读(933)
评论(0)
推荐(0)
摘要：
css 声明( Declarations ) css 声明可以为空，或者由 css 特性( property )，后加一个冒号 ":"，跟着是一个特性的值构成。中间可以有空格将它们隔开。 可用以下方式表达： property : value; 其中 property 指代的是所有 css 特性，va 阅读全文
posted @ 2020-07-19 00:10
前端一点红
阅读(241)
评论(0)
推荐(0)
摘要：
一名有前端工程师，除了掌握自身知识体系外，在业余时间也应该了解下后端的知识时间，由于前端与后端工作是最最密切相关的，多学习些后端知识对自身也是大有好处的。 1、后端语言 后端语言用来写后台的三巨头：php、JAVA、ASP.NET三门语言各有特色，php轻量级开发，适合开发论坛和bbs的后台。jav 阅读全文
posted @ 2020-07-19 00:08
前端一点红
阅读(1435)
评论(0)
推荐(0)
摘要：
如何清除图片下方出现几像素的空白间隙？ 方法1： img{display:block;} 方法2： img{vertical-align:top;} 除了top值，还可以设置为text-top | middle | bottom | text-bottom，甚至特定的<length>和<percen 阅读全文
posted @ 2020-07-19 00:07
前端一点红
阅读(403)
评论(0)
推荐(0)
浙公网安备 33010602011771号