前端小随笔

由于工作需要,需要截取一个html文件中的一些段,导入到数据库中(当然用诸如UE.Notepad++之类的文本编辑软件可以很简单的实现).但是,思考了一下能否使用命令去实现呢? 以下是一个模板文件: 当然,一个html文件中不可能只有这几个段,我们可以使用'grep -e 字符串1 -e 字符串2'这样的命令去筛选就好了. [[email protected] myScript]# cat test.log  <sffid>1234</sffid> <policyno>

作为一名前端,一直想说,一入前端深似海啊.也许在很多人眼中,前端就是简简单单的写页面的,但实际上前端的水还都是很深的,具体就不做叙述了. 今天来的主要目的是分享平时积累的一些前端小知识 一:js,jq获取各种高度 Javascript: alert(window.screenTop);                     //浏览器距离Top alert(window.screenLeft);                     //浏览器距离Left alert(window.scre

51先在学校HTML5已经有半个多月了,然后这个星期做了一个京东的手机网站,接触到了通用样式,下面以京东的手机站为例 这两个就是京东手机站了的不同的两个板块,因为HTML5仅仅只是学完了基本标签跟css的标签,所以在没有接触通用样式之前很可能就是这两个板块就是两个不同的代码了,然后就会导致css文件里面的代码会非常的多,也会是比较混乱的,不能够清楚明了的看懂.而且应用的通用样式就是可以用一套代码来搞定各个类似板块,并且每个板块不同的地方仅仅需要微调就可以了.这样不仅仅使代码明了,而且还会很省事,

shell随笔 一.   学好shell编程的知识储备 前面讲过,给大家留作业Linux系统命令应用: Vi/vim 编辑器的熟练使用,SSH客户端软件的设置: 基础的服务,系统服务ntp,crond,网络服务:nfs,rsync,inotify,sersync,ssh,lanmp. 补充:清空日志的三种方法: echo  " " > filename.log >filename.log cat  /dev/null > filename.log 注:工作中有的时候不

private void TestHandlerMessage(){ Message msg = new Message(); msg.what = 1; handler.sendMessage(msg); } 在很多Android工具书上,经常出现与上面代码相似的片段. 而在真正接触项目,需要对性能有更好把握的时候又能看到这样的代码段: private void obtainMessageTest(){ Message msg = handler.obtainMessage(); msg.wh

与其说是CentOS7.0的小随笔,说老实话,基本指令在每个发行版本的Linux中都基本上是一致的. Part.A部分我们讲述以下四个方面:命令行界面与图形界面.Linux系统的关闭与重启.命令行帮助.导航类命令. 一.命令行界面与图形界面 Linux操作系统中存在着两种不同的操作方式:文本模式和图形模式 对于CentOS系统而言,如果安装选项选择的是最小安装或基本服务(basic service)安装,那么默认进入的是文本模式,且GUI组件并未连带安装(后续可以通过yum进行安装). tips

写在前面: 该篇是个人平时对web前端小知识点的总结,会不定时更新...... 如有错误,敬请批评指正. 正文: 1.WWW是World Wide Web的缩写. 2.HTML(Hyper Text Markup Language)是用于描述网页文档的超文档标记性语言. 3.Web主要包括超文本传输协议(HTTP).统一资源定位符(URL)以及超文本标记语言HTML组成. 4.HTTP是客户端和服务器端信息交互的网络协议. 5.URL是网络上的资源的唯一标识符,俗称网址. 6.文本.图像.超级链

写后台两年的时间,说实话,没学的多精,技术也不咋滴,可能是太懒的缘故... 今年的6月份,正式加入前端的大军,不会ps,这是个硬伤,只能去使用阿里巴巴的矢量图代替所有的icon,但是,我发现,使用矢量图比普通的png,webp,gif更能灵活的去编排图标,唯一的遗憾就是,需要转换svg格式提交到阿里,当然,设计ai文件也不会. 也从ssm,ssh,mvc,mvvm等各种设计模式转换到统一的图形生动形象的界面去写代码,也是要一段适应的过程,发现这个过程是很大的激发了几度思维空间的神经,让空间的设计

前端 自定义居中#照片 万能s居中 .second-listleft{/*固定位置*/ position: relative; float: left; width: 25%; height: 100%; background: forestgreen; } table{/*根据固定的位置 进行绝对的移动*/ position: absolute; top:50%; left:0; transform: translate(20%,-50%); } /*变色特效*/ div {/*好玩的特效*/