技术的发展迭代更新你只有把你置身于它出现的那个年代,站在它要解决的那个问题面前你才能更好地理解它.web的发展离不开计算机网络的发展,没有网络就不会存在web计算机网络把分布于各地的单独的计算机连接起来,可以进行数据的共享与交互.这是web的根基计算机通过网络传输数据和通过网络进 ...
-
什么是meta标签？ meta标签是html标记head区的一个关键标签，它位于HTML文档的<head>和<title>之间（有些也不是在<head>和<title>之间）。它提供的信息虽然用户不可 ...
-
在我们开发的一个小程序里面，为了给客户了解一些教程内容，我们需要增加一个在线播放视频的模块，考虑过直接使用视频组件播放服务器上的视频不成功，因此使用腾讯视频插件来播放最终测试成功。本篇随笔介绍微信小程序使用视频组件和腾讯视频插件两种方式的解决方式，并重点介绍视频插件方式的处理过程 ...
-
0.应用场景 前端移动端开发，经常有播放音乐的需求。比如我有公司做过类似支付宝的年度账单，功能是用户在查看年度账单的过程中播放轻音乐。1.audio标签播放mp3(一)常用属性和API介绍1.controls属性有了它，就会显示控制条。图1 chrome默认audio样式图2 ...
-
引言： 网页布局在flex出来之前，是由盒模型为底子，float，position，table，百分比来进行布局的，重绘的比较多，影响性能，复杂又不好维护。flex布局，可以简便、完整、响应式地实现各种页面布局。我在网上看到有很多写flex布局的博文，自己就写着复习一下这个fl ...
2018年06月28日 20:031
-
<template> <div class="hello"> <table> <tr> <th><input type="checkbox" v-model=" ...
2018年06月28日 20:031
-
限制上传类型 & 多选：① accept 属性只能与 <input type="file" /> 配合使用。它规定能够通过文件上传进行提交的文件类型。② multiple 属性规定输入字段可选择多个值。示例：<!-- image/* ...
-
先做个自我介绍，我13年考上一所很烂专科民办的学校，学的是生物专业，具体的学校名称我就不说出来献丑了。13年我就辍学了，我在那样的学校，一年学费要1万多，但是根本没有人学习，我实在看不到希望，我就退学了。退学后我也迷茫，大专都没有毕业，我真的不知道我能干什么，我在纠结着我能做什么 ...
-
HBuilder【优点:强大的代码提示功能,一定程度有利于新手上手，功能丰富多样易上手；缺点:体积太大，打开速度慢，虽然它有一款是轻巧版，不过不好用】sublime【优点：体积小，打开快速，可以锻炼你手写代码；缺点：代码提示以及整理代码格式需要另行下载插件，操作略微有些复杂】PS ...
-
表格 1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>表格</title> 5 <meta charset = "utf-8"/> 6 < ...
2018年06月27日 20:031
-
可能是不习惯写日记文章和总结，觉得我的摘要很长且语无论次,接下来可能更甚。。。如果有人看到我这篇这么糟的文，我很抱歉。 为什么写下这篇呢？我想是因为丧了这么几天之后的重新振作吧，我不喜欢记录心情于文字，什么情绪都放在心里，但今天这篇文我想记录一下这段时 ...
2018年06月27日 08:040
-
Vonic—基于Vue.js和ionic样式的移动端UI框架先放上源码和demo地址: 标签演示: https://wangdahoo.github.io/vonic/docs/ 源码: https://github.com ...
2018年06月27日 03:000
-
需求： vonic中实现级联选择<!DOCTYPE html><html><head> <title>下拉框</title> <meta charset="UTF-8"> <meta ...
-
实习了一年时间，陆陆续续记录下来一堆笔记，不过也丢失了一些... 以后会持续更新、扩展，现在把碰到的知识点归纳于此，方便翻阅一、html部分 1.取消iPhone自动识别数字为拨打号码 <meta name = "format-detection" ...
-
之前一直以为用background引入的图标无法染色（非字体图标），现在才知道有黑科技可以用，就是利用drop-shadow。代码示例<!DOCTYPE html><html><head lang="en"> <met ...
-
今天遇到个业务需求，要求输入框，输入数字的小数位数可以很多位，但移开后显示，只显示小数点后两位 （四舍五入），当要编辑的时候，展现其原来的输入数据。闲话不多说，当时也考虑用第三方插件，但感觉对现有框架后台数据取值有影响；感觉还是前端处理下，直接采用两个input 一个用来显示四舍 ...
2018年06月26日 03:010
-
1、企业应用计算模式主要有：CS模式（客户端/服务器）和BS模式（浏览器/服务器模式）2、html:超文本标记语言。以标记和子标记描述网页元素。 http：超文本传输协议。3、网页以*.html作为后缀名。 网页以<html>作为根元素，该元素中包含< ...
-
定义组件名的方式有两种：使用 kebab-caseVue.component('my-component-name', { /* ... */ })当使用 kebab-case (短横线分隔命名) 定义一个组件时，你也必须在引用这个自定义元素时使用 kebab-c ...
-
定位： 1 <html> 2 <head> 3 <meta charset="utf-8" /> 4 <title>定位</title> 5 <style> ...
-
插入图像img标记的属性及描述属性值描述alttext定义有关图形的短描述srcURL要显示图像的URLheightpixels%定义图像的高度widthpixels%设置图像的宽度 1 <DOCTYPE HTML> 2 &l ...
-
1：<canvas>标签 定义图形、图像，是基于javascript的绘图API2：<video>标签 定义视频3:<audio>标签 定义音频内容4：<source>标签 定义多媒体资源 如：< ...
-
1.static 默认定位方式 显示为没有设置定位时的位置2.fixed(固定定位) 他所相对固定的对象是可视窗口，与其他无关。以浏览器窗口作为参考进行定位3.relative(相对定位) 元素相对自身偏移某个位置，可于子元素设置absolute。4.absolute ...
-
0.1、css引入界面的方式:内联式:通过标签的style属性，在标签上直接写样式。<div ></div>嵌入式:通过style标签，在网页上创建嵌入的样式表。<style type="text/css">div{ wid ...
-
要求：将 数组中值为0 的去掉，不为0的存入一个新的数组代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &l ...
2018年06月23日 07:022
-
css定义： CSS层叠式样表（Cascading Style Sheets）是一种用来表现html或 CSS能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。 一、常用选择器： 1 <h ...
-
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
-
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> ...
-
说明：vm.$refs 一个对象，持有已注册过 ref 的所有子组件（或HTML元素）使用：在 HTML元素 中，添加ref属性，然后在JS中通过vm.$refs.属性来获取注意：如果获取的是一个子组件，那么通过ref就能获取到子组件中的data和methods<!DOCT ...
-
作为一个CSS3初学不久者来说，很容易混淆单冒号（:）和双冒号（::）的用法，以为两者可以互换着来使用。我自己之前也混淆过他们，因为两者看起来太相像了，就像孪生兄弟。但实际上，他们的区别还是挺大的，最多算得上近房亲戚。下面我们来开始讲讲单冒号（:）伪类和双冒号（::）伪元素有什么 ...
-
第一步：安装jQuerynpm/cmpn方式安装(默认安装1.7.X版本的JQ)npm/cnpm install jQuery如果想安装更高版本的JQ那么可以选择在package.json文件下面这个位置添加代码断（当前图片安装的是2.2.3版本，如果想安装更高或者其他可以更改版 ...
-
在我们做很多软件的时候，一般都会前端后端分开，对于我们一般的开发人员来说，侧重一个方向居多，如编码的就较少设计UI的设计开发，特别在目前一些APP、Web方面，界面的设计方面更加是比较精细化，也越来越需要一些专业化的人员去专门处理。不过话说回来，很多时候，我们小项目也需要自己能够 ...
-
参考这个 日尼禾尔 二级联动写了三级联动<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>三级城市联动</title ...
2018年06月21日 12:001
-
问题:在web里面用iframe连接一个html文件 - html文件里面是超链接 - 超链接连接的是web同级目录下imgers - 找不到的原因是测试路径配置问题 问题解决：idea 相对路径找不到图片问题:file ...
-
设置元素为可拖放draggable 属性设置为 true: <img draggable="true" />拖动什么 - ondragstart 和 setData()dataTransfer.setData() 方法设置被拖数据的数据类型和值: ...
-
设计表格： 1 <html> 2 <head> 3 <title>表格</title> 4 <meta charset="utf-8"> 5 </head> 6 ...
-
原文链接 >rem是相对于根元素<html>，这样就意味着，我们只需要在根元素确定一个px字号，则可以来算出元素的宽高。本文讲的是如何使用rem实现自适应。rem这是个低调的css单位，近一两年开始崭露头角，有许多同学对rem的评价不一，有的在尝试使用，有的在使 ...
2018年06月20日 18:019
-
一、如何查看dom元素的事件某种情况我们在页面交互上发现一个问题，肯定是非常想知道这个交互触发执行的入口，这会使我们更直接、快速的进行代码的跟踪、调试和分析。其实在chrome浏览器这很简单就实现了，如下 百度一下 按钮 监听的事件列表：如图，我们就可以很清楚的看出 百度一下 这 ...
-
html的定义：html超文本标记语言，标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片，链接，甚至音乐，程序等非文字语言。超文本标记语言的结构包括“头”部分（head），和“主体”部分（body），期中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。 ...
-
输入框左侧的文字有时候长度不一致 ，但是文字无论左对齐还是右对齐都不好看，如下图所示：但是两端对齐就会和谐很多，如下图：实现两端对齐方只需一行代码：text-align-last: justify; ...
2018年06月19日 21:016
-
今天是一个跨天的任务，学习目标是：掌握CSS盒模型及Float；盒模型要点：如果盒子的高度被设置为百分比长度，那么盒子高度不会遵循这个设置了的百分比长度，而是总会采用盒子内容的高度，除非给它设置了一个绝对高度（例如，像素或者 em）。这比把页面上每个盒子的高度默认设置为视口高度的 ...
-
1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta name=&quo ...
2018年06月18日 01:001
-
表单是网页中最常见的元素，也是用户和我们交互的重要手段，在网站中的登录、注册、信息更新这些功能都是依赖表单实现的。在HTML中对于表单提供了一系列的标签，即输入框、下拉框、按钮、文本域，如下是一个最常见的表单结构内容： 1 <form method="" ...
-
官网上关于过渡属性的值：属性描述CSStransition简写属性，用于在一个属性中设置四个过渡属性。3transition-property规定应用过渡的 CSS 属性的名称。3transition-duration定义过渡效果花费的时间。默认是 0。3transition-t ...
2018年06月16日 00:000
-
什么是容器标签？在HTML开发中我们常常会使用一类标签作为容器放置一些内容，我们把这类标签称之为容器标签，可以作为容器标签的包括列表标签、表格标签、框架标签、布局标签，在这里我们就来总结下这些内容。列表标签 1 <!-- 无序列表 --> 2 <ul> 3 ...
-
个人练习，各位大神勿笑 。。 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name=& ...
2018年06月15日 18:006
-
相信大家常常会打开浏览器搜索一些内容或者浏览一些网站，在浏览器的页面上会呈现很多内容，但是具体的形式无非就是图片、文字以及链接（可以点击进入另一个页面的特殊文字），其中文字承载着巨大的作用，传递着各种各样的信息，同时网页的问题可能作为标题、作为段落而存在，而且我们还可以为这些问题 ...
-
HTML概念HTML，超文本标记语言。它由一套标签组成用来描述网页，值得我们注意的是HTML并不是编程语言，它只是一种标记，我们通过HTML定义了网页的结构，然后再利用其他技术装饰这个结构，赋予这个结构活动的能力。HTML的内容并不复杂，也很容易上手，但是要编写出符合标准而且语义 ...
-
一、前言复习一下css选择器中的一些常用符号的使用，例如“+、~、^、$、>、*”等的使用！二、css选择器之特殊符号1、>(大于号)大于号代表选择子元素，这个我们经常用，值得注意的是 h1>strong 和h1 strong的区别这2个都是选择子元素，但是 h ...
-
我们先写一个案例，通过案例来了解它们之间的水平距离就是两个间距的和我们看完水平再来看垂直方向在默认布局的垂直方向上，默认情况下外边距是不会叠加的，会出现合并现象，谁的外边距比较大就听谁的 ...
2018年06月14日 00:022
-
1.什么是外边距？标签和标签之间的距离就是外边距2.格式2.1非连写margin-top:margin-right:margin-bottom:margin-left:然后我们发现span并没有宽度和高度，因为span是行内元素，没有办法设置宽高，所以我们将行内元素改为行内块元素 ...
2018年06月13日 23:030
-
1.什么是内边距？边框和内容之间的距离就是内边距2.格式2.1非连写padding-top:padding-right:padding-bottom:padding-left:2.2连写padding:上 右 下 左;注意点1.这三个属性的取值 ...
2018年06月13日 22:010
-
先做个自我介绍，我13年考上一所很烂专科民办的学校，学的是生物专业，具体的学校名称我就不说出来献丑了。13年我就辍学了，我在那样的学校，一年学费要1万多，但是根本没有人学习，我实在看不到希望，我就退学了。退学后我也迷茫，大专都没有毕业，我真的不知道我能干什么，我在纠结着我能做什么 ...
-
一，打开Sublime Text2--->出现如下所示界面。 二，在编辑区域可以随便输入数字。如图所示。 三，File--->Save. 四，将名字加上后缀，使其成为我们希望编辑的文件类型。 五，保存成功之后，如图所示。 ...
-
让我们做出来如下的样式：1.首先看下有几个边框，就做几个div，用简单方法div.box$*6 tab键 2.然后给它们设置宽高 3.然后依此来做边框第一个：有四种方法，第一种最简单第二个：有两种方法，第二种简单第三个：第四个： 第五个：第六个： ...
2018年06月13日 06:006
-
有时候文字太多，但为了美观想要在第二行的时候才显示省略号，而不是第一行超出马上就出现省略号下面是css代码：overflow:hidden;text-overflow: ellipsis;//显示省略号display:-webkit-box;-webkit-line-clamp: ...
-
这节课我们还会再来介绍几个属性，然后都介绍完了，我们来介绍盒模型1.什么是边框？边框就是环绕在标签宽度和高度周围的线条这就是边框2.边框属性的格式2.1连写（同时设置四条边的边框）border:边框的宽度 边框的样式 边框的颜色;快捷键： ...
2018年06月13日 04:110
-
2.3连写（分别设置四条边的边框）border-width:上 右 下 左;border-style:上 右 下 左;border-color:上 右 下 左;注意点：1.这三个属性的取值是按顺时针来赋值的也 ...
2018年06月13日 04:113
-
快捷键补充：bc background-color:;bi background-image:;bgr background-repeat:;gp background-position:;ba background-attachment: ...
-
要将第二个div嵌套进第一个div中去 ...
2018年06月12日 20:030
-
需要学习的朋友可以通过网盘下载： > Fenng 2012-05-17开发者必备技能，业余必修课程。其实不是开发者，比如会计师，比如经常做统计的，日常也用得上。Sean 2012-11-28做文本挖掘很有用中途迷路Dante 2013-01-27 ...
