为您找到搜索结果：1775个
bootstrap框架
json文件的本质：字符串 line-height：如果是纯数字，那么他占的像素是，当前数字乘当前的字体大小； bootstrap框架，响应式框架，本身就是一个强大的框架，可以运用在手机平板 pc上 bootstrap框架的核心：栅格系统 结构层用class为container 格子化的开发模式 <divclass="container"> //到内容层的话要在class中添加container的类 <divclass="row"> //代表行 <divclass="col-6"></div> //代表列 col-lg-6 代表浏览器 col-md-6代表中型电脑 col-sm-6代表平板 col-xs-6代表手机 <divclass="col-b"></div> //代表列 </div> </div> ...
animate(动画)框架 和 swiper (轮播)框架 的使用
swiper.js框架 网址：https://www.swiper.com.cn/ 是一个专门做轮播，切换特效的轮播 使用方法： 然后进入案例，通过案例来进行各种功能的实现， 这一步是教我们怎么做，我们只需要复制粘贴，来操作我们的，将我们的页面写好，我们的操作都需要以这个为基础； 我们功能的实现，需要我们去参考别的文档 我们可以通过这个文档，来实现各种功能 animate.css框架 网址：https://daneden.github.io/animate.css/ 专门做动画特效的框架 使用方法： 操作方法也特别简单 第一步：下载文档 第二步：在GitHub上查看操作方法 1.引入文件 2.每一个动画必须有animated的类名 然后后面跟着拥有动画效果的类名 ...
小程序的开发框架MINA及小程序的启动机制
MINA框架分三个部分 视图层（View）：有很多页面，每个页面有wxml和wxss组成的，视图结构和展现样式 逻辑层（AppService）：处理事物逻辑的地方以及数据交互的服务中心 系统层（Native）：微信客户端的原生能力（微信客户端的功能） 小程序的视图层和逻辑层时双线程通信的，视图层和逻辑层之间，提供了数据传输和事件系统，视图层和逻辑层之间通过JSBrideg进行的 逻辑层把视图变化通知给视图层，然后触发视图层的页面更新； 视图层触发的事件通知给我们逻辑层，逻辑层进行业务处理； 视图层如何将数据的变化实时的展现出来？ wxml拥有元素属性和文本节点的树状图，在节点结构中，每个节点都有上下文的关系，所有在渲染wxml中，小程序会把wxml的节点树，转化为js对象，逻辑层发生变更时，在js文件中通过App()方法中的data对象向data()方法在视图层进行渲染，将前后数据进行对比，这种差异通过diff算法，渲染出正确的ui界面； 小程序做了很多的优化 例如：wxs和wxss及wxml等都是在ui线程上的，通常我们请求的数据，我们...
微信小程序的开发框架
wxss：是一套样式语言，用来描述wxml的组件样式；小程序在css基础上做的修改和扩充的版本 css：是一套样式语言，样式表，用来描述xml和html文件样式的呈现； 设备像素：是图片在设备上显示的小点，这些是固定不变的 css像素：逻辑像素，是我们一套标准来显示屏幕的宽 ppi：独立设备显示的密度 dpr：设备像素除以逻辑像素 微信给的屏幕的宽750px，我们在750px的基础上进行自适应 尺寸单位：rpx（响应式像素） 样式导入： 在css的文件中，在引入另一个css的文件： @import"文件路径" 正常情况下，你在同名的wxss上样式，就是对应的wxml元素上的样式； 内联样式：在wxml文件中通过标签上的style属性来操作样式； 选择器：id class 标签 并级 伪类 优先级概念 权重概念； 无穷大的案例： color:red!important; 这个字体颜色为红色无穷大的权限 nodejs中的javascript ECMAscript: Native:用这个模块，来使用原生js，实现原...
css去掉使用bootstrap框架后打印网页时预览效果下的超链接
在我们写网页的时候，超链接是链接各个页面的桥梁，也是搜索引擎爬虫（spider）收录网站页面的关键，因此，在每个网页中会有许多的超链。今天，一个同行妹妹在使用了bootstrap框架来搭建自己的网站时遇到了打印网页时在带有超链接文字的旁边出现了超链，然后问我如何解决，我一时头大，从来没有遇到过这样的问题撒，该如何解决呢？后来还是同行妹妹聪明，经过网上的一番查资料后，终于找到了解决问题的办法，原来，bootstrap.css在超链接的后边生成了一个超链接，代码就是这个a[href]:after{content:"("attr(href)")"}。找到了问题所在，解决办法随之而来：a[href]:after{content:normal;}不过，我们在使用框架时，最好不要去修改框架原有的CSS样式表，以免对后续的开发产生影响，所以，此解决办法要写在自己定义的CSS样式表中，以覆盖掉框架原有的样式即可。哈哈... 写完收工。 ...
flask模板应用-加载静态文件：添加Favicon，使用CSS框架，使用宏加载静态资源 --
加载静态文件一个Web项目不仅需要HTML模板，还需要许多静态文件，比如CSS、JavaScript文件、图片和声音声。在flask程序中，默认需要将静态文件存储在与主脚本（包含程序实例的脚本）同级目录的static文件夹中。为了在HTML文件中引用静态文件，我们需要使用url_for()函数获取静态文件的URL。flask内置了用于获取静态文件的视图函数，端点值为static，它的默认URL规则为/static/<path:filename>，URL变量filename是相对于文件夹根目录的文件路径。如果需要使用其他文件夹来存储静态文件，可以在实例化flask类时使用static_folder参数指定，静态文件的URL路径中的static也会自动跟随文件夹名称变化。在实例化flask类时用static_url_path参数可以自定义静态文件的URL路径。 在程序的static目录下存一张图片，例如qq.jpg，我们可以通过url_for(‘static’,filename=’qq.jpg’)获取这个文件的URL,这个函数调用生成的url为/static/qq.j...
微服务架构的基础框架选择：Spring Cloud还是Dubbo？
转载至：http://blog.csdn.net/kobejayandy/article/details/52078275 大神就是牛逼啊，我2018年1月24日才开始关注springcloud，但是大声2016年就在分析springcloud与dubbo的区别了。 最近一段时间不论互联网还是传统行业，凡是涉及信息技术范畴的圈子几乎都在讨论 微服务架构 。近期也看到各大技术社区开始组织一些沙龙和论坛来分享SpringCloud的相关实施经验，这对于最近正在整理SpringCloud相关套件内容与实例应用的我而言，还是有不少激励的。目前，SpringCloud在国内的知名度并不高，在前阵子的求职过程中，与一些互联网公司的架构师、技术VP或者CTO在交流时，有些甚至还不知道该项目的存在。可能这也与国内阿里巴巴开源服务治理框架Dubbo有一定的关系，除了Dubbo本身较为完善的中文文档之外，不少科技公司的架构师均出自阿里系，所以就目前情况看，短期国内还是Dubbo的天下。那么第一次实施微服务架构时，我们应该选择哪个基础框架更好呢？以下内容均为作者个人观...
layui社区模板主页框架分析
html代码：<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><linkhref="reset.css"rel="stylesheet"type="text/css"></head><body><divclass="header">iamheader</div><divclass="main">iammain<divclass="wrap">iamwrap<divclass="content">iamcontent</div></div><divclass="edge">iamedge</div></div><divclass="footer"><p><ahref="http://fly.layui.com/">Fly社区&...
自动化测试框架 hierarchyViewer、Uiautomator、Appium的区别比较！
一、HierarchyViewer： 优点：1）能够可视化的角度直观地获得UI布局设计结构和各种属性的信息 2）使用hierarchyviewer.bat来检索手机界面布局 缺点：1）稳定性差，出现过在获取某些控件时，概率性的会存在获取不到的情况 2）性能不好，使用HierarchyViewer功能时进行测试，获取控件等时的执行效率很低，导致整个测试的时间使用特别长，消耗调试时间 3）只能用MonkeyImage的SameAs来做截图对比 4）资料稀缺，不仅百度，google也是一样 5）HierarchyViewer相对应的API，API的提供的方法，没有uiautomator提供的详细和多 6）新手学习起来较难二、Uiautomator： 优点：1）可以对所有操作进行自动化，API封装的较多，使用起来容易理解 2）可以跨应用测试，Google原生，其稳定性和后续的维护更新可以得到保障，运行时也有更多的权限 3）可支持eclipse中使用 4）可以跨进程操作，这点比起其它基于instrumentation框...
appium+python+eclipse 自动化测试框架构建！
升级版的测试框架详见：https://www.cnblogs.com/syw20170419/p/10785848.html经过几天的慢慢研究，现将所需用的自动化框架进行了构建，在后期的代码编写中，直接在框架中套用编写对应的module、case等即可，以此来简化测试方式，提高代码的编写效率与规范基本的架构设计流程图，如下： eclipse中具体框架结构如下： 对应的eclipse的workspace目录下，在对应的工程下，将可以看到生成的html报告与logs日志记录，本人的目录为（D:Autoeclipseworkspace）如下： 打开logs所看到的内容 打开test文件，所看到的内容 以上所有的信息都将与eclipse中所看到的一致，并且将对应的信息已存放在了本地，后期方便log分析以上框架的构建，需要的留言即可，我将发送你 欢迎加入微信群一起学习： ...
python之unittest单元测试框架
1、单元测试的概念单元测试（unittesting），是指对软件中的最小可测试单元进行检查和验证。对于单元测试中单元的含义，要根据实际情况去判定其具体含义，一个单元可能是功能模块、类、方法（函数）等。2、单元测试工具不同的编程语言都有比较成熟的单元测试框架，语法规则有些差别，其核心思想都是相通的。常见的单元测试框架有：Java语言：Junit、TestNGPython语言：UnitTest、Pytest、UnitTest单元测试框架3、unittest框架介绍UnitTest是Python自带的一个单元测试框架，用它来做单元测试。也经常应用到UI自动化测试和接口自动化测试中，用来管理和维护测试用例脚本。使用UnitTest框架的好处：1.能够组织多个用例去执行（可以把多条测试用例封装成一个测试套件，实现批量执行测试用例）2.提供了丰富的断言方法，方便对用例执行的结果进行判断3.能够生成HTML格式的测试报告4.使用Fixture功能可以减少代码的冗余UnitTest核心要素：TestCase：用户自定义的测试用例的基类，调用run()方法，会依次调用setUp方法、执行用例的方法、te...
Java集合框架
早在Java2中之前，Java就提供了特设类。比如：Dictionary,Vector,Stack,和Properties这些类用来存储和操作对象组。虽然这些类都非常有用，但是它们缺少一个核心的，统一的主题。由于这个原因，使用Vector类的方式和使用Properties类的方式有着很大不同。集合框架被设计成要满足以下几个目标。该框架必须是高性能的。基本集合（动态数组，链表，树，哈希表）的实现也必须是高效的。该框架允许不同类型的集合，以类似的方式工作，具有高度的互操作性。对一个集合的扩展和适应必须是简单的。为此，整个集合框架就围绕一组标准接口而设计。你可以直接使用这些接口的标准实现，诸如： LinkedList, HashSet,和 TreeSet 等,除此之外你也可以通过这些接口实现自己的集合。从上面的集合框架图可以看到，Java集合框架主要包括两种类型的容器，一种是集合（Collection），存储一个元素集合，另一种是图（Map），存储键/值对映射。Collection接口又有3种子类型，List、Set和Queue，再下面是一些抽象类，最...
关于第三方框架 better-scroll的个人理解
在普通html文件中：首先我们写一个DIV创建一个class。如下<style> .wrapper{ //设置一个固定的高和背景颜色 height:200px; background-color:sandybrown; }</style><divclass="wrapper"><ul> <li>{个表格￥}*100</li> </ul></div>假设我们引入了better-scroll框架========》<scriptsrc='./bscroll.js'></script>然后我们就可以在<script>中去使用better-scroll了 给下面的代码做一些小解释：1.BScroll是better-scroll中声明的所以我们引用过better-scroll之后可以直接new出来2.new出来的BScroll中可以传2个参数(el,position);第一个是el第二个是position，个人理解，第一个是dom...
神奇的框架插件jquery layer
layer的这个相册功能是不是很炫酷，是滴，这就是layer，只要添加一个layerjs就行了1//Javascript代码2layer.photos({3photos:'#photosDemo'4});5//html代码6<divid="photosDemo"class="photos-demo">7<!--layer-src表示大图layer-pid表示图片idsrc表示缩略图-->89<imglayer-src="http://www.51dev.com//FileUpload/news/202102/20210202001719927.jpg"layer-pid=""src="http://www.51dev.com//FileUpload/news/202102/20210202001719927.jpg"10<imglayer-src="http://www.51dev.com//FileUpload/news/202102/20210202001719815.jpg"layer...