你的位置:首页 > 软件开发 > 网页设计
  • html常用小知识
    请求重定向:加载页面之后,除了用js做重定向之外,我们还可以直接用<meta>标签做重定向。 1 <meta http-equiv="refresh" content="5;url=http://www.baidu.com&qu ...
    HTML2018年09月13日 18:003
  • 【开发调试】谷歌浏览器中调试移动网页和测试网速下页面效果
    、 今天有幸给大家分享一下谷歌浏览器针对移动网页测试的技巧,主要是最近做个微信公共号网站。所以就要对页面测试拉。移动网页我们最长测得就是各种手机大小的页面效果和出现网络问题的效果展示。今天就简单分享下在谷歌浏览器测试页面的适配和网速限制展示。页面的适配自带的手机模式 ...
    谷歌2018年09月13日 17:001
  • html5新特性与用法大全了解一下
    有好多小伙伴私聊我问我html5新特性 和用法,下面我给大家具体介绍一下html5都新加了哪些新特性,下面我给大家总结一下。 1)新的语义标签 footer header 等等2)增强型表单 表单2.03)音频和视频4)canvas 绘图5) SVG绘图6)地理定位7) 拖放 ...
    HTML2018年09月13日 16:0010
  • echarts环形图点击旋转并高亮
    const myChartContainer = document.getElementById( 'chart' );const myChart = echarts.init( myChartContainer );let minAngle = 30;for ( ...
    2018年09月13日 16:0069
  • vue 环境的搭建及初始化项目
    其实超级简单,虽然网上很多,但是我顺便记录下相当于做笔记吧1nodejs 的安装, 在node官网下载,点击安装,安装的时候最好选择路径在d盘2设置环境变量我的电脑-->属性-->系统环境变量-系统变量新增一个NODE_PATH , 在用户变量上面加上这个p ...
    VUE2018年09月13日 13:000
  • 从零开始的全栈工程师——html篇1.4
    背景与边框的CSS 一、背景(backgound)1.背景颜色:background-color:red;(简写:background:color;)备注:ie9以下给body设置background-color可能不起作用 需要用到bgcolor(&lt ...
    HTML2018年09月12日 21:000
  • vue服务端渲染缓存应用
    vue缓存分为页面缓存、组建缓存、接口缓存,这里我主要说到了页面缓存和组建缓存页面缓存:  在server.js中设置const LRU = require('lru-cache')const microCache = LRU({ max: 100, // 最大缓 ...
    VUE2018年09月12日 15:000
  • IE浏览器  div或者其他容器的height属性无效 滚动条问题解决办法
    1.height设置定值是功能好使的 但是如果在不同分辨率的电脑上运行程序 会出现样式上的偏差2.height的百分比是根据父级来的 所以将父级的height设置好(如果当前容器上方有很多父级 可能需要多设置几级height) 这里的滚动条就好使了3.如果超长的数据是 ...
    2018年09月12日 15:000
  • 定位
    <!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>定 ...
    2018年09月12日 14:010
  • vscode 折叠所有区域代码的快捷键
    折叠:ctrl + L ctrl + 0(主键盘区的0,不是小键盘区的0) 展开:ctrl + K ctrl + J 老是忘记,在此记录 ...
    2018年09月12日 12:007
  • web前端知识点1
    1. input属于窗体元素,层级显示比flash、其它元素都高。请判断这句话的正确与否。 错误层级显示优先级: frameset > 表单元素 > 非表单元素在html中,帧元素(frameset)的优先级最高,表单元素比非表单元素的优先级要高。表单元素包括:文 ...
    Web前端2018年09月11日 20:020
  • CSS的初了解(更新中)
    在前面,我们学习了html的结构、基本骨架、起名方式和选择器,接下来,我们就要学习CSS了。首先,我们要知道CSS是什么。CSS 全称叫层叠样式表,作用是给html添加样式style,添加属性。在网页中(或者说在html)中如何嵌套style?我们先来学三种嵌套样式:1.行间样式 ...
    CSS2018年09月11日 20:000
  • 什么是web标准??
    web标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:结构(Structure)、表现(Presentation)和行为(Behavior)。对应的标准也分三方面:结构化标准语言主要包括XHTML和上述是百度对web标准的描述。 Web标准,使得Web开发更加 ...
    web2018年09月11日 17:002
  • html的进一步了解(更新中)
    (接上一次)属性:表示事物的一些特征属性又可分为两种:标签属性和样式属性两者的区别:位置不一样 样式属性写在style中 标签属性写在标签内 写法不一样 样式属性是属性:属性值 标签属性是属性=”属性值”选择器:1、标签选择器2、id选择器3、class选择器4、子代选择器5 ...
    HTML2018年09月11日 17:003
  • 浏览器内核
    浏览器的四大内核:Trident,Gecko,Webkit,Blink。不同的内核对网页编写语法的解释也有不同,进而导致同一个页面在不同内核的浏览器下显示出来的效果也会有所出入,这也是作为一个前端工程师需要了解不同浏览器所使用的内核和各种兼容性问题。浏览器内核是浏览器的核心,也叫 ...
    浏览器2018年09月11日 17:001
  • node入门笔记
    node可以理解为一门后台语言 ,可以写接口,写后台,node和js思想相似,说白了,就是拿js思想写后台,搭建项目环境使用js的语法,js+js扩展,以模块化的形式管理代码,使用的是commonJs规范两种编写形式交互式 > node 文件启动 *> nod ...
    2018年09月11日 16:010
  • 从零开始的全栈工程师——html篇1.3
    文本、字体css样式与前期英语单词汇总一、文本样式(text)  1.颜色:color:red;  2.文本对齐方式:text-align:left/center/right/justify;  left:左对齐  center:居中对齐  reght:右对齐  justify: ...
    HTML2018年09月11日 16:000
  • css盒模型中margin很牛逼
    css盒子模型,说简单也简单,用的时候也有不简单的。其中margin的值可以为负值,并且为了实现margin,忽略父级的padding、border、甚至定位。这在布局上很有用,要注意。------------比如,div1,嵌套div2。按照直觉,div1有border和pad ...
    CSS2018年09月11日 15:002
  • css边框颜色渐变
    在实际开发中,我们经常遇见边框需要背景渐变的实现要求,那么如何去实现呢,今天给大家分享依稀几种情况1.直角的背景渐变<!DOCTYPE html><html lang="en"><head> <meta charset ...
    CSS2018年09月11日 12:000
  • 狗子哥虽然失业了,但是生活才刚刚开始啊
    失业的第二周,一边玩的很开心一边又担心工作,一边投简历一边面试,一边嫌弃厂太小不想去,一边大厂又没有消息,纠结纠结。 从大一暑假边上课边工作到后来全职工作,其中寒暑假无休,毕业跟实习期,也是工作无缝对接,三年多了吧,一直说想给自己请一个一星期的假,好好休息一下,去旅游,可是 ...
    2018年09月11日 12:001
  • 如何使用git命令从github上取得项目
    首先我们要安装git, git官网:https://git-scm.com/点击打开链接拉取项目步骤详解新建文件夹,最好取为项目英文名***Project进入文件夹,空白处右键,选择git Bash Here,输入git init会生成.git文件(隐藏文件可能看不到,可以进行设 ...
    Git2018年09月11日 10:050
  • 微信小程序禁止刷新之后苹果端还可以下拉的问题
    一、问题描述最近在做一个小程序项目,需要禁止下拉刷新,于是在page.json里面添加了这段话"enablePullDownRefresh":false全局关闭下拉刷新,这段话确实禁止了下拉刷新,无论是安卓手机端还是苹果端,但是在苹果端却出现了一个问题,整个页 ...
    小程序2018年09月11日 09:080
  • Ruby(或cmd中)输入命令行编译sass
    Ruby(或cmd中)输入命令行编译sass步骤如下:举例:1、在F盘中新建一个总文件夹,比如test文件夹,其中在该文件夹下面建立html、images、js、sass等文件夹。2、在sass文件夹中创建要使用到的sass文件,或者scss文件。common.scss、rese ...
    2018年09月10日 22:000
  • html的初了解(更新中)
    html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。网页的拓展名为html网页由三大部分构成,分别为title(主题),url(网址)和body(网站内容)。它的基本结构是<标签名> 它的基本结构骨架为<html>  <hea ...
    HTML2018年09月10日 21:000
  • sass的安装
    sass的安装1、当ruby安装完成后,在自己电脑开始菜单下面找到ruby的控制台"cmd"; 2、然后直接在命令行中输入gem install sass3.在安装过程中 可能会遇到报错: 解决方法: 更换rubygems路径在命令行内输入以 ...
    2018年09月10日 21:000
  • ios手机处理keyup事件时的兼容性问题
    在安卓手机中没有任何问题,但在ios手机中出现当输入法中输入内容时,事件keyup没有效果解决办法://keyup的兼容性处理 var bind_name = 'input'; if (navigator.userAgent.indexOf("M ...
    IOS2018年09月10日 19:011
  • 从零开始的全栈工程师——html篇1.2
    起名方式与CSS一.起名方式(起名方式也叫选择器)起名的目的是为了给标签添加属性常见的3种选择器有 标签选择器 id选择器(使用的时候加#) class选择器(使用的时候加.) 样式的要求是由选择器的权重来决定的标签的权重为1 class的权重 ...
    HTML2018年09月10日 18:000
  • css 盒模型 文档流 几种清除浮动的方法
    盒模型1、box-sizing: content-box 是普通的默认的一种盒子表现模式 盒子大小为 width + padding + border content-box:此值为其默认值,其让元素维持W3C的标准Box Mode2、box-sizing:border ...
    CSS2018年09月10日 17:000
  • 解决高度塌陷
    <!DOCTYPE html><html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>高 ...
    2018年09月10日 17:000
  • 文字图片浮动居中
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" co ...
    图片2018年09月10日 16:001
  • HTML5新标签兼容—— !
    第一种方法:(使用html5shiv) <!--[if lt IE9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script&gt ...
    HTML2018年09月10日 16:001
  • 使用CSS实现无滚动条滚动
    我们都知道,撸页面的时候当我们的内容超出了我们的div,往往会出现滚动条,影响美观。尤其是当我们在做一些导航菜单的时候。滚动条一出现就破坏了UI效果。 我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果。我们都知道overflow:hidden是可以隐藏滚动 ...
    CSS2018年09月10日 12:002
  • 弹出遮罩层后,如何禁止底层页面的滚动
    弹窗是一种常见的交互方式,而蒙层则是弹窗必不可少的元素,用于隔断页面与弹窗区块,暂时阻断页面的交互。但是,我们会发现,当弹出遮罩层后,底层body的内容也是可以滚动,显然这不是我们想要的效果,而这个问题就是小萌最近开发项目时遇到的问题。一个小程序的项目,是用MPVUE(一个使用 ...
    2018年09月10日 11:000
  • CSS预处理器(SASS和LESS)
    ##Sass框架应用###Sass简介  Sass又名SCSS,是CSS预处理器之一,它能让你更好更轻松的工作。Sass官网是这样描述Sass的:**Sass是一门高于CSS的元语言,能用来清晰的、结构化地描述文件样式,能提供更简洁优雅的语法,提供多种功能来创建可维护和管理的样式 ...
    CSS2018年09月09日 19:011
  • css继承属性与非继承属性
    一、无继承性的属性1、display:规定元素应该生成的框的类型2、文本属性:vertical-align:垂直文本对齐text-decoration:规定添加到文本的装饰text-shadow:文本阴影效果white-space:空白符的处理unicode-bidi:设置文本的 ...
    CSS2018年09月09日 09:000
  • 从零开始的全栈工程师——html篇1
    全栈工程师也可以叫web 前端 H5主要是网站 app 小程序 公众号这一块HTML篇html(超文本标记语言,标记通用标记语言下的一个应用。)“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部 ...
    HTML2018年09月08日 12:000
  • 实习一周,做了公司官网,谈谈关于大学生找实习工作以及记录前端响应式布局开发心得
    关于弹性布局:  display:flex;很好用,将元素放在一排,盒子可用宽度百分比,可替代浮动,虽然浮动也能做到,但是还要清除浮动,多此一举,还可以实现居中等布局效果,但有兼容性问题,特别是justify-content:space-between,除了新版chrom浏览器, ...
    前端2018年09月07日 21:000
  • Vuejs开发环境搭建及热更新
    一、安装NPM1.1最新稳定版本: npm install vue 二、命令行工具安装国内速度慢,使用淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org 注意:以后使用npm的地方就替 ...
    2018年09月07日 14:002
  • 史上最全的HTML和CSS标签常用命名规则
    文件夹主要建立以下文件夹:  1、Images 存放一些网站常用的图片;  2、Css 存放一些CSS文件;  3、Flash 存放一些Flash文件;  4、PSD 存放一些PSD源文件;  5、Temp 存放所有临时图片和其它文件;  6、copyright 版权信息(可选) ...
    HTML2018年09月07日 01:008
  • 带你使用JS
    前言想必各位在写wap端时都遇到过这样的场景吧  ----自定义分享标题、图片、描述接下来小编给大家讲解下分享相关操作预期效果原始的分享效果: 使用微信JS-SDK的分享效果:可以看出缩略图,标题,摘要样式良好,给用户的体验很好。准备工作微信官方开发者文档地址:https:/ ...
    2018年09月06日 19:001
  • css居中那些事
    一、css垂直居中 1.line-height(适用于单行文本居中) eg: html:<p >123</p>- css: .wordp{width:100 ...
    CSS2018年09月06日 15:431
  • html5中如何去掉input type date默认
    html5中如何去掉input type date默认样式2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI:::-webkit-datetime-edit – 控制编辑区域的::-webkit-datetime-edit-fields-wr ...
    HTML2018年09月06日 15:002
  • Vue表格中,对数据进行转换、处理
    众所周知,后端从Mysql取出的数据,一般是很难单独处理某一个Key的数据的(需要处理的话,可能会浪费大量的性能。而且对页面加载时间有很大的影响),所以,从数据库取出的数据。只能由前端进行处理。但是在Vue中,如果采用了element等组件,利用数据绑定的特性,也是很难对表格遍历 ...
    VUE2018年09月06日 14:198
  • 1.HTML小结
    HTML 基本文档<!DOCTYPE html><html><head><meta charset="UTF-8"><title>文档标题</title></head>< ...
    HTML2018年09月06日 02:000
  • 为何要清除浮动?如何清除?
    原因:元素设置了float属性后,就会脱离文档流,当 包含框 的高度小于 浮动框 的时候,会出现高度塌陷。因此才需要清除浮动!表现如图:包括框container已经包不住float的图片了!清除浮动方法:1:给 包含框 添加 after伪元素清除浮动。代码:.clearfix:a ...
    2018年09月05日 16:001
  • [转]滚动视差?CSS 不在话下/background attachment
    何为滚动视差视差滚动(Parallax Scrolling)是指让多层背景以不同的速度移动,形成立体的运动效果,带来非常出色的视觉体验。 作为网页设计的热点趋势,越来越多的网站应用了这项技术。通常而言,滚动视差在前端需要辅助 Javascript 才能实现。当然,其实 CSS 在 ...
    CSS2018年09月05日 16:000
  • meta标签的常见用法
    一、定义和用法<meta> 标签始终位于 head 元素中。<meta> 元素可提供有关页面的元信息(meta-information),元数据不会显示在页面上,但是对于机器是可读的。比如针对搜索引擎和更新频度的描述和关键词。元数据(metadata)是关 ...
    xxxx2018年09月05日 11:000
  • 前端给div加滚动条样式修改
    <!DOCTYPE html><html lang="en"> <head> <meta charset=&quo ...
    前端2018年09月05日 11:007
  • css给html添加效果
    1 <!doctype html> 2 <html> 3 <head> 4 <title>EasyMall注册界面</title> 5 <meta http-equiv="content-type& ...
    HTML2018年09月04日 23:001
  • 自我总结的一些常问面试题
    自我总结的一些面试题-上海前言 七月底因为一些原因离职,面试了一些公司,总结了一些面试题及面试经验,就想着记录下来分享给有需要的人。首先面试之前先去搜一下将要去的公司的规模,就我而言,总结的是大公司更爱问原生JS这一块,小规模的公司偏好问框架,简历上不要写精 ...
    2018年09月04日 19:005
  • 详解HTML5中的进度条progress元素简介及兼容性处理
    一、progress元素基本了解1.基本知识progress元素属于HTML5家族,指进度条。IE10+以及其他靠谱浏览器都支持。注释:Internet Explorer 9 以及更早的版本不支持 <progress> 标签。<progress> 标签标示 ...
    HTML2018年09月04日 16:000
  • input placeholder 在chrome 浏览器自动填充时,背景色覆盖原有背景图片问题。
    1 user-block-name, .user-block-pwd { 2 margin-bottom: 10%; 3 text-align: center; 4 position: relative; 5 } 6 7 .user-block-name .name, ...
    chrome2018年09月04日 12:000
  • 微信小程序echarts层级太高
    项目中因为需求,底部的tab导航栏是自己写的,在开发者工具中一切正常;但是在真机上页面滑动时,echarts的层级比tab高,调过两者的z-index后仍然如此。经过查找后发现cover-view和cover-image替换tab的view后,可以解决以上的问题。<!--底 ...
    小程序2018年09月04日 11:003
  • HTML练习
    <!DOCTYPE HTML><html><head><title>userinfor</title></head><body> <form action="#" met ...
    HTML2018年09月04日 00:002
  • 微信小程序踩过的一些坑
    前言迄今为止,正儿八经的上线了真正意义上的程序,但是这个小程序却着实不小。之所以不小,是因为这个类似于社区的小程序,已经做了大部分都有的功能了举例说明,具体的一些功能点:1、帖子列表页面:会有的功能:滚动加载,下拉刷新等2、发帖页面:图文发表,视频上传3、评论页面,图文评论4、帖 ...
    小程序2018年09月03日 22:002
  • 新人成长之入门Vue.js常用指令介绍(一)
    写在前面作为一个刚步入职场工作的新人,对于公司中所用的技术和框架基本上不懂,只能从最基础的开始做起,进入公司接触的第一个框架就是前端框架Vue.js,几个功能做下来,觉得Vue.js首先学习起来真的非常简单,用起来也是非常的方便,通过尽可能简单的 API 实现响应的数据绑定和组合 ...
    2018年09月03日 16:000
  • 【HTML5】Canvas之globalCompositeOperation属性详解
    globalCompositeOperation即Canvas中的合成操作。1、source-over这是默认值,他表示绘制的图形将画在现有画布之上<!DOCTYPE html><html> <head> <meta charset=& ...
    HTML2018年09月03日 16:000
  • 新人成长之入门Vue.js弹窗Dialog介绍(二)
    前言在上一篇博文中介绍了Vue.js的常用指令,今天总结归纳一下弹窗Dialog的使用,弹窗经常被使用在一些表单的增删改查啊,或者弹出一些提示信息等等,在保留当前页面状态的情况下,告知用户并承载相关操作。之前做了表格的增删改查任务,其中用到了dialog弹窗,今天总结归纳一下Vu ...
    2018年09月03日 15:0190
  • MySql+Socket 完成数据库的增查Demo
    需求: 利用MySql数据库结合前端技术完成用户的注册(要求不使用Web服务技术),所以 Demo采用Socket技术实现Web通信.第一部分:数据库创建数据库采用mysql 5.7.18, 数据库名称为MyUser, 内部有一张表 user.字段有 Id,UserName,Ps ...
    MYSQL2018年09月03日 11:022
  • 第一次博客记录下工作
    几米圈官网8个页面包括路由的配置在vue脚手架中进行开发,主要使用bootstrap完成页面的布局,amazeui完成动画效果。vue脚手架单页面开发路由切换其他子页面主要遇到导入js和css的问题。在全局导入js插件时应该使用npm下载当前插件,在局部导入时,如果涉及到对现有界 ...
    2018年09月03日 11:020