web前端
文章平均质量分 63
K先生的守护
K先生就是我
展开
-
html简易登陆注册模板
html简易登陆注册模板 因为要做的是一个水墨中国风的博客登录界面,所以这里色调也是以水墨风为主 1、要设计界面这款界面,我首先把需要用到的html标签给写出来,暂时不考虑css样式:我们首先分析一下界面由哪些html标签 接下来我们写出这些标签,html>head>meta charset="UTF-8">title>html登录模板title>head>body>原创 2018-01-27 17:53:17 · 37493 阅读 · 42 评论 -
css垂直居中最常用的七种布局方法(入门级)
自从做前端之后,每天面对的都是对齐、居中这些字眼,每次还原设计稿的时候,也都是想起来什么就用什么,没有一个清晰的思路。为了更好的学习,现在将css常见的七中垂直居中布局方案梳理一下,同样这也是面试常被问到的知识点哦。先放一张效果图,这是用7种不同的方法实现的垂直居中。接着放实现这张效果图的全部代码。<!DOCTYPE html><html> <head&g...原创 2019-07-08 16:05:27 · 3528 阅读 · 0 评论 -
Uncaught TypeError: Cannot read property 'split' of undefined这个问题应该这样解决
今天写js遇到了一个小问题,苦恼了我一个多小时,不过好在没有浪费更多的时间,也算是很快就解决了。问题是这样产生的,我用jQuery遍历了ul标签下的li下的超链接的值,然后我用split来切割获取到的超链接,(比如我获取到的超链接值是2.html,那我需要获取到2),然后问题就出现了。问题 :Uncaught TypeError: Cannot read property ‘split’ of ...原创 2019-02-18 21:52:36 · 97941 阅读 · 7 评论 -
jQuery实现的上下滚动公告栏
之前做项目的时候,一直都想着做一个上下滚动的公告栏,作为展示网站的最新公告信息,因为刚开始自己的思路并不是太清晰,在网上找了很多的源码,但是却发现都不能让自己满意,有的还会出现一些小问题,比如,有时候公告上下滚动的时候,两条公告会重叠在一起。最后我还是决定自己写一个上下滚动的公告栏。jQuery实现上下滚动公告栏原理虽然在网上找的有些代码有时候会出现一些问题,但是思路咱还是可以借鉴一下的。我...原创 2018-11-20 15:49:02 · 1984 阅读 · 1 评论 -
Bootstrap4使用教程
本篇文章写给那些第一次接触Bootstrap框架的学习者,这篇文章将从最基础最基础的Bootstrap下载开始。对Bootstrap有使用经验的同学可以忽略本篇文章。Bootstrap下载可以自行百度Bootstrap下载,也可以直接通过此链接http://www.bootcss.com/进入Bootstrap中文网下载Bootstrap文件。进入Bootstrap中文网之后点击Bootst...原创 2018-11-15 16:48:50 · 10235 阅读 · 8 评论 -
wangEditor3富文本编辑器的简单使用
wangEditor是基于javascript和css开发的 Web富文本编辑器, 轻量、简洁、易用、开源免费。博主个人认为这款富文本编辑器很好用。简单、上手快、功能还可以。一、wangEditor的下载wangEditor官网:http://www.wangeditor.com/ 官方在线开发文档:https://www.kancloud.cn/wangfupeng/wangedi...原创 2018-07-23 15:16:13 · 5850 阅读 · 2 评论 -
网站怎么添加ico小图标
ico图标是作为浏览器首段图标显示,还可以在收藏夹内收藏内容的前段显示小图标。一个好的ico网站图标,在用户浏览中也起到很大的作用,不仅能展示品牌,还会给人一种大气、正式的感觉,用户体验较好。如下图: 1、要想给网站添加图标,我们首先需要准备一张ico图片。这个图标我们可以自己设计,也可以在网上找。它的尺寸一般为16x16或者32x32。 2、我们把图片命名为favicon.ico,记住后...原创 2018-05-23 10:00:13 · 8547 阅读 · 1 评论 -
Bootstrap4响应式布局之栅格系统
在Bootstrap4框架中为我提供了栅格系统来编写响应式布局。栅格系统是基于一个12列、有5种响应尺寸(对应不同的屏幕)的布局。Bootstrap4栅格系统共有五个类:.col- 针对所有设备 .col-sm- 平板 - 屏幕宽度等于或大于 576px .col-md- 桌面显示器 - 屏幕宽度等于或大于 768px) .col-lg- 大桌面显示器 - 屏幕宽度等于或大于 99...原创 2018-04-06 10:10:04 · 11063 阅读 · 2 评论 -
超链接(按钮)点击变色,原来的恢复原色
网页超链接(按钮)点击变色,原来的恢复原色,这里所说的并不是利用css的link、hover、active所实现的,而是利用一小段js代码实现的。实现的效果为:我们看电影的时候,我们点击哪一集的链接,那么这个链接就会唯一变色,并且不会像css中的active失去焦点后恢复原色,能实时显示当前用户观看的电影集数。原理:先定义一个变量t用来记录用户上一次点击的超链接id,当用户点击超链接的时候,会...转载 2018-04-03 09:09:33 · 16662 阅读 · 0 评论 -
javascript控制文本显示一行半,超出显示省略号
在前端开发过程中,我们经常会遇到控制文本显示一行或两行,超出显示省略号的需求,这个实现也非常简单,用css简单几行代码就搞定了。但是需求无处不在,现在需要将文本控制为一行半或者两行半,这个貌似单纯用css是无法实现的,所以自己只能用js来实现了。javascript控制文本显示一行半,超出显示省略号<script type="text/javascript"> var dom...原创 2019-07-09 10:50:50 · 3423 阅读 · 12 评论