2019/03/06 09:00 ES文档官方:https://support.huaweicloud.com/usermanual-es/es_01_0024.html 华为云区域:华北北京1 ES集群控制台:地址: https://console.huaweicloud.com/elasticsearch/?agencyId=3cc665d122c14417bb30d6ac8d5588d4&region=cn-north-1&locale=zh-cn#/es/management/li

效果图如图1所示:(简单示范,有点丑,莫介意) PS:兼容IE,FF , chrome ,360安全浏览器 先讲下原理吧,如图2所示: 这个div的样式如下所示: div{ width: 0px; height: 0px; border-width: 20px; border-style: solid; border-color: lightgreen pink yellow lightblue; } 解释:当div的宽高为0时,设border的宽度并设颜色,会发现div像是被分割为4个小三角形

关于CSS的那些事? 它有精准定位与排版,使得网页布局.信息排版一目了然:它有多姿多彩的样式属性,使得网页中各元素千变万化:它有神奇的渲染天赋,使得网页有了如诗如画.别具一格的魅力.你知道它了吗?没错,它就是CSS(层叠样式表)!想了解它吗?那就跟着我走吧! 什么是CSS(层叠样式表)? 简单说,CSS(层叠样式表)是一种用来表现HTML样式的计算机语言:是HTML的表现层!它主要由CSS选择器与CSS样式组成!它具有简单易写.易于维护的特点! 什么是CSS选择器? 从字面意思上,我们就很容易看

这是 Web 性能优化的第 4 篇,上一篇在下面看点击查看: Web 性能优化:使用 Webpack 分离数据的正确方法 Web 性能优化:图片优化让网站大小减少 62% Web 性能优化:缓存 React 事件来提高性能 CSS 必须通过一个相对复杂的管道,就像 HTML 和 JavaScript 一样,浏览器必须从服务器下载文件,然后进行解析并将其应用于 DOM.由于优化程度极高,这个过程通常非常快--对于不基于框架的小型 web 项目,CSS 通常只占总资源消耗的一小部分. 框架打破了这种

SEO是 search Engine Optimization   (搜索引擎优化) SEO: ①白帽SEO(普通SEO做的优化) 网站标题.关键字.描述 网站内容优化 Robot.txt文件 网站地图 增加外链引用 ②黑帽SEO 哥们你不做那种(嘻嘻)网站应该不太需要吧! 现在我说说前端工程师的SEO ①网站结构布局 扁平化结构 控制首页链接数量(中小型网站<=100) 目录层次不要太复杂(一般不要超过三层   三层之后基本很难被爬到啦) 根据内容使用合理的 HTML标签 面包屑导航( 有人问

如何结合自己本地数据库,使用[百度地图]API百度地图使用越来越多,官网上的示例数据都是写死的,实际上我们的开发中的数据都是从数据库中取出来的,最近看了很多大神的文章,结合自己本地数据库使用百度地图API,这里来总结一下具体的代码.本示例中,实现了将数据库里的位置信息显示在地图中,还实现了基本的搜索功能.这里需要用到:请将这些库提前准备好放到文件中      jquery.min.js与后台交互:Ajax 技术另外用到:MySQL+PHP  (没有基础也没事,后面附有)注意使用前先到官网申请秘钥

主题 由于最近比较忙,自己也没有很充裕的时间可以去做比较丰富的分享.今晚我挤出时间来制作这几个很常用的CSS3网页小效果.最近写JS的时间比例比较多,不过我还是比较钟情于CSS3.所以我还是坚持分享一些实用的CSS3小例子.这次由于时间有限,就做了几个相对比较简单的例子.看一下吧! 正文 第一种效果: 由于录制gif图片会掉帧,所以看起来不流畅,很卡,但其实实际效果还是不错的,有弹性一些. html代码: <span class="shake">弹</span>

首先我们定义一块画布,然后在上面画一个圆形. 他看起来应该是这个样子的:(每一个实例我都会附加图片以及demo链接,方便直观的理解与源代码的查看,查看的时候请使用标准浏览器) 点击查看Demo 现在我们就让这个圆动起来 动起来是这个样子的(gif循环之后234三个demo将无法区分,所以这里的gif只循环一次,需要多次查看效果请刷新或者进入demo查看): 点击查看Demo 我们可以看到圆动起来的时候,circle元素里边不再是空的,多了一个animate的元素,这个animate含有下面几个属

一代码优化概述 关于代码优化的知识是纯理论的知识,学习的很枯燥.在学到CSS时,不免遇到CSS+div进行代码优化的知 识,因此在网上看了一些关于这方面的知识,简单的整合一下,梳理自己所了解的代码优化问题. 所谓代码优化是指对程序代码进行等价(指不改变程序的运行结果)变换.程序代码可以是中间代码,也可以是 目标代码.等价的含义是使得变换后的代码运行结果与变换前代码运行结果相同.优化的含义是最终生成的目标代码 短(运行时间更短.占用空间更小),时空效率优化.原则上,优化可以在编译的各个阶段进行,但

一.什么是切图? 切图就是从网页设计稿中切出网页素材,比如一些小的按钮.小的图片.页面的LOGO.网页的背景图片等. 然后就是页面编码,引入图片资源 在HTML里通过 img 标签引入图片资源 <img src="images/avatar.jpg" alt="头像"> 在CSS里面通过background属性引入图片资源 .icon { background-image:url(../images/avtar.jpg); background-posi

Beautiful Soup 中文文档 原文 by Leonard Richardson (leonardr@segfault.org) 翻译 by Richie Yan (richieyan@gmail.com) ###如果有些翻译的不准确或者难以理解,直接看例子吧.### 英文原文点这里 Beautiful Soup 是用Python写的一个HTML/XML的解析器,它可以很好的处理不规范标记并生成剖析树(parse tree). 它提供简单又常用的导航(navigating),搜索以及修改

前情提要 /(ㄒoㄒ)/~~ 作为刚刚接触 Element 组件的人来说,看文档是第一步,但是当我想要修改分页组件里面的按钮时却遇到了问题. 文档中写到是需要给 prev-text 和 next-text 属性就可以将下图中划红线的小箭头修改成想要的文字,比如“上一页”和“下一页”. 于是我试了两种方式去使用这两个属性,都没有成功,分页组件“一动不动”,简直就是黑人问号脸! //第一种方法无效 <div class="block"> <el-pagination la

[编者按]本文作者为 Blog Bowl 联合创始人 Shaumik Daityari,主要介绍 Web 抓取技术的基本实现原理和方法.文章系国内 ITOM 管理平台 OneAPM 编译呈现,以下为正文. 随着电子商务的蓬勃发展,笔者近年越来越着迷于比价应用.我在网络上(甚至线下)的每次购买,都是在各大电商网站深入调研后的结果. 笔者常用的比价应用包括:RedLaser, ShopSavvy 以及 BuyHatke.这些应用有效提高了价格透明度,进而为消费者节省了可观的时间. 但是,你是否想过,

GoDB内嵌HTML 原始的页面里面已经有一个内嵌HTML的例子了,那就是维护支持页面.下图是稍微修改后的页面...请自行脑补. 这里使用的是上一节所说的gdo containter的方法. 打开maintenance.frm文件,该文件包括了一个gdo控件,名字叫做gdoMaintenance,查看该frm文件的Source <GDO UID="1" Name="gdoMaintenance" X="334" Y="70&quo

1.此文目的 漂亮的色彩.绚丽的动画在输入网址后便能呈现在你的眼前.互联网无可否认已经融入了我们的生活. 我们可以山寨出iPhone却很难有属于自己独特的理念关于事物的思想和心脏. 互联网是现实.艺术.与技术的结合.本文意在总结作者从业经验的同时,对互联网的技术范畴提出自己的一点理解. 2.关于互联网 像生活中各个领域一样互联网是个普通的行业形形色色的商家.个人.组织参与到这个行业.但互联网行业也有其独特的特点:创造性.自由性.与平等性(至少技术上是). 只要你掌握了适当的工具你可以自由的实现你

第十二章 SVG动画 12.1动画基础 SVG的动画特性基于万维网联盟的“同步多媒体集成语言”(SMIL)规范(http://www.w3.org/TR/SMIL3). 在这个动画系统中,我们可以指定想要进行动画的属性(比如颜色.动作或者变形属性)的起始值和结束值,以及动画的开始时间和持续时间. http://oreillymedia.github.io/svg-essentials-examples/ch12/simple_animation.html <!-- 收缩矩形 --> <s

前言: 很多前端新手在仿一些大型网站的时候经常遇到一个问题:该网站使用了图标字体——iconfont,虽然现在阿里有开源的iconfont库,但是还是没有原网站的效果(本人强迫症但非处女座).所以此文章介绍一下如何获取和使用网站的iconfont,该技术仅供学习交流,请勿用于任何商业行为. 工具: 1.代码编辑器(本人sublime),2.浏览器(本人火狐),3.迅雷,4.使用iconfont的网站(1号店),一个空css文件. 开始: 先看看什么是iconfont,如下图中的图标: ![该图标

DOM:document operation model 文档操作模型 每个标签都是一个对象. 一.查找元素 DOM 回顾 直接查找 var obj = document.getElementById('i1') document.getElementById('i1') 根据ID获取一个元素 document.getElementsByTagName('div') 根据标签名获取标签集合 document.getElementsByClassName('div') 获取class多个元素(列表

笔记来源 Day-0 1.如果你还不了解Python的基础语法,可以移步|>>>Python 基础 小白 [7天] 入门笔记<<<|或自行学习. 简介 1.什么是爬虫? 网络爬虫(又称为网页蜘蛛,网络机器人,在FOAF社区中间,更经常的称为网页追逐者),是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本.另外一些不常使用的名字还有蚂蚁.自动索引.模拟程序或者蠕虫. 2.实质 模拟浏览器向服务器发送请求,把得到的数据拆分筛选后保存. 3.写爬虫程序的一般步骤 准备工

一.前言 从 0 到 1 学习的朋友可参考前置学习文章: 学习 Webpack5 之路(基础篇) 学习 Webpack5 之路(实践篇) 前置文章 学习 Webpack5 之路(基础篇) 对 webpack 的概念做了简单介绍,学习 Webpack5 之路(实践篇) 则从配置着手,用 webpack 搭建了一个 SASS + TS + React 的项目. 本篇将从优化开发体验.加快编译速度.减小打包体积.加快加载速度 4 个角度出发,介绍如何对 webpack 项目进行优化. 本文依赖的 we