-
--Web移动端商城移动端商城手机网站html整套模板,web移动商城仿app手机模板下载。原生的js和jquery-1.6.2.min.js,页面才有html5自适应。包括首页(轮播,导航)、兼职(视频,图文话题,申请)、优惠(商家,优惠卷)、美食(购物车,结算,地址)我的(登 ...
-
PoPo数据可视化 聚焦于Web数据可视化领域, 发现前端可视化领域有意思的内容. 涵盖前端可视化领域最新资讯, 开源可视化库的发布更新消息, 可视化案例分析与讲解, 可视化技术文章, 可视化大神的日常, 可视化八卦等等...不想错过前端可视化领域的精彩内容, 就快快关注 ...
2018年09月03日 00:0011
-
一:angular动态绑定样式举个栗子:<tr *ngFor="let dataTr of tableData;let i = index" [formGroupName]="i" [ngClass]='isHideClass ...
2018年09月02日 20:001
-
加载并全屏轮播加载的其他网站的页面一、 设计思路1、使用iframe标签加载其他网站页面2、通过js替换iframe的加载链接3、通过js的定时器实现轮播4、通过js实现全屏二、代码小解1、加载页面 <iframe src=& ...
2018年09月02日 14:000
-
html常识什么是HTMLhtyper text markup language 即超文本标记语言超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。标记语言: 标记(标签)构成的语言.网页==HTML文档,由浏览器解析,用来展示的静态网页:静态的资源,如 ...
-
按照显示元素分类:行内元素(lnline-element):元素的高度,行高,顶底边距由元素所包含的图片或文字所决定,不可改变;其宽度为内容文字或图片的宽度所决定,而其左右边距可人为设置。 行内元素的水平方向的padding-left,padding-right,margin ...
-
经过对前端技术的学习,感触良多,虽然之前也接触过前端的知识,但是没有进行系统的学习过,在大三上学期学过h5和简单的css,老师也没有深度讲解,知识也没有形成体系,经过一段时间的学习,有以下感触与大家分享:整个前端知识就像一座房子,而Html是砖,建一个网页,里面有很多砖(html ...
-
机动车行驶证PSD模板下载地址:仅供参考学习使用!切勿当作驾驶证使用!造成的一切后果概不负责!!详细参数:格式:PSD 模式:RGB 体积:压缩前:49M,压缩后:34M打包方式:压缩包,内含附件:所有用到字体+PSD文件+说明文档机动车行驶证PSD模板下载地址: ...
2018年08月31日 19:00490
-
源码可以到GitHub上下载!sessionStorage: 关闭浏览器再打开将不保存数据 复制标签页会连同sessionStorage数据一同复制 复制链接地址打开网页不会复制seessionStorage内的数据 清除缓存加载当前页对页面无影响 ...
-
写在前面作为一个刚步入职场工作的新人,对于公司中所用的技术和框架基本上不懂,只能从最基础的开始做起,进入公司接触的第一个框架就是前端框架Vue.js,几个功能做下来,觉得Vue.js首先学习起来真的非常简单,用起来也是非常的方便,通过尽可能简单的 API 实现响应的数据绑定和组合 ...
2018年08月31日 18:003
-
地址: 加载新的文档。 window.location.assign("http://www.baidu.com"); 用 ...
2018年08月31日 17:003
-
css codeform#reset_password ul { list-style: none; margin: 0 0 20px 200px; padding: 0;}form#reset_password ul li:first-child { display: inli ...
-
由于总是忘记表单的类的作用,故边用边记录下来,持续更新form-control添加在<input>中,为表单控件增加样式 control-label添加在<label>中,文本右对齐 form-group控制整个表单中的元素获取最佳间距,表单本身也 ...
2018年08月31日 14:001
-
盒子模型是CSS中很重要的概念,它涉及到的无非就是内容(content)、填充(padding)、边框(border)、边界(margin)。但是从上两张图可以看出,盒子模型其实有两种类型:标准盒模型和IE盒模型。标准盒模型box-sizing: content-box;标准盒模 ...
-
前端开发者很容易暴露自己的请求地址和参数,我们都知道,一个h5页面,按 F12 是可以看到页面的源码的,所以经常很多人会利用这一点恶意调取别人的接口。 我们公司出现了好多次短信接口被大量调用,导致一天发了几万条短信,正常来说一天就几百条,这期间浪费了那么多条短信。今天,我又发现 ...
2018年08月30日 23:028
-
最近在回顾html的时候,经常碰到一些table标签的问题,其中大多数都是合并单元格,所以在这里记录下自己的探究过程: 1 <table cellpadding="0" cellspacing="0" border="1&q ...
2018年08月30日 18:003
-
html与html被设计用来显示数据,其焦点是数据的外观。html所有标签都是预先定义好的。数据存储,配置文件,数据传输文档声明:必需写在文档的第一行写法:<?属性:version:版本号,固定1.0;encoding:指定文档码表,默认utf-8;standalone:指 ...
-
<a></a>超链接标签:a标签有个target属性,<a href="#" target = "_self">在当前选项卡中进行跳转,也就是不建立新页面。target的默认属性就是_self。targe ...
-
CSS介绍CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。CSS实例每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束 ...
-
前言:前端小白一枚,刚注册博客,先发个学习过程中新碰到小问题试试水吧~摘要:最近在学习bootstrap,偶然碰到了一个小问题,bootstrap网站也没有做过多的解释,今天分享给大家。问题描述:使用bootstrap的dropdown部件,打开网页后点击dropdown,报了如 ...
2018年08月30日 00:001
-
在项目中,常常遇到一些问题,可以通过CSS来快速解决,比如受到布局影响会导致内容溢出,这个时候就可以使用CSS换行解决 自动换行: { word-wrap:break-word; } 强制不换行: { white-space:now ...
-
目的:为了提高工作效率,便于后台人员添加功能及前端后期优化维护,输出高质量的文档,在网站建设中,使结构更加清晰,代码简明有序,有一个更好的前端架构。基本准则:符合web标准,使用具有语义的标签,使结构、表现、行为分离,兼容性优良。页面性能优化,代码简洁、明了、有序,尽可能的减少服 ...
-
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <title>事件冒泡- ...
2018年08月29日 16:007
-
本文翻译自:https://www.sitepoint.com/practical-guide-css-variables-custom-properties/转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。Sass和Less这样的预处理 ...
-
最近有用到ECharts做可视化报表,小结一下一、准备数据 1.官网下载echarts.min.js 2.引入jquery.js 3.请求用的json数据{ "list":[ { "department":"和平区 ...
2018年08月29日 11:001
-
前言:在了解HTML之前先简约概述一下web的服务本质Web服务本质 浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面HTML是什么?超文本标记 ...
-
bootstrap简洁、直观、强悍的前端开发框架,让web开发更迅速、简单。 在这篇文章中,我们已经编制了5款最好的 Bootstrap 4.0 主题模板清单,让您可以用在下一个项目中,我们希望你能找到有用的。这些主题包含了所有必要的 HTML 和 CSS 为基础的设计模板的版 ...
2018年08月29日 02:004
-
ps:由于公司网站配置的测试环境被百度爬虫抓取,干扰了线上正常环境的使用,刚好看到每次搜索淘宝时,都会有一句由于robots.txt文件存在限制指令无法提供内容描述,于是便去学习了一波 1.原来一般来说搜索引擎爬取网站时都会,先读取下robots.txt文件,并依照里面所设定 ...
-
1 //index.js 2 Page({ 3 data: { 4 5 }, 6 //点击支付按钮进行支付 7 payclick: function () { 8 var t = this; 9 wx.login({10 //获取code换取openID11 suc ...
-
1 //index.js 2 Page({ 3 data: { 4 5 }, 6 //点击支付按钮进行支付 7 payclick: function () { 8 var t = this; 9 wx.login({10 //获取code换取openID11 suc ...
-
因为下个项目中要用到一些倒计时的功能,所以就提前准备了一下,省的到时候出现一下界面不友好和一些其他的事情。正好趁着这个机会也加深一下html5中的多线程worker的用法和理解。Worker简介 JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在 ...
2018年08月28日 16:001
-
GIF:1:256色2: 无损,编辑 保存时候,不会损失。3:支持简单动画。4:支持boolean透明,也就是要么完全透明,要么不透明JPEG:1:millions of colors2: 有损压缩, 意味着每次编辑都会失去质量。3:不支持透明。4:适合照片,实际上很多相机使用的 ...
2018年08月28日 12:000
-
在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题. 后来在form 中添加:onsubmit="return false;"问题终于解决。<fo ...
2018年08月27日 19:004
-
w<button class='niu'>123123</button>cssniu::after{ border:none;} ...
-
import React, { Component } from 'react';import '../assets/css/App.css';import '../assets/css/Myone.css';import ' ...
2018年08月27日 13:003
-
假链接,其实就是指向当前页面的一个链接,他具有链接的样式,但不会跳转。有时候在写前端页面的时候,没有后台的数据,我们的链接指向就成问题。因为你不知道要指向哪里,这时候就可以给他设置一个假链接,等到后台代码开发出来,再重新改过来。 假链接有两种形式,<a href =&qu ...
2018年08月27日 09:004
-
我之前因为项目用bootstrap比较多,所以使用font awesome字体图标比较多,后来接触到了iconfont,发现想要的什么图标都有,还可以自定义图标,非常强大!之前看了一波教程,觉得繁琐,自己弄明白后感觉如此简单,做了这么个简单教程,直接上图,简单粗暴,避免新手走弯路 ...
2018年08月27日 00:001
-
WebSocket是单个TCP连接上进行全双工通信的协议 在WebSocket的API中,客户端与服务器只需要进行一次握手就可以保持持久的连接,并可以双向传输数据 与HTTP不同的是,WebSocket需要先创建连接,连 ...
-
居中在前端布局上很常见,也很常用,也是最基本的技巧。居中效果在方向控制上基本可以分解成水平居中,垂直居中和水平垂直居中。 针对调整的元素不同,具体的处理方式上有些差异。这里我们先不讲绝对定位下的居中,绝对定位下的居中方法很多,变化也多。下面讲的都是非绝对定位下的方法,原则上有两 ...
-
【问题来源】 今天做单次倒计时,利用JS更改了button样式之后,再次点击时,发现hover效果消失。 原因: CSS的优先级问题导致【解决方法】 利用!important提高hover的优先级 button:hover { background:# ...
2018年08月26日 12:037
-
Css随堂笔记(三)1 关于背景图片 A 设置背景图片:background-image:url(“图片的路径”); B 背景图片位置: background-position:1 方位名词 背景位置: ...
-
第一天总结:h1-h6 p 段落 hr br有序 ol li 无序 ul li 定义列表 dl dt dd块级元素:独占一行,h1-h6 p hr div行内元素:共占一行, em和i strong和b u del和s span块级分区元素:div header nav arti ...
-
Html学习笔记1特殊符号:html中对换行缩进空格不敏感,都只会解析成一个空格空格: < : <> :$gt;版权符号:&copy; 表格:1 表示表格:table表示表格tr:表示行td:单元格 ...
-
xhtml中隐藏滚动条在用ie6浏览有框架的xhtml页面的时候,默认会水平和垂直滚动条会一起出现,这是ie6的一个bug,在firefox上是正常的,出现的原因是其对XHTML 1.0 transitional doctype的解释缺陷.对于这个bug一般有3种解决方案,方法1 ...
-
孔子说:“温故而知新,可以为师矣。”这几天参加了一个免费的前端课,每天晚上都有直播,讲解一个独立的案例。在听前端基础的时候,发现自己有不少东西没学会,平时在学校虽说html也写了不少,但有好大一部分都被忽略掉了。就在刚才看了一个基础案例,很是有共鸣,一个简单的轮播图,牵扯到的东西 ...
-
很早之前就学过了弹性盒子,就感觉自己什么都学会了,没想到到了实际的运用过程中,其实并不是那么一回事,自己根本想不到会用到哪些属性,该怎么使用。 这一次就只把我使用过程中遇到的一些坑来总结一下。 使用弹性盒子的情况还是需要去看布局的,这个属性使用起来非常爽,不需要考虑那么多,直 ...
2018年08月24日 19:003
-
<img src="../images/bg1.jpg" alt="" /> img { /*等宽缩小不变形*/ /*width: 100%;*/ /*二选一*/ /*等高缩小不变形*/ height: 1 ...
-
表格展示神器之一:layui表格前言:在写后台管理系统中使用最多的就是表格数据展示了,使用表格组件能提高大量的开发效率,目前主流的数据表格组件有bootstrap table、layui table、easyUI table等.... 博主个人比较倾向于layui,layui ...
-
tr表示行,td表示列,th其实也是表示列但是在这个标签中的文字会以粗体出现<th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfo ...
2018年08月24日 15:011
-
添加padding-right:1em; ...
-
inline:此元素会被显示为内联元素,元素前后没有换行符。因此:无法设置宽度和高度~inline-block:行内块元素。元素前后没有换行符(CSS2.1 新增的值)用通俗的话讲,就是不独占一行的块级元素。然后拥有块级元素的属性,可以设置宽度和高度。line-height:对于 ...
-
beginPath的作用很简单,就是开始一段新的路径,但在使用canvas绘图的过程中却非常重要先来看一小段代码:var ctx=document.getElementById("canvas").getContext("2d"); ctx ...
-
@charset "UTF-8";/*!Animate.css - under the MIT license - (c) 2015 Daniel Eden*/.animated { -webkit-animation-duration: 1s; animat ...
-
瀑布流又称瀑布流式布局,是比较流行的一种网站页面布局方式。视觉表现为参差不齐的多栏布局,最早采用此布局的是网站是 Pinterest,后逐渐在国内流行。瀑布流布局效果 即多行等宽元素排列,后面的元素依次添加到其后,等宽不等高,根据图片原比例缩放直至宽度达到我们的要求,依次按照 ...
2018年08月23日 14:0013
-
引用父选择器需要用到“&”符号&运算符表示嵌套规则的父选择器,并且在修改类或伪类选择器的应用中非常普遍ul{ li{ &:nth-child(2) a { color: red; &:hover { color: yellow; } } }}//编 ...
2018年08月23日 13:002
-
开发网页的时候,有时候会遇到大段的隐私声明,用户协议等等,我们呀要复制粘贴展示出来,必须加大量的p标签,h1,h2,空格符,br标签,这对我们来说无疑是泪崩的,有个很好的办法,可以快速给这些文字加标签:找一个富文本编辑器,比如自己公司测试服务器上后台文章发布系统之类的,把这些文字 ...
-
CSS权重CSS权重指的是样式的优先级,有两条或多条样式作用于一个元素,权重高的那条样式对元素起作用,权重相同的,后写的样式会覆盖前面写的样式。权重的等级可以把样式的应用方式分为几个等级,按照等级来计算权重1、!important,加在样式属性值后,权重值为 100002、内联样 ...
-
很多人不明白这个display:flex是到底是什么东西,如何使用的 。1.什么是display:flex呢?答:flex是 flexible box的缩写,意为弹性布局 ;这个东西的引入,为盒模型提供了最大的灵活性!可以相应式的实现各种页面的布局。 基本概念采用 ...
2018年08月22日 22:001
-
1.css基本语法及页面引用css基本语法css的定义方法是:选择器 { 属性:值; 属性:值; 属性:值;}选择器是将样式和页面元素关联起来的名称,属性是希望设置的样式属性每个属性有一个或多个值。代码示例:div{ width:100px; height:100px; colo ...
-
less中声明的变量可以存储css属性值,还可以存储选择器,属性名,url以及@imporant等变量声明及赋值格式:@variableName : varableValue ;//属性值//less//变量@pink:pink;.content{ color:@pink;}编译 ...
2018年08月22日 15:010