HTML5经验 - 技术经验

HTML中关于浮动的简单说明

1.首先，标签之所以有存在等级分类，是因为他们处于标准文档流（块级元素，行内元素，行内块元素）当中。 2.如何脱离标准文档流？浮动绝对定位固定定位这些可以让一个标签脱离标准文档流，而元素一旦脱离标准文档流，也就意味着不再受文档流的特性约束。 3.浮动 non...[2019/7/22]

HTML

1.域名解析域名 -- ip地址 -- 192.168.1.10 https: 192.168.1.10:80 -- www.jd.com -- DNS解析 {'www.jd.com':'192.168.1.10',} 什么是URL...[2019/7/22]

Vue.js 源码分析(二十六) 高级应用作用域插槽详解

普通的插槽里面的数据是在父组件里定义的，而作用域插槽里的数据是在子组件定义的。有时候作用域插槽很有用，比如使用Element-ui表格自定义模板时就用到了作用域插槽，Element-ui定义了每个单元格数据的显示格式，我们可以通过作用域插槽自定义数据的显示格式，对于二次开发来说具有很强的扩展...[2019/7/19]

微信小程序开发--API界面交互

一、wx:showActionSheet（上拉菜单）属性类型默认值必填说明 itemList Array.<string> 是按钮的文字数组，数组长度最大为 6 itemColor string #000000 否 ...[2019/7/19]

css样式大全

