Solid | 易学教程

Centos7中使用7zip压缩工具

阅读更多关于 Centos7中使用7zip压缩工具

7-Zip是一个支持7z(它实现了LZMA压缩算法，具有非常高的压缩比)、LZMA2、XZ、ZIP、Zip64、CAB、ARJ、GZIP、BZIP2、TAR、CPIO、RPM、ISO、大多数文件系统映像和DEB格式的文件归档器。RAR格式由于不是免费许可，已经被删除了。环境 Centos 7.7 Minimal p7zip-16.02 安装默认Centos7没有安装p7zip安装包，默认源里面也没有这个安装包，需要安装epel源才能安装p7zip安装包。 [root@localhost ~]# yum -y install epel-release [root@localhost ~]# yum -y install p7zip p7zip-plugins 使用方法 7z 命令提供的函数字母与命令行选项类似，但使用时不使用 - 。这些参数字母告诉命令它需要执行的函数。压缩文件创建一个压缩包使用 a 参数创建一个7z格式的压缩包： [root@localhost ~]# 7z a files.7z file1.txt file2.txt file3.txt file4.txt 7-Zip [64] 16.02 : Copyright (c) 1999-2016 Igor Pavlov : 2016-05-21 p7zip Version 16.02 (locale

Vuejs中关于computed、methods、watch，mounted的区别

阅读更多关于 Vuejs中关于computed、methods、watch，mounted的区别

1.computed是在HTML DOM加载后马上执行的，如赋值； 2.methods则必须要有一定的触发条件才能执行，如点击事件； 3.watch呢？它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。所以他们的执行顺序为：默认加载的时候先computed再watch，不执行methods；等触发某一事件后，则是：先methods再watch。 4.mounted是生命周期 5.created和mounted区别？我们从图中看两个节点： created:在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。 mounted:在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。其实两者比较好理解，通常created使用的次数多，而mounted通常是在一些插件的使用或者组件的使用中进行操作，比如插件chart.js的使用: var ctx = document.getElementById(ID);通常会有这一步，而如果你写入组件中，你会发现在created中无法对chart进行一些初始化配置，一定要等这个html渲染完后才可以进行，那么mounted就是不二之选。下面看一个例子（用组件）。我们用下面的例子再解说解说这些关系 HTML <

Web自动化测试：使用js语句

阅读更多关于 Web自动化测试：使用js语句

在selenium中，有方法可以运行js语句，这样的话对于一些selenium中没有的操作，或者实际编写UI自动化中遇到的疑难杂症，多了另外一个解决思路！简直像是打开了新世界的大门一样。js本身是很强大的，也就是说我们在使用selenium库中的操作以及方法之外，还可以用另一门专门针对前段的编程语言来辅助我们完成UI自动化脚本，对于脚本编写应该具有很大帮助。调用运行js语句的方法同步请求运行js driver.execute_script(script, *args) script：要运行的js语句 *args：运行js语句时使用的一些参数异步请求运行js driver.execute_async_script(script, *args) script：要运行的js语句 *args：运行js语句时使用的一些参数对于同步请求和异步请求的区别：同步请求指我们发送一个请求后，需要服务端进行返回相应结果后才能进行接下来的操作；异步请求指我们发送一个请求后，不需要服务端返回响应结果，直接进行接下来的操作（例如AJAX）。示例演示：对于js的功能，比较常用的就是改变元素的属性值，经常用于一些隐藏的标签需要操作时，将元素属性改为可见。当然还有其它所了解的一些用法，例如：调整滚动条位置、高亮现实指定元素等，下面进入实际网页演示下。整滚动条位置： document

JavaScript的BOM相关内容

阅读更多关于 JavaScript的BOM相关内容

BOM(浏览器对象模型) BOM(浏览器对象模型)简介 BOM是Browser Object Model的简写，即是浏览器对象模型。 BOM由一系列对象组成，是访问、控制、修改客户端浏览器的属性的方法。其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。 BOM没有统一的标准（每种客户端都可以自定标准） JavaScript语法的标准化组织是ECMA DOM的标准化组织是W3C BOM没有缺乏标准，BOM最初是Netscape浏览器标准的一部分 window对象 window，中文是“窗口”的意思。window对象代表一个浏览器或一个框架。window对象会在 <body> 或 <frameset> 每次出现时被自动创建。 JavaScript中任何一个全局函数或变量都是window的属性 window对象除了是BOM中所有对象的父对象外，还包含一些常用属性、方法。 window.方法和window.属性就可以访问了。存在兼容性的属性、方法：状态栏属性status 过时的属性、方法：打开新窗口的open()、框架集合对象frames[]、与窗口操作有关的属性、方法：name、pageXOffset、pageYOffset、moveTo()、moveBy()等常用的属性和方法： alert()：显示带有一段信息和一个确认按钮的警告框 window

Java实现大批量数据导入导出(100W以上)　-（三）超过25列Excel导出

阅读更多关于 Java实现大批量数据导入导出(100W以上)　-（三）超过25列Excel导出

前面一篇文章介绍大数据量导出实现： Java实现大批量数据导入导出(100W以上)　-（二）导出这篇文章在Excel列较少时，按以上实际验证能很快实现生成。但如果列较多时用StringTemplate写入时会出现内存溢出。那么我的解决方案如下：将数据列表分成多份，如果从数据库查询就是分页查询出多页数据进行分批在磁盘插入。 1. 创建模板举例Excel截图如下（有27列）：模板分三部分（head，body及foot），分别如下： operation_data_head.st <? xml version="1.0" encoding="UTF-8" standalone="yes" ?> <? mso-application progid="Excel.Sheet" ?> < Workbook xmlns ="urn:schemas-microsoft-com:office:spreadsheet" xmlns:o ="urn:schemas-microsoft-com:office:office" xmlns:x ="urn:schemas-microsoft-com:office:excel" xmlns:ss ="urn:schemas-microsoft-com:office:spreadsheet" xmlns:html ="http://www.w3.org/TR

angular 自定义带搜索框的下拉标签

阅读更多关于 angular 自定义带搜索框的下拉标签

/** * 带筛选功能的下拉框 * 使用方法 <select ngc-select-search name="select1" ng-options=""> * 说明[ select 一定要有name,ng-options 属性] */ app.directive('ngcSelectSearch', function ($animate, $compile, $parse) { function parseOptions(optionsExp, element, scope) { // ngOptions里的正则 var NG_OPTIONS_REGEXP = /^\s*([\s\S]+?)(?:\s+as\s+([\s\S]+?))?(?:\s+group\s+by\s+([\s\S]+?))?(?:\s+disable\s+when\s+([\s\S]+?))?\s+for\s+(?:([\$\w][\$\w]*)|(?:$\s*([\$\w][\$\w]*)\s*,\s*([\$\w][\$\w]*)\s*$))\s+in\s+([\s\S]+?)(?:\s+track\s+by\s+([\s\S]+?))?$/; var match = optionsExp.match(NG_OPTIONS_REGEXP); if (!(match)) { console.log(

电器类电商网站分类大菜单，配色超舒服~

阅读更多关于电器类电商网站分类大菜单，配色超舒服~

效果图 index.html <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title > index </ title > < link rel ="stylesheet" href ="css/style.css" > </ head > < body > < div class ="container" > < div class ="mallCategory" >  < div class ="catList" > < h2 >< a href ="#" > 家用电器 </ a ></ h2 > < ul class ="clearfix" > < li class ="J_MenuItem" > < h3 class ="itemtit1" >< span ></ span >< a href ="#" > 大家电 </ a ></ h3 > < p class ="itemCol" >< a href ="#" > 空调 </ a > < a href ="#" > LED电视 </ a > < a href ="#" > 冰箱 </ a ></ p > </ li > < li class ="J_MenuItem" > < h3

JS 点击缩略小图，显示对应的大图

阅读更多关于 JS 点击缩略小图，显示对应的大图

有时候我们绑定图片到界面上宽高设置的很小，如果点击放大图片看，我们可以使用js来操作一. html 代码这是一个显示你大图片的容器，你可以自己调一些相关的样式， z-index 是透明度，设置越大，就在最上层显示（会有遮罩） <div id="outerdiv" style="position:absolute;top:0;left:0;background:rgba(0,0,0,0.7);z-index:2;width:100%;height:100%;display:none; z-index:8888"> 　　<div id="innerdiv" style="position:absolute;"> 　　　　<img id="bigimg" @*style="border:1px solid #fff;"*@ src="" /> 　　</div> </div> 二 js代码，直接复制就可以用了注意： img里面的点击事件给自己 onclick=“ pimg($（this）) ” <img src="image/tupian.pan" onclick=" pimg($(this)) " /> function pimg(e) { var _this = e;//将当前的pimg元素作为_this传入函数 imgShow("#outerdiv", "

Vue怎么使用Echarts创建图表

阅读更多关于 Vue怎么使用Echarts创建图表

摘要：在后台管理系统中，我们经常会遇到图表，比如说：柱形图，饼状图，折线图，雷达图等等，而用来写图表插件有很多，我这里主要介绍Echarts在项目里怎么使用，官网地址如下： https://echarts.baidu.com/index.html ，详细信息请阅览他们的官网文档和实例，各种图表都比较完善。本文流程： 1.安装插件→2.引入Echarts→3.创建图表→4.修改样式→5.接入数据一.安装插件方法一：npm安装Echarts npm install echarts -S 方法二：cnpm安装Echarts 1.首先我们需要安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 2.然后 cnpm install echarts -S 二.引入Echarts 方法一：全局引入打开 main.js 文件引入Echarts import echarts from 'echarts' 然后将echart添加到vue的原型上，这样就可以全局使用了 Vue.prototype.$echarts = echarts 方法二：局部引入全局引入会将所有的echarts图表打包，导致体积过大，所以我觉得最好还是按需要来局部引入，比如我们需要引入一个柱状图 // 引入基本模板 let

右键菜单

阅读更多关于右键菜单

右键菜单 <! DOCTYPE html > < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" /> < meta name ="viewport" content ="initial-scale=1.0, user-scalable=no" /> < style type ="text/css" > body, html, #allmap { width : 100% ; height : 100% ; overflow : hidden ; margin : 0 ; font-family : "微软雅黑" ; font-size : 14px ; } </ style > < script type ="text/javascript" src ="http://libs.baidu.com/jquery/1.9.1/jquery.min.js" ></ script > < script type ="text/javascript" src ="http://api.map.baidu.com/api?v=2.0&ak=31hnqKEhOUOWFXXxvWYXiM1v" ></ script >  < script

订阅 Solid