静态、自适应、流式、响应式四种网页布局有什么区别
今天和朋友出去旅游了,原本应该是很轻松愉快的一天,但是我的朋友在这么美丽的景色面前竟然开始工作了起来,原来是老板让她做一个网页布局,但是网页布局太多,不知道哪一种更合适,我朋友的老板真是随时随地的压榨自己的员工。那么静态、自适应、流式、响应式这四种网页布局到底有什么区别呢?以下是上海网站...[2019/8/5]
关于swiper 4的coverflowEffect(3d)
轮播效果:
HTML:
<div cla ="swiper-container succe ful_swiper">
<div cla ="swiper-wrapper">...[2019/8/5]
vue封装一个简单的div框选时间的组件
记录一下我前段时间封装的一个vue组件吧。技术需要积累,有时间我把我之前写的还不错的组件都开源出来。并尝试vue和react 两种方式的组件封装。今天简单写下鼠标框选div选中效果的封装吧。
div框选实现
div框选效果,其实没有什么好的方法,就是获取鼠标事件,根据鼠标的位置,动...[2019/8/5]
使用iframe框架时,实现子页面内跳转到整个页面,而不是在子页面内跳转
首先先来描述一下我所遇到的问题,我在一个首页的index.jsp页面中用到了iframe框架,见下图
在iframe中引入jsp页面的路径,是几个iframe框架组合成的一个完整的页面,但是他们的存在是相互独立的。接着我在一个子页面中(right.jsp)中,
想要将页面跳...[2019/8/5]
各种漂亮的画图颜色各种漂亮的画图颜色
橙黄相关
咖啡色 #4D3900
巧克力色 #D2691E
赭色 #CC7722
橘色 #F28500
橙色 #FFA500
燃橙 #CC5500
热带橙 #FF8033
琥珀色 #FFBF00
金色 #FFD700
卡其 #996B1F
椰褐 #4D1F00
红色相关
红色 #FF000...[2019/8/5]
HTML的标签简单概括
段落标签 <p></p>
属性
说明
值
align
对其方式
left(默认)、right、center
水平线...[2019/8/2]
现在企业制作一个新的网站要花多少钱?
最近这段时间公司特别忙,新的一年新的开始新一代的创业者都会选择每年的春天开始创业,对于创业者来说现在企业制作一个新的网站要花多少钱?是比较关注的一个问题,建站行业的价格每年都会有所变化,目前上海网站建设公司制作一个常规的企业站普遍价格在八九千元,知名的比较大的网络公司价格会在万元以上,当然建站也有...[2019/8/2]
现在企业制作一个新的网站要花多少钱?
最近这段时间公司特别忙,新的一年新的开始新一代的创业者都会选择每年的春天开始创业,对于创业者来说现在企业制作一个新的网站要花多少钱?是比较关注的一个问题,建站行业的价格每年都会有所变化,目前上海网站建设公司制作一个常规的企业站普遍价格在八九千元,知名的比较大的网络公司价格会在万元以上,当然建站也有...[2019/8/2]
大专生自学web前端到找到工作的前前后后
先做个自我介绍,我13年考上一所很烂专科民办的学校,学的是生物专业,具体的学校名称我就不说出来献丑了。13年我就辍学了,我在那样的学校,一年学费要1万多,但是根本没有人学习,我实在看不到希望,我就退学了。退学后我也迷茫,大专都没有毕业,我真的不知道我能干什么,我在纠结着我能做什么。所以辍学后我一段...[2019/8/2]
vue history模式下,部署到服务器 出现空白页情况vue history模式下,部署到服务器 出现空白页情况
问题描述:
vue搭建的项目,路由一直用的hash模式,所以url中都会带有一个“#”号。现在想要去掉“#”,于是使用history模式 { mode: ''history'' },代码如下:
...[2019/8/2]
从零开始react实战:云书签-1 react环境搭建从零开始react实战:云书签-1 react环境搭建
总览篇:react 实战之云书签
源码见最下面
本篇是实战系列的第一篇,主要是搭建 react 开发环境,在create-react-app的基础上加上如下功能:
antd 组件库按需引入 ,支持主题定制
支持 le 语法,并使用 c -module
配置路由
支持 http 请求
配置 ...[2019/8/2]
从无建立一个vue项目从无建立一个vue项目
node.js安装
首先安装Node,官网地址 :https: nodejs.org/en/download/ ,进去下载关于符合自己电脑的下载。
具体的Node安装步骤参考地址: https: www.runoob.com/nodej nodejs-in...[2019/8/2]
Vue.js 源码分析(二十九) 高级应用 transition-group组件 详解Vue.js 源码分析(二十九) 高级应用 transition-group组件 详解
对于过度动画如果要同时渲染整个列表时,可以使用transition-group组件。
transition-group组件的props和transition组件类似,不同点是transition-group组件的props是没有mode属性的,另外多了以下两个props ...[2019/8/2]
自我的成长
好久都没有写博客了,昨天本来想写的结果在服务器上安装mysql出了点意外,今天中午趁着午休的时间给安装好了。主要的问题有mysql从8.0.12版本重新安装到了5.7几的版本,因为我电脑上的是5.7的版本,另外一个就是navicat连接服务器数据库一直有问题,就是权限什么的问题,跟着百度的一些...[2019/8/2]
Vue.js 源码分析(三十) 高级应用 函数式组件 详解Vue.js 源码分析(三十) 高级应用 函数式组件 详解
函数式组件比较特殊,也非常的灵活,它可以根据传入该组件的内容动态的渲染成任意想要的节点,在一些比较复杂的高级组件里用到,比如Vue-router里的<router-view>组件就是一个函数式组件。
因为函数式组件只是函数,所以渲染开销也低很多,当需要做这些时,函数式组件非常有用:...[2019/8/2]
H5移动端弹幕动画实现 - Ashley-小博客
思路
把单个内容编辑好,计算自身宽度,确定初始位置
移动的距离是屏幕宽度
js动态的添加c 动画函数,将高度、动画移动时间、动画延迟时间都用随机数控制
代码:
html骨架结构
(以三个为例,如果觉得界面太长不友好,也可以js动态的生成)
<div c...[2019/8/2]
网站内容设计应注意哪些方面网站内容设计应注意哪些方面
当代的年轻人喜欢接收一下新的事物,这老一辈的人眼睛里是不能够被接受的,完全不能去理解,所谓青出于蓝而胜于蓝说的就是如此,在原先特别流行的网络语言,长江后浪推前浪,前浪拍死在沙滩上,后生可畏,就像我和我的妹妹,我们4岁只差就有很多的话题说不到一起去,看着4岁并不算多,但其实本是一个层次的人,她所追求...[2019/8/2]
简述浏览器端的九大缓存
前言
浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制,有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据,整体上加速网页展示给用户。浏览器端缓存的机制种类较多,总体归纳为九种,这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式—&md...[2019/8/2]
HTML(四)
选择器
1.核心选择器
标签选择器
div{}
id选择器
#one{}
cla 选择器
.second
逗号选择器
div,#id-name{}
组合选择器
div#one{}
普通选择器
* 一般不适用
(宽度加给父元素,高度加给子元素)
2.层次选择器
子元...[2019/8/2]
HTML5实现移动端弹幕动画效果HTML5实现移动端弹幕动画效果
思路
1.把单个内容编辑好,计算自身宽度,确定初始位置
2.移动的距离是屏幕宽度
3.js动态的添加c 动画函数,将高度、动画移动时间、动画延迟时间都用随机数控制
代码:
html骨架结构
(以三个为例,如果觉得界面太长不友好,也可以js动态的生成)
...[2019/8/2]
关于前端上传文件全面基础扫盲贴(入门)关于前端上传文件全面基础扫盲贴(入门)
前言
为什么分章节写呢?因为覆盖的知识点比较多,也可能我力尽详细介绍,照顾下基础不好的人,温故而知新。
刚开始的确是打算一篇搞定的,写道一半发觉已经相当长篇大论了,好多人例如我一进来看到这么多内容就已经怕了,而且不是每个人都需要了解全部内容,于是就打算分开来,让读者按需了解吧。
至于为...[2019/8/2]
Vue.js 源码分析(二十八) 高级应用 transition组件 详解
transition组件可以给任何元素和组件添加进入/离开过渡,但只能给单个组件实行过渡效果(多个元素可以用transition-group组件,下一节再讲),调用该内置组件时,可以传入如下特性:
name ...[2019/7/30]
公司想要做一个优质网页都需要什么
在人人手里都有手机都能上网。在这样一个信息传播迅速的时代,怎么样让别人足不出户就能知道你的企业。
企业的建站是商户之间网络的桥梁,我们可以通过上海网站建设公司创建一个电子商务的平台为自己公司做一个网页版的宣传。
网站的标识,其目的市场可是一个年龄组或特定的连接链,因此采用一个高端大气又趣味...[2019/7/30]
公司想要做一个优质网页都需要什么公司想要做一个优质网页都需要什么
在人人手里都有手机都能上网。在这样一个信息传播迅速的时代,怎么样让别人足不出户就能知道你的企业。
企业的建站是商户之间网络的桥梁,我们可以通过上海网站建设公司创建一个电子商务的平台为自己公司做一个网页版的宣传。
网站的标识,其目的市场可是一个年龄组或特定的连接链,因此采用一个高端大气又趣味...[2019/7/30]
公司想要做一个优质网页都需要什么
在人人手里都有手机都能上网。在这样一个信息传播迅速的时代,怎么样让别人足不出户就能知道你的企业。
企业的建站是商户之间网络的桥梁,我们可以通过上海网站建设公司创建一个电子商务的平台为自己公司做一个网页版的宣传。
网站的标识,其目的市场可是一个年龄组或特定的连接链,因此采用一个高端大气又趣味...[2019/7/30]
display的属性
在一般的CSS布局制作时候,我们常常会用到display对应值有block、none、inline这三个值。,display这个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型,如果使用 display 不谨慎会很危险,因为可能违反 HTML 中已经定义的显示层次结构。对...[2019/7/29]
JavaScript prototype原型用法JavaScript prototype原型用法
JavaScript对象原型
所有JavaScript对象都从原型继承属性和方法。
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<title>js</title>
<...[2019/7/29]
网站的banner和导航栏的用途
在设计网站的过程中你们注意到banner和导航栏吗?了解它们的用途可以更快更好的进行网站建设。经常浏览网页的朋友们可能都会注意到,当打开一个网页的时候最先映入眼帘的是个人企业logo和banner等。Banner的作用相当于市场上拉的横幅,优秀的banner让人一眼看出宣传主题,也能鲜明的表达情感...[2019/7/29]
网站的banner和导航栏的用途
在设计网站的过程中你们注意到banner和导航栏吗?了解它们的用途可以更快更好的进行网站建设。
经常浏览网页的朋友们可能都会注意到,当打开一个网页的时候最先映入眼帘的是个人企业logo和banner等。Banner的作用相当于市场上拉的横幅,优秀的banner让人一眼看出宣传主题,也能鲜明的表...[2019/7/29]
网站的banner和导航栏的用途
在设计网站的过程中你们注意到banner和导航栏吗?了解它们的用途可以更快更好的进行网站建设。经常浏览网页的朋友们可能都会注意到,当打开一个网页的时候最先映入眼帘的是个人企业logo和banner等。Banner的作用相当于市场上拉的横幅,优秀的banner让人一眼看出宣传主题,也能鲜明的表达情感...[2019/7/29]
企业网站建设需要多长时间
不同的网站制作完成的时间会有所不同,那么企业网站建设需要多长时间?依开拓蜂小编的经验制作常规的小企业站的定制设计开发一般需20个工作日左右完成,如果需要复杂的购物支付、会员权限等功能那么时间就会相应长些。如果选择上海网络公司销售的模板建站时间是非常短,模板一般当天注册账号购买当天就可以上线使用,而...[2019/7/29]
移动页面事件穿透/点击穿透问题
一、背景
博主所负责其中一个项目是web页面,在移动端上出现了事件穿透问题,开发介绍问题原因后,发觉是移动web一个知识点,值得记录一下。
二、click与300ms延迟
移动浏览器提供一个特殊的功能:双击(double tap)放大
300ms的延迟就来自这里,用户触碰页面之后,需要等待一段...[2019/7/29]
【柒月柳无絮】入驻博客园第一天有感~
2019/07/28
【首先声明】:创建博客是想分享HTML5+CSS+JavaScript基础知识,帮助刚开始学习的萌新掌握基础的知识,除了按照从前往后,从易而难的顺序系统的分享相关知识帖,也会适当的在每个技术知识帖子最下方,附上几个适合当前分享出来的知识点的练习题,然后在下一个帖子的开...[2019/7/29]
Vue.js 源码分析(二十七) 高级应用 异步组件 详解Vue.js 源码分析(二十七) 高级应用 异步组件 详解
当我们的项目足够大,使用的组件就会很多,此时如果一次性加载所有的组件是比较花费时间的。一开始就把所有的组件都加载是没必要的一笔开销,此时可以用异步组件来优化一下。
异步组件简单的说就是只有等到在页面里显示该组件的时候才会从服务器加载,不显式的话就不会加载,这样即可提高客户端的访问速度也可以降低...[2019/7/26]
ionic4 页面跳转传值和新页面取值ionic4 页面跳转传值和新页面取值
页面跳转 :
<ion-row *ngFor="let item of aboutData.stockData"
[routerLink]="[ '' tock-details'']" ...[2019/7/26]
本地的上海网站建设公司有哪些,穹拓创建网站大约多少钱多长时间能做好
2019年公司注册好了想要通过互联网宣传推广得到订单,首先想要了解下本地的上海网站建设公司有哪些从中选择一家价格比较低的公司去做,穹拓小编认为听别人说哪家专业不如自己亲自选择,通过各种优势对比后确定下来一家公司去做。可以通过百度或360搜索到一些网络公司,然后观察他们自己的官网以及案例做的如何,然...[2019/7/26]
本地的上海网站建设公司有哪些,穹拓创建网站大约多少钱多长时间能做好
2019年公司注册好了想要通过互联网宣传推广得到订单,首先想要了解下本地的上海网站建设公司有哪些从中选择一家价格比较低的公司去做,穹拓小编认为听别人说哪家专业不如自己亲自选择,通过各种优势对比后确定下来一家公司去做。可以通过百度或360搜索到一些网络公司,然后观察他们自己的官网以及案例做的如何,然...[2019/7/26]
本地的上海网站建设公司有哪些,穹拓创建网站大约多少钱多长时间能做好
2019年公司注册好了想要通过互联网宣传推广得到订单,首先想要了解下本地的上海网站建设公司有哪些从中选择一家价格比较低的公司去做,穹拓小编认为听别人说哪家专业不如自己亲自选择,通过各种优势对比后确定下来一家公司去做。可以通过百度或360搜索到一些网络公司,然后观察他们自己的官网以及案例做的如何,然...[2019/7/26]
src与href的区别
写代码的时候就经常把这两个属性弄混淆,到底是href还是src,href表示超文本引用,用在link和a等元素上,href是引用和页面关联,是在当前元素和引用资源之间建立联系,src表示引用资源,表示替换当前元素,用在img,script,iframe上,src是页面内容不可缺少的一部分。
...[2019/7/25]
微信小程序开发--页面之间的跳转
一、navigator--完成页面之间的跳转
1、新建一个页面文件夹
2、在app.json文件中引入页面
"pages": [
"page index/index",
"page ranking/ranking"
],
3、在wxml页面中...[2019/7/24]
使用Canvas压缩图片
讲干货,不啰嗦,当涉及对图片有质量压缩要求的时候,可以使用Canvas实现图片压缩。
步骤:
1.获取img元素,既要压缩的图片
2.创建canvas对象
3.使用canvas的drawImage方法绘制图片
4.通过canvas toDataURl方法获取图像base64编码...[2019/7/24]
Vue – 基础学习(4):动态加载和注册组件
var myComponent =() => import(`./../../component custom_panel/${t_url}.vue`); var myComponent = resolve => require.ensure([], () => reso...[2019/7/24]
【带着canvas去流浪(13)】用Three.js制作简易的MARVEL片头动画(下)
目录
一. 模型的制作
1.1 生成字体模型
1.2 多表面贴图
二. 镜头及动画
三. 大作业总结
示例代码托管在:htt...[2019/7/24]
购物车之上线版思路
购物车之进阶版
if (this.$store.state.loginState === 'ok') {
let result = { pic, name, sale, proid, flag, num }
if (!localStorage.ge...[2019/7/23]
3种水平垂直的方式
CSS水平垂直居中
1 绝对定位 + 转换
<div cla ="parent">
<div cla ="child">Demo</div>
</div>
.parent {
position: re...[2019/7/23]
达内全套前端视频资源程
达内全套前端视频教程,包括js,h5,c 3等,如果打不开,请联系本人,可重新分享
下载地址 原文链接:http: www.cnblogs.com/pythongood/p/11229491.html[2019/7/23]
Angular----样式
本篇根据Angular官网提供的例子,对Angular涉及到的样式绑定进行说明。
一、提供的CSS样式
1 .red{
2 color:red;
3 }
4 .green{
5 color: green;
6 }
7 .yellow{
8 co...[2019/7/22]
大专生自学web前端到找到工作的前前后后大专生自学web前端到找到工作的前前后后
先做个自我介绍,我13年考上一所很烂专科民办的学校,学的是生物专业,具体的学校名称我就不说出来献丑了。13年我就辍学了,我在那样的学校,一年学费要1万多,但是根本没有人学习,我实在看不到希望,我就退学了。退学后我也迷茫,大专都没有毕业,我真的不知道我能干什么,我在纠结着我能做什么。所以辍学后我一段...[2019/7/22]
【带着canvas去流浪(12)】用Three.js制作简易的MARVEL片头动画(上)【带着canvas去流浪(12)】用Three.js制作简易的MARVEL片头动画(上)
目录
一. 大作业说明
二.基本思路
三.视频纹理表面修复——UV映射
3.1 问题描述
3.2 纹理贴图的基本原理-UV映射
3.3 关键示例代码
...[2019/7/22]
Vue中遍历数组的新方法
1、foreach
foreach循环对不能使用return来停止循环
1 search(keyword){
2 var newList = []
3 this.urls.forEach(item =>{
4 if(i...[2019/7/22]