字体属性：(font) 大小 {font-size: x-large;}(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD 样式 {font-style: oblique;}(偏斜体) italic;(斜体) normal;(正常) 行高 {lin...[2019/7/19]

【微信小程序】mpvue中页面之间传值（全网唯一真正可行的方法，中指推了一下隐形眼镜）

摘要： mpvue中页面之间传值（注意：是页面之间，不是组件之间）场景：A页面跳转B页面，在B页面选择商品，将商品名带回A页面并显示使用api： getCurrentPages step1： A页面js: 先定义一个全局的对象that...[2019/7/18]

Vue.js 源码分析(二十五) 高级应用插槽详解

我们定义一个组件的时候，可以在组件的某个节点内预留一个位置，当父组件调用该组件的时候可以指定该位置具体的内容，这就是插槽的用法，子组件模板可以通过slot标签(插槽)规定对应的内容放置在哪里，比如: <!DOCTYPE html> <html lang="en">...[2019/7/17]

stream流

什么是流？ Node中为什么要有流这个概念？使用场景？流指的是数据流，指的是数据是分片传输数据可以实现非阻塞 gulp(流式操作) 案例：打包压缩包：流程： ? *1.读取文件 ? * 2. 创建压缩包 ? *...[2019/7/17]

angular版聊天室|仿微信界面IM聊天|NG2+Node聊天实例

一、项目介绍运用angular+angular-cli+angular-router+ngrx tore+rxjs+webpack+node+wcPop等技术实现开发的仿微信angular版聊天室angular-chatroom实例项目，实现了下拉刷新、聊天消息右键菜单、发送消息、表情(动图)...[2019/7/17]

清除浮动

CSS样式中有浮动的情况下，一般都不希望正常的文档流显示的内容被盖住，所以有浮动的情况下，会紧跟着后面加一个div清除浮动。 .clear{ width: 0px; height: 0px; clear:both...[2019/7/17]

清除浏览器默认样式

清除浏览器默认样式的原因一、某些标签的默认样式不符合我们的设计要求。比如说a标签，默认它是有一条下划线，并且字体颜色也让人觉得很难看，所以我们需要清除它默认的样式，同时根据要求给它重新添加自定义样式。如图是a标签的默认样式。二、各浏览器默认的样式各不同，所以会影响到我们的开发，因为在...[2019/7/17]

百度电影--浮动

【本文为原创，转载请注明出处】技术【HTML+CSS】布局【Div】步骤1 划分div布局步骤2 填充内容超链接+图片+文本步骤3 知识点整理 1.清除浏览器样式 &n...[2019/7/17]

解决H5的a标签的download属性下载service上的文件出现跨域问题

1.通过点击下载多媒体文件(图片/视频/文件等) 最简单的方式： <a href=''url'' download="filename.ext">下载文件</a> 如果url指向同源资源，是正常的。如果url指向第三方资源，...[2019/7/17]

data:image data url 文件转为Blob上传后端的方法

一些场景，比如canvas获取的图片，或者微信开发sdk返回的图片格式是data:img格式的，我们需要上传到服务器上，那就需要进行转化。将dataURL转成Blob base64 转 blob dataURItoBlob(dataURI) { convert b...[2019/7/17]

uniapp之w-picker使用采坑

1. uniapp之w-picker使用采坑 1.1. 前言由于我是先在index页面集合了这个组件，发现该文件内容实在太多了，不好维护，所以打算把内容一个个抽成组件，在抽w-picker时，遇到了两个问题点击取消，会调用方法，但不会产生取消隐藏效果，点击确认也一样，确认函数的确调用了，但...[2019/7/16]

HTML中的图片标签的用法！

在HTML中<img>这个标签是定义文本中的图片标签，它的作用就比如说可以提供图片的名字、提供图片的尺寸大小和提供图片的一些图片属性，比如Alt这个属性，可以给图片一个名称来告诉朋友们。这个也是对seo优化的一种细节上的方式。这样做可以让百度蜘蛛可以知道你这个图片是个什么东西，或者说，...[2019/7/16]

HTML认识二

<!doctype html> <html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...[2019/7/16]

HTML标签认识一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> ...[2019/7/16]

<P>标签是什么？怎么用！

<P>标签它是一个段落标签，它和<br>标签不一样。会自行起一行段落，并且可以作为一个盒子来使用。可以单独定义它。比如下图： <p>这个就是一个段落</p> <p>和上面一句话会有行距</p> 你可以在这一句...[2019/7/15]

HTML中的标题<h1>标签的用法！

在HTML中，<h1>标签是命名标题的元素，并且在网页中起到了很重要的作用，但是不要只是因为想要弄成黑粗字体就使用<h1>标题标签这样不好。如果说你还想要做完网站后需要进一步做搜索引擎优化的话，那么标题标签的用法就很重要了，因为这个对搜索引擎优化的索引有着很大关联。百度会有...[2019/7/15]

Resource Path Location Type Target runtime Apache Tomcat v6.0 is not defined(项目报错)已解决

我换了开发工具后，导入的项目不是这里报错就是那里不错。不过，我喜欢。在tomcat里面部署项目后，定位到报错行时，总是提示我这句话：Description Resource Path Location TypeTarget runtime Apache Tomcat v6.0 is not def...[2019/7/15]

【带着canvas去流浪（11）】Three.js入门学习笔记

目录一. 资料推荐及建议二. Three.js中的基本概念三.重点笔记四.补充示例示例代码托管在：http: www.github.com/dash...[2019/7/15]

【vue】vue生命周期---精简易懂-----【XUEBIG】

主要的生命周期函数分类： - 创建期间的生命周期函数：(只会调用一次) + beforeCreate：实例刚在内存中被创建出来，此时，还没有初始化好 data 和 methods 属性； &nbs...[2019/7/12]

django js 实现表格动态标序号

<table cla ="table table-striped"> <thead> <tr cla ="key_words_head"> <...[2019/7/12]

Vue.js 源码分析(二十三) 高级应用自定义指令详解

除了核心功能默认内置的指令 (v-model 和 v-show)，Vue 也允许注册自定义指令。官网介绍的比较抽象，显得很高大上，我个人对自定义指令的理解是:当自定义指令作用在一些DOM元素或组件上时，该元素在初次渲染、插入到父节点、更新、解绑时可以执行一些特定的操作(钩子函数() 自定义指...[2019/7/12]

Html5新增标签与样式及让元素水平垂直居中

元素的水平垂直居中 1、利用table标签，自带的功能 <style> .parent{ border: 1px solid red; height: 500px } ...[2019/7/12]

Vue.js 源码分析(二十三) 指令篇 v-show指令详解

v-show的作用是将表达式值转换为布尔值，根据该布尔值的真假来显示/隐藏切换元素，它是通过切换元素的display这个c 属性值来实现的，例如: <!DOCTYPE html> <html lang="en"> <head> <me...[2019/7/11]

线性元素和块级元素的区别是什么？

线性元素和块级元素是有本质区别的，顾名思义，线性元素就像一条直线他是没有空间的没有高宽的。然和块级元素他是有宽高的是一个空间。也可以理解成一个盒子像<div>就是一个盒子，你想要把他变成多大的盒子，取决于你在里面放了多少东西。段落标签<p>也是一个盒子。他虽然是段落听起来似...[2019/7/11]

下载css-loader 安装及使用

1.通过require的方式来引入c ，我们来看具体的方法，首先需要安装c -loader， style-loader(安装style-loader的目的是为了在html中以style的方式嵌入c )。 cnpm install c -loader --save-dev cnpm in...[2019/7/11]

canvas实现有递增动画的环形进度条的实现方法

老规矩，直接看图！效果如下：高清大图！码农多年，老眼昏花，动图看不清？！那就看静态截图！！！不同分值效果如下：看完了卖家秀，我们来看产品的制作过程吧！ canvas绘制圆环1、vue中，<template lang=...[2019/7/11]

刚接触HTML5应该先学哪里才好？

好吧，话不多说，直接来点干货吧！刚接触html的小白都感觉摸不着头脑？应该怎么学习呢，其实HTML5可能对于还没有接触过的小白来说会比较的难，听起来也比较新颖。这是个什么骚东西！其实不然，这个就是构成咱们上网网站的基本结构代码。网页的呈现就是用这个搭建的框架结构。这下小白听了可能感觉这个东西牛...[2019/7/10]

Vue编程式跳转

编程式跳转 <template> <ul cla = "prolist">   <!-...[2019/7/10]

Vue.js 源码分析(二十二) 指令篇 v-model指令详解

Vue.js提供了v-model指令用于双向数据绑定，比如在输入框上使用时，输入的内容会事实映射到绑定的数据上，绑定的数据又可以显示在页面里，数据显示的过程是自动完成的。 v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。例如: &...[2019/7/10]

基于Html5 canvas实现裁剪图片和马赛克功能及又拍云上传图片功能

1.核心功能　　此组件功能包含：　　　　图片裁剪（裁剪框拖动，裁剪框改变大小）；　　　　图片马赛克（绘制马赛克，清除马赛克）；　　　　图片预览、图片还原（返回原图、返回处理图）；　　　　图片上传（获取签名、上传图片）。 2.核心逻辑　　2.1图片裁剪　...[2019/7/10]

Linux基础命令和文件权限

Linux命令与文件权限 Linux基础命令 reboot　　重启 cd 　　切换目录 cd .. ...[2019/7/9]

使用VSCode创建一个Vue项目

vue-cli 是vue.js的脚手架，用于自动生成vue.js模板工程的。安装vue-cli之前，需要先安装了vue和webpack · node -v 　　　　　　　　　　 (版本低引起：bash: npm: com...[2019/7/9]

使用webgl(three.js)搭建一个3D智慧园区、3D建筑，3D消防模拟，web版3D,bim管理系统——第四课（炫酷版一）

这节课我们主要讲解园区三维可视化炫酷感官技术方案前言：　　当基础技术达到普及状态，应用就趋向于极致，在三维可视化领域也是这个道理。各大可视化公司都追求美观最大化，这时候美工的作用就不容忽视了。　　背景说明：　　　　A、经济背景：经济下行的大环境下，各大有社会责任的企业与部门...[2019/7/9]

canvas教程(二) 绘制直线

经过 canvas 教程(一) 简介我们知道了 canvas 的一些基本情况而本次是给大家带来直线的绘制 canvas 中，基本图形有两种，一种是直线，还有一种是曲线但是无论是直线还是曲线，我们都应该先了解 canvas 的坐标系 s canvas 的坐标系要绘制之前肯定要了解一下 ...[2019/7/9]

Vue.js 源码分析(二十一) 指令篇 v-pre指令详解

该指令会跳过所在元素和它的子元素的编译过程，也就是把这个节点及其子节点当作一个静态节点来处理，例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> ...[2019/7/9]

Vue.js 源码分析(二十) 指令篇 v-once指令详解

数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值，例如:<p>Me age: {{ msg }}</p>以后每当msg属性发生了改变，插值处的内容都会自动更新。可以给DOM节点添加一个v-once指令，这样模板只会...[2019/7/8]

十二、vue中watch如何监控对象的属性

1、普通的watch 2、对象属性的watch： ??对象和数组都是引用类型，引用类型变量存的是地址，地址没有变，所以不会触发watch。这时我们需要进行深度监听，就需要加上一个属性 deep，值为 true 注意：只要对象的属性发生变化，就会执行handler函数；如果将监听对象中...[2019/7/8]

仿百度图片首页--HTML+CSS练手项目1【Table】

【本文为原创，转载请注明出处】技术【CSS+HTML】布局【Table】图片准备【百度图标、10张不同类型图】 -------------------------------------------------------------------------...[2019/7/8]

视频网站大杂烩--HTML+CSS练手项目1【Frameset】

【本文为原创，转载请注明出处】技术【CSS+HTML】布局【Frameset】 -------------------------------------------------------------------------------------------...[2019/7/8]

bootstrap-select使用过程中的一些问题

这里总结一下上次使用bootstrap-select的过程中遇到的一些问题。至于bootstrap-select的具体使用方法这里就不介绍了，网上有很多例子。地址：官方插件地址：https: developer.snapappointments.com/bootstrap-...[2019/7/8]

canvas教程(一) 简介

什么是 canvas 按例是要介绍一下 canvas 的，在没有 canvas 之前，我们为了网页的效果，很多情况下是使用了图片来实现，不过用图片就需要加载，而且图片的体积也是一个问题，所以在 html5 的规范里新增了一个 canvas 元素（画布）那么其实在 html5 中有两个 2d 图...[2019/7/8]