经验首页 前端设计 程序设计 Java相关 移动开发 数据库/运维 软件/图像 大数据/云计算 其他经验
 HTML5

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

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

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

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

css样式大全

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认识二

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]

&lt;P&gt;标签是什么?怎么用!

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

HTML中的标题&lt;h1&gt;标签的用法!

HTML中的标题&lt;h1&gt;标签的用法!

在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】

【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编程式跳转

Vue编程式跳转

编程式跳转 <template> <ul cla = "prolist"> <!-- 产品 --> <!-- :to = "/detail/item.id" --> <!-...[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】

视频网站大杂烩--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 的,在没有 canvas 之前,我们为了网页的效果,很多情况下是使用了图片来实现,不过用图片就需要加载,而且图片的体积也是一个问题,所以在 html5 的规范里新增了一个 canvas 元素(画布) 那么其实在 html5 中有两个 2d 图...[2019/7/8]

Vue.js 源码分析(十九) 指令篇 v-html和v-text指令详解

双大括号会将数据解释为普通文本,而非 HTML 代码。为了输出真正的 HTML,你需要使用 v-html 指令,例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UT...[2019/7/5]

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

我们可以用 v-for 指令基于一个数组or对象来渲染一个列表,有五种使用方法,如下: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> &l...[2019/7/5]

《微信小程序项目开发实战:用WePY、mpvue、Taro打造高效的小程序》(笔记2)WePY版HelloWorld

本节将介绍如何使用WePY创建一个最简单的项目,也就是之前已经创建过的HelloWorld。 1.6.1 创建HelloWorld项目 首先需要在使用的代码编辑器中新建一个项目,之后使用CMD命令行工具或者是终端shell等使用“cd 文件目录”的命令进入到该项目目录...[2019/7/5]

块级元素与行内元素的区别

[2019.07.04 学习笔记3] 1.块级元素 独占一行 可控制宽度和高度,以及四个方向的内外边距 可容纳块级元素和行内元素 默认情况下宽度与浏览器宽度一样,与内容无关 2.行内元素 与其他元素位于同一行 不可控制宽度和高度,以及垂直方向的内外边距;只能设置水平...[2019/7/5]

关于创建Web图像时应记住的五个要素

关于创建Web图像时应记住的五个要素

1. 格式与下载速度 当前,Web上用的最广泛的三种格式是GIF、PNG和JPEG。我们的目标是选择质量最高,同时文件最小的格式。 WebP图像格式 谷歌建立了另一种图像格式,名为WebP。 这种格式既支持有损压缩也支持无损压缩,它产生的文件大小也远小于JPEG和PNG。跟P...[2019/7/5]

Vue.js 源码分析(十七) 指令篇 v-if、v-else-if和v-else 指令详解

v-if 指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。 v-else-if,顾名思义,充当 v-if 的“else-if 块”,可以连续使用: 也可以使用 v-else 指令来表示 v-if 的“else ...[2019/7/4]

&lt;dl&gt;标签--定义列表

[2019.07.03 学习笔记2] 1.定义列表,没有项目符号,type无法起作用。 2.自定义列表以<dl>标签开始,自定义列表项始于<dt>标签,每个自定义列表项的定义始于<dd>。 <!DOCTYPE html> <h...[2019/7/4]

56
2
记录数:631 页数:1/1312345678910下一页尾页
加载更多