前端

【前端积累】点击链接切换图片显示

1 <!DOCTYPE html> 2 <html><!--树根--> 3 4 <head> 5 <meta charset="utf-8"> 6 <meta http-equiv="X-UA-Compatible" content="IE=ed »

Rocks Cluster 7.0 Manzanita (CentOS 7.4)前端节点安装 神坑及处理全纪录

Rocks7.0于2017年发布,别名Manzanita,为基于CentOS7.4的64位版本。 我们在安装、使用该系统时遇坑无数,记录下来。 根据http://central-7-0-x86-64.rocksclusters.org/roll-documentation/base/7.0/作为前端(控制节点)的计算机需要通过Kernel Roll CD重置安装,也可以使用USB安装。Rocks »

前端页面导出CSV格式文件代码实现(后端采用Flask)

参考链接:https://www.cnblogs.com/dengnan/p/3990211.html 我使用的是参考链接的第一种方法 具体思路就是在后端拼接出需要的data数据类型 前端参考代码 前端的思路就是通过向后端传递参数ta_csv查询出需要的数据,然后json.dumps()返回给前端 var ta_csv = $("#drop").text() var label_data »

前端模板的原理与实现

时下流行什么react, avalon, angular, vue什么,其核心都离不开前端模板。理解前端模板,是我们了解MV* 的关键。 前端框架最重要的目的是将页面渲染出来。“渲染”(render)这个词最初不是前端的东西的。前端之前叫做切图,将设计师做的PSD变成一个静态页面,然后加上动态交互。但是我们有许多数据是来自后端,如何将数据加入静态页面呢?于是又多了一套工序叫“套页面”。套页面的过程 »

前端导航栏标签中间的小竖线 实现方法

此方法在可控性方面比较占优势但是会增加一个竖线的节点 html部分: <div class="top_page_l"> <ul> <li><a href="#">小米商城</a><s>|</s></li> &l »

前端设计模式——原型模式

原型模式 原型模式:通俗点讲就是创建一个共享的原型,并通过拷贝这些原型创建新的对象。 在我看来,其实原型模式就是指定新创建对象的模型,更通俗一点来说就是我想要新创建的对象的原型是我指定的对象。 最简单的原型模式的实现就是通过Object.create()。Object.create(),会使用现有的对象来提供新创建的对象的__proto__。 let person = { name:'hel »

WEB前端开发书籍推荐

“基础类《高效能人士的7个习惯》(推荐给所有刚刚进入职场的新人,和进入职场多年但还没看过这本书的老人。这本书会帮助你看清自己,明确今后努力的方向。)《java夜未眠》(从书名看与前端无关,但其中的内容是作者多年工作积累的心得,推荐给每一位立志从事IT工作的新人。)《网站重构》(要从事前端开发,必须要熟悉WEB标准思想。改变思想然后才能改变行动。)HTML类《精通HTML》(目前只看过这本,后续有新 »

一次WEB前端优化尝试

         今天对自己做的项目中的一个设计器界面加载速度上进行了优化,因为页面在加载的时候,感觉有点慢。首先,我用firefox的yslow和chrome的pagespeed进行了测试,效果如下,分数有点不同,但是都是很低的。我其实主要在chrome下用pagespeed的提示进行优化的。 yslow优化前:           yslow优化后:   pagespeed优化前:   »

struts2 + ajax(从后台获取json格式的数据返回到前端,然后前端用jquery对json数据进行解析)

Web2.0的随波逐流,Ajax那是大放异彩,Struts2框架自己整合了对Ajax的原生支持(struts 2.1.7+,之前的版本可以通过插件实现),框架的整合只是使得JSON的创建变得异常简单,并且可以简单的融入到Struts2框架中,当然这只是在我们需要JSON的时候才会显得流光溢彩。 首先不谈Struts2的原生支持,我们自己写一个ajax示例,使用异步请求,直接请求action动作: »

前端面试题2019年滴滴出行工程师面试题及答案解析

一、单选题(共26题,每题5分) 1.在进行金融业务系统的网络设计时,应该优先考虑() 原则。 A、先进性 B、开放性 C、经济性 D、高可用性 参考答案:D 答案解析: 网络设计一般要遵循一些原则,包括:先进性:建设一个现代化的网络系统,应尽可能采用先进而成熟的技术,应在一段时间内保证其主流地位,但是太新的技术,也有不足之处:意识有可能不成熟;而是标准可能还不晚辈、不统一;三是价格高;四是技术支 »

spring boot 热部署 实现 前端部分热更新 详细操作

1.前言 在以前的随笔【https://www.cnblogs.com/c2g5201314/p/12275243.html】 里面已经讲解过了 idea 如何在 springMVC 项目 实现 前端热更新 , 这篇随笔记录spring boot 的配置流程 ,实际上 与  springMVC 项目 的配置差不多  2.操作 (1)导入依赖包 <!-- 热修改前端--&gt »

ios 前端时间显示NaN异常解决办法

安卓显示正常,ios 显示的是NaN:  NaN-NaN1-NaN   new Date('2017-09-18 14:58:32').getTime(); //在ios上拿不到时间戳显示NaN 改为: new Date("2018-02-15 20:30:00".replace(/-/g,'/')).getTime(); // 解决了问题,android 和 ios都正常显示 »

[原创汉化]linux前端神器 WebStorm8 汉化

只汉化了linux版本 因为linux的工具没win多 不过汉化应该都通用的,自行尝试下。 汉化的不是很完全。有时间放出完全版本来。汉化是个体力活 转载随易,汉化不易,且转且注明 截图:   http://www.jetbrains.com/webstorm/ 下载官方版本 提供一组序列号用户名:EMBRACE注册码:===== LICENSE BEGIN =====24718-120420100 »

构建一个前端库-做一个富客户端的基类

基类,我们需要一个基类。 数据库访问我们通常有一个基类,用于操作的统一性。 那么,我们现在需要一个富客户端的前端基类。 为什么我们需要它。   1.我们需要一个dom元素与javascript之间的桥梁。 2.我们需要一个可伸缩布局的方案。 3.它是可拖动的。 4.它是可改变大小的。 5.它是可参数化配置的。 6.它是可绑定数据源的。 7.它是可隐藏也可延迟加载的。   我们需要这么一个基类,避免 »

Sublime Text前端开发环境配置

Sublime Text是前端开发不可不说的编辑器,本文以Sublime Text 3为例讲解一下如何搭建前端的开发环境。 下载Sublime Text 3 下载地址 #==> Sublime Text 3 下载自己电脑对应的版本,然后双击执行安装就好了。 安装Package Control 使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,然后粘贴 »

增加打赏功能 [前端插件]为自己的博客增加打赏功能

前几天在一个博客中看到有一个打赏功能。其实简单说来就是在页面中加入动态DOM节点,使用的也是简单的HTML、CSS、JS这些前端的一些简单知识。在GitHub上有开源的代码,这里稍加改造就可以用在自己的博客中了。   最简单的使用方式是在页面中加入如下JS代码 <script> window.tctipConfig = { staticPrefix: "htt »

前端标签记忆-学习笔记

强调标签:<em>斜体强调   <strong>粗体强调   直接用span控制也可以实现该效果  font-size   font-weight 分行标签:<br/> 水平横线标签:<hr/>         效果:                                                                   »

Web前端学习第十二天·fighting_HTML页面设计技巧总结(一)

公共和个性化样式的合并   灵感:来自京东首页滚动广告右边的图标,如下图所示。   提取公共部分样式,个性化的再单独设置。 示例代码如下: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8 »