你的位置:首页 > 软件开发 > 网页设计
  • 如何修改wifi密码免费WiFi360免费wifi手机版
    就在那一刻总是会发生自已意想不到的事,难道没了过去,而现在就是这样的结果吗,再也不想说,不想看别人是对自已什么看法,一直都是这样的活着,我在乎的你在哪。如何修改wifi密码你门所谓的公共场所,在我眼里只是厕所。免费WiFi爱情就像摘水果,采得太早,果子还没有成熟,又苦又涩,难以下 ...
    2018年09月26日 14:001
  • vue 移动端屏幕适配 使用rem
    要想移动端适配 并使用 rem 您需要先看这篇文章,配置好less ➡️ 在vue 中使用 less,就可以使用rem了 如果项目已经开发的差不多了,没有用到rem 又要使用rem,您用这招。postcss-pxtorem:转换px为rem的插件安装 postc ...
    VUE2018年09月26日 00:000
  • css清除浏览器默认样式
    css清除浏览器默认样式(代替 *{}) 将代码放入 css 文件,使用 link 引入。/* v2.0 | 2011012 License: none (public domain)*/html, body, div, span, applet, object, ifram ...
    CSS2018年09月25日 23:010
  • CSS 实例之翻转图片
    具体效果图如下:主要用到的技术除了3D翻转和定位 ,还用到了一个新的属性 backface-visibility:visable|hidden;该属性主要是用来设定元素背面是否可见。具体的步骤如下:1、写出页面主体, <div> <img src=&quo ...
    CSS2018年09月25日 23:015
  • 图片上传和修改样式
    我的图片上传使用form表单,html:<form action="imagsUp" enctype="multipart/form-data" method="post" ><img src=&quo ...
    上传2018年09月25日 23:010
  • CSS 实例之滚动的图片栏
    在一些网站上可以经常看到有一些图片进行持续不断的滚动,这个效果可以通过css的动画效果来实现。具体效果如下主要原理是通过动画向左移动。首先给出两组一样的图片(同一行上),让整体图片向左移动一组图片的长度,这样在动画结束时会迅速还原到原来位置,而此时正好与第二组图片交替,看起来就像 ...
    CSS2018年09月25日 23:0111
  • 自学前端的日子,记录我的秃头之旅
    记录一下小白自学前端的日子吧,只为给还在自学或是迷茫的小伙伴一些鼓励,不喜勿喷。当个口水文看看就好  跟许多小伙伴不一样,我并非是出自计算机专业,也并非出自一所很牛逼的学校。我大学是在广州某体院就读的,坐标广州大道中,知道的朋友应该就知道了,不知道的我也不详细说了,跟下面要记录的 ...
    前端2018年09月25日 23:012
  • 前端学习之路之CSS (三)
    Infi-chu: 常用属性:background-color /*属性定义了元素的背景颜色*/background-image /*属性描述了元素的背景图像*/background-repeat /*设置背景图像是否及如何重复*/background-atta ...
    CSS2018年09月25日 23:011
  • vue 项目实战 (入门)
    环境搭建安装NodeJS →箭头 https://nodejs.org/en/NPM是随同NodeJS一起安装的包管理工具。检查环境是否安装成功:打开一个命令提示符,有成功输出版本号则为安装成功。//检查node 版本号node -v //检查npm版本号npm -v 安装vue ...
    VUE2018年09月25日 23:012
  • Vue Cli安装以及使用
    因为公司项目要用vue框架,所以会用vue-cli来新建项目。用过vue的都知道,要全局安装vue以及脚手架vue-cli,然后执行vue init webpack projectname来新建vue项目模板。但是最近新建项目的时候发现,即使是在本机全局安装了vue最新版本2.5 ...
    VUE2018年09月25日 23:014
  • vue 项目实战 (生命周期钩子)
    开篇先来一张图下图是官方展示的生命周期图 Vue实例的生命周期钩子函数(8个) 1. beforeCreate   刚 new了一个组件,无法访问到数据和真实的dom,基本上这个好 ...
    VUE2018年09月25日 23:011
  • 在vue 中使用 less
    1.安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function ...
    VUE2018年09月25日 23:012
  • 关于div设置display: inline
    当两个盒子都设置display: inline-block之后并且css也清除了默认样式这时候会发现div盒子之间仍然存在间隙将font-size清0间距就会取消 ...
    div2018年09月25日 17:019
  • css 选择器 +
    css选择器 + :element+element 相邻元素 div+p 找到div之后的同邻的所有p元素css选择器>:element>element 子元素 div>p 找到div之后的所有为p的子元素 ...
    CSS2018年09月25日 12:010
  • css样式的优先顺序
    一、css样式的权重:!important(1000+) > 内联样式( 1000 ) > ID选择器(100 ) > 类选择器(10) > 标签选择器( 1 ) > 默认样式( 0 )二、常用的样式顺序: 内联样式表 > ...
    CSS2018年09月25日 11:024
  • Layabox 3D游戏开发学习笔记
    核心要点:3D物体碰撞是靠射线检测,射线与碰撞器相撞获取对应的碰撞点信息。class RayPicking03 { private ray: Laya.Ray; private point: Laya.Vector2 = new Laya.Vector2(); private _ ...
    2018年09月25日 09:2417
  • 浅谈CSS高度坍塌
    高度坍塌情况:当父元素没有设置高度,且子元素块都向左(右)浮动起来,那么父元素就会出现坍塌的现象。解决办法:在父元素包含块中加一个div: 优点:兼容性强,适合初学者。缺点:不利于优化。方法二:overflow+room优点:兼容性强。缺点:对margin属性有影响,不 ...
    CSS2018年09月25日 09:240
  • 列表显示, 内容过长省略显示, 鼠标停留在内容上显示全部内容
    <td id="com" title='{{item.com}}' style="text-overflow: ellipsis; white-space: nowrap; overflow: hidden;cursor:poi ...
    2018年09月21日 18:014
  • 前端学习之路之CSS (一)
    Infi-chu: 样式定义如何显示 HTML 元素 样式通常存储在样式表中 把样式添加到 HTML 4.0 中,是为了解决内容与表现分离的问题 外部样式表可以极大提高工作效率 外部样式表通 ...
    CSS2018年09月21日 12:000
  • 前端学习之路之CSS (二)
    Infi-chu:#id_name{ color:red; text-align:center;}class选择器class 选择器用于描述一组元素的样式,class 选择器有别于id选择器,class可以在多个元素中使用, 在 CSS 中,类选择器以一个点".&quo ...
    CSS2018年09月21日 12:001
  • span文字里面自动换行时怎么办
    可以用white-space:nowrap来强制文字不换行,知道遇到<br>为止 ...
    2018年09月21日 12:0031
  • CSS 实例之打开大门
    本个实例主要的效果如下图所示本案例主要运用到了3D旋转和定位技术。具体步骤如下:1、首先在页面主体加三个很简单的div标签: <div class="door"> <div class="door-l"></ ...
    CSS2018年09月21日 11:001
  • vscode 快速生成html
    在Hbuilder中新建一个htm自动会生成一个标准的html代码,那在vscode得一行一行写吗?太烦了吧,各种关键词搜,哎妈 终于找到了办法,现在这里记录下:第一步:在空文档中输入 !第二步:按下 tab 键。OK了,看看效果吧 ...
    HTML2018年09月21日 10:006
  • CSS 小结笔记之伸缩布局(flex)
    之前块级元素布局在同一行,可以通过display或position或float来实现,而本篇介绍一个新的方法——flex(弹性布局)。flex 为和模型布局提供了极大地灵活性,所谓弹性布局即可根据大小判定自动伸缩。flex相关的各个属性如下:1、display:flex;在父盒子 ...
    CSS2018年09月20日 23:001
  • 浮动的补充丶文本和字体属性丶background丶定位
    一丶浮动的补充  浮动的特性:    1. 浮动的元素脱标    2.浮动的元素互相贴靠    3.浮动的元素有"字围"效果    4.浮动的元素有收缩的效果    前提是标准文档流,margin的垂直方向会出现塌陷问题    如果盒子居中:margin: ...
    2018年09月20日 18:002
  • vue处理循环列表动态数据问题
    调用方法:Vue.set( target, key, value ) target:要更改的数据源(可以是对象或者数组) key:要更改的具体数据 value :重新赋的值 1 <!DOCTYPE html> ...
    VUE2018年09月20日 13:040
  • 用css3+js写了一个钟表
    有一天看到css3旋转这个属性,突发奇想的写了一个钟表(没做浏览器兼容),来一起看看是怎么写的吧!先给个成品图,最终结果是个样子的(动态的).      首先,思考了一下页面的布局,大致需要4层div,最底层是一个表盘的背景图,然后其余3层分别是时针,分针,秒针的图层.html代 ...
    2018年09月20日 12:011
  • autocomplete 属性 清除input框输入存留历史值,防止下拉历史值显示
    autocomplete 属性规定输入字段是否应该启用自动完成功能。自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。注释:autocomplete 属性适用于 <form>,以及下面的 <inp ...
    2018年09月20日 10:012
  • CSS 小结笔记之变形、过渡与动画
    1、过渡 transition 过渡属性用法: transition :ransition-property transition-duration transition-timing-function transition-delay 可以一起指 ...
    CSS2018年09月20日 09:010
  • 前端开发
    前端开发前端开发前端概述一、什么是前端二、前端开发技术栈HTMLCSSJavaScript前端三剑客一、HTML1、标记语言2、html 为前端页面的主体,有标签、指令与转义字符等组成。3、html 发展史代表版本4、文档类型二、CSS三、JavaScript1.编程语言2.js ...
    前端2018年09月19日 21:003
  • 盒模型的属性丶display显示丶浮动
    一丶盒模型的属性(重要)  1.padding    padding是标准文档流,父子之间调整位置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> &lt ...
    2018年09月19日 20:000
  • 微信发支付宝红包(花呗)
    微信发支付宝红包(花呗)原理很简单,就是利用支付宝花呗的分享红包到微信,微信用户通过扫码跳转到支付宝领取。第一步,获得红包地址  进入自己的支付宝红包“天天领红包”,分享二维码到微信,然后用网上的识别二维码的工具或网页将支付宝二维码解析一下 ...
    2018年09月19日 18:010
  • 在WebGL场景中管理多个卡牌对象的实验
    这篇文章讨论如何在基于Babylon.js的WebGL场景中,实现多个简单卡牌类对象的显示、选择、分组、排序,同时建立一套实用的3D场景代码框架。由于作者美工能力有限,所以示例场景视觉效果可能欠佳,本文的重点在于对相关技术的探讨。  因为文章比较长,读者可以考虑将网页导出为mht ...
    web2018年09月19日 17:004
  • vue error:The template root requires exactly one element.
    error:[vue/valid-template-root]The template root requires exactly one element. 原因:因为vue的模版中只有能一个根节点,所以在<template>中插入第二个元素就会报错解决方案:将& ...
    VUE2018年09月19日 16:004
  • CSS 小结笔记之滑动门技术
    所谓的滑动门技术,就是指盒子背景能够自动拉伸以适应不同长度的文本。即当文字增多时,背景看起来也会变长。大多数应用于导航栏之中,如微信导航栏:具体实现方法如下:1、首先每一块文本内容是由a标签与span标签组成<a href="#"> <sp ...
    CSS2018年09月19日 16:000
  • 什么是快速开发框架
    什么是快速开发框架前言做为一个程序员,在开发的过程中会发现,有框架同无框架,做起事来是完全不同的概念,关系到开发的效率、程序的健壮、性能、团队协作、后续功能维护、扩展......等方方面面的事情。很多朋友在学习搭建自己的框架,很多公司也在创建或使用自己的框架,网上开源的框架多如牛 ...
    2018年09月19日 12:012
  • 移动端开发H5页面点击按钮后出现闪烁或黑色背景的解决办法
    H5页面在IOS端测试的时候发现,点击按钮会闪动,出现一个黑色的背景一闪而过,影响用户体验。最后通过度娘,找到解决方法: 就是给点击的元素添加一个CSS属性或者全局添加一个css。 -webkit-tap-highlight-color:transparent; *{ -we ...
    2018年09月19日 11:012
  • html 之 position用法
    在此,先做声明,本篇仅是摘录自互联网,个人认为这篇文章讲的很不错,附于此地与大家共同欣赏。position的四个属性值:1.relative2.absolute3.fixed4.static下面分别讲述这四个属性。<div id="parent"> ...
    HTML2018年09月18日 16:000
  • H5混合开发进阶之inspect调试
    h5界面嵌套在原生app内部的时候,需要调用原生的方法,传递数据。中间难以调试代码,。用google的 inspect调试。查看数据的传输方式。1、adb连接正常,打开手机USB调试2、第一次使用的时候一定要保证FQ!FQ!FQ (不懂的可以问我)3、谷歌浏览器中打开chrome ...
    2018年09月18日 15:001
  • Html学习一
    1、解决HTML中的编码问题<html> <head> <title>HelloHtml</title> <!--告知浏览器用UTF-8编码打开--> <meta http-equiv="Conte ...
    HTML2018年09月18日 06:000
  • 浅谈Bootstrap(介绍)
    一.Bootstrap 概述Bootstrap 是由 Twitter 公司(全球最大的微博)的两名技术工程师研发的一个基于HTML、CSS、JavaScript 的开源框架。该框架代码简洁、视觉优美,可用于快速、简单地构建基于 PC 及移动端设备的 Web 页面需求。2010 年 ...
    2018年09月17日 21:004
  • 纯css面板插件,自适应,多样式
    最近在做公司的系统后台,用的bootstrap,在设计布局的时候不喜欢他的面板,所以自己写了这个面板插件,分享给大家先上预览图:默认样式:绿色:黄色:蓝:红:使用方法:引用MoUi.cssHTML中使用为:<div class="mo-group mo-group ...
    CSS2018年09月17日 12:010
  • html的背景样式图片
    背景图片 如果背景图片小于当前的div的情况下默认的是将平铺充满元素background-image 设置背景图片。background-repeat 设置是否及如何重复背景图片。 repeat 默认的是都重复 repeat-x 背景图像在水平 ...
    HTML2018年09月17日 10:001
  • html高度塌陷问题解决
    高度塌陷的问题: 当开启元素的BFC以后,元素将会有如下的特性 1 父元素的垂直外边距不会和子元素重叠 开启BFC的元素不会被浮动元素所覆盖 开启BFC的元素可以包含浮动的子元素 如何开启元 ...
    HTML2018年09月17日 09:000
  • 钉钉h5项目实战仿钉钉聊天h5移动端钉钉案例
    最近一直着手开发h5仿钉钉项目,使用到了h5+css3+zepto+wcPop2等技术进行开发,实现了消息、表情、动图发送,仿QQ多人拼合图像,可以选择本地图片,并可以图片、视频预览,仿微信发红包及打赏功能(点击 “拆” 会有动画旋转动画),还有类似微信长按消息弹出菜单(智能边界 ...
    2018年09月17日 02:001
  • sass的嵌套
    sass的嵌套包括两种: 1、选择器的嵌套。(最常用到)指的是在一个选择器中嵌套另一个选择器来实现继承,从而增强了sass文件的结构性和可读性。 在选择器嵌套中,可以使用&表示父元素选择器scss.stylecss.style 2、属性嵌套指的是有些属性拥有同一个开始 ...
    2018年09月17日 00:010
  • sass判断语句
    @if判断@if可一个条件单独使用,也可以和@else结合多条件使用scss.stylecss.style三目判断 语法为:if($condition, $if_true, $if_false) 。三个参数分别表示:条件,条件为真的值,条件为假的值。scss.stylecss ...
    2018年09月17日 00:0022
  • sass(@at
    @at-root与&配合使用(找父级)scss.stylecss.style应用于@keyframescss.stylecss.style @at-root (without: ...)和@at-root (with: ...)默认@at-root只会跳出选择器嵌套, ...
    2018年09月17日 00:002
  • html注册表
    这是第一次使用html写一个简单的注册表<!DOCTYPE html><html><head> <title>木木音乐网第一次注册表</title></head><body>&l ...
    HTML2018年09月15日 20:003
  • 【微信小程序】采坑之scroll
    一、摘要  今天在使用scroll-view组件的时候发现结果跟预想的不一样。其实也不是第一次用了,同样的写法却出现了意料之外的效果,所以认定是bug了。博主使用的是2.3.0版本,所以之前的版本应该也会有这个bug。二、正文  先上图  这是在scroll-view中添加这么些 ...
    小程序2018年09月15日 18:001
  • 在vue中安装使用vux
    最近因为的工作的原因在弄vue,从后端弄到前端之前一直用js,现在第一次接触vue感觉还挺有意思的,就是自己太菜了,这个脑子呀。。。。不太够用。。。。。页面设计用了一个叫vux的东西,vux可以提供一些组件,用起来还是比较方便的,因为自己比较菜吧,所以有很多东西还是不太深入了解。 ...
    VUE2018年09月15日 15:001
  • Apache2.4.34 + php 7.28 + MySQL8.0.12 安装及配置
    服务端的学习Apache2.4.34 的安装及配置1.基本安装最新的 Apache 已经不提供 Windows 的安装版本,所以我们这里使用的是解压版-下载地址:https://www.apachelounge.com/download/-使用说明:https://httpd.a ...
    MYSQL2018年09月15日 14:000
  • 自定义拖动进度条,包含样式和事件
    自定义可拖动的进度条,如下图效果:代码分三部分HTML 1 <body> 2 <div id="demo"> 3 4 <div class="progress"> 5 <div cla ...
    2018年09月15日 12:001
  • 简约CSS按钮样式设计+文字特效
    按钮:.blog-but{ /* 按钮美化 */ width: 270px; /* 宽度 */ height: 40px; /* 高度 */ border-width: 0px; /* 边框宽度 */ border-radius: 3px; /* 边框半径 */ backgrou ...
    CSS2018年09月15日 12:007
  • 细说移动端 经典的REM布局 与 新秀VW布局
    和以往一样,本次项目也放到了 Github 中,欢迎围观 star ~ 1. 前言2. 基本概念3. REM布局4. VW布局 实现单边边框1px 实现多边边框1px 实现边框圆角 实现容器固定纵横比5. REM + VW布局6. 对比选择 方案选 ...
    2018年09月15日 01:008
  • 视差滚动
    之前项目中没有涉及到视觉滚动的网站,但是毕竟是一种常用的网站类别,不得不了解。实现方法很简单,做一下简单的分析。。。概述:滚动视差是指多层背景以不同的速度移动,形成立体的运动效果,来带非常出色的视觉体验。属性:background-attachment ,决定背景在视图中形态(固 ...
    2018年09月14日 18:000
  • sass变量
    sass变量用法 1、sass变量必须以$符开头,后面紧跟着变量名2、变量值和变量名之间就需要使用冒号(:)分隔开(就像CSS属性设置一样)3、如果值后面加上!default则表示默认值 默认变量sass的默认变量:仅需要在值后面加上!default即可。scss.sty ...
    2018年09月14日 16:000
  • PoPo数据可视化周刊第2期
    PoPo数据可视化 聚焦于Web数据可视化领域, 发现前端可视化领域有意思的内容. 涵盖前端可视化领域最新资讯, 开源可视化库的发布更新消息, 可视化案例分析与讲解, 可视化技术文章, 可视化大神的日常, 可视化八卦等等...不想错过前端可视化领域的精彩内容, 就快快搜索公众 ...
    2018年09月14日 09:008
  • 从零开始的全栈工程师——html篇1.5
    列表与边距探讨和行块一、列表1.无序列表(UL)1)内部必须有子标签<li></li>2)天生自带内外边距 p也是自带大家会发现用UL的时候内容前面会出现一个像这样的一个实心圆可以用属性list-style 去掉也可以更换(list-style:none; ...
    HTML2018年09月13日 21:000
  • CSS的进一步深入(更新中)
    在之前我们学了6种选择器和三种CSS样式的引入,学习选择器就是为了更好的选择文本,学习CSS的引入是为了使文本增加各种样式和属性,下面我们简单来学习一下为文本加样式和一些属性和属性值:1.文本的样式 text(1)颜色 ...
    CSS2018年09月13日 21:000