![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端技术
文章平均质量分 81
wiki_Wei
这个作者很懒,什么都没留下…
展开
-
前端开发框架总结之利用Jtopo实现网络拓扑功能(三)
前端开发框架总结之利用Jtopo实现网络拓扑功能(三)上文我们讲了一些拓扑连线、拓扑文本节点相关的交互设计和实现思路以及一些关键技术细节。本文我们继续我们的拓扑管理开发之旅。拓扑容器分组我们可以利用拓扑分组实现拓扑结点的分组管理,实际的应用场景中,可以把一个业务涉及的设备作为一个分组来管理,也可以以地区为单位或者以机房为单位来划分分组。容器相...原创 2018-10-28 10:33:33 · 2286 阅读 · 1 评论 -
前端开发总结之gulp
前端开发总结之Gulp前端比较流行的自动化工具有gulp和grunt,其中gulp的中文官网对gulp使用介绍非常详细了,本文只是为了记录个人搭建自动化工程的一个过程,做个备忘,以后查着方便。 node.js、cnpm安装 node中文官网:https://nodejs.org/zh-cn/(可下...原创 2018-11-08 17:26:45 · 286 阅读 · 0 评论 -
前端开发之原型与原型链
前端开发之原型与原型链原型和原型链估计做前端开发的人都听说过,而且这个是一道很常见的面试题,但是想要真正弄清楚“什么是原型”,”什么是原型链“”,”他们又有什么用“”,“适合在哪些实际场景中使用”这些问题还真不是一件很容易的事儿。今天我就写下自己的理解,一方面加深理解,一方面作为备忘。 什么是原型...原创 2018-11-12 12:37:33 · 2001 阅读 · 0 评论 -
前端知识点大全
前端知识点总结 花了几个晚上整理的前端知识点,收录进来以备后续查看。1、自动化构建工具Gulp的使用方法。考察nodejs安装,npm依赖库安装,全局安装,本地安装,--save和—save-dev 区别,gulp基本脚本编写,gulp常用功能。2、什么是跨域问题?如何解决?表...原创 2018-11-16 09:10:23 · 1567 阅读 · 0 评论 -
UEditor+angular使用踩坑记录
背景:使用UEditor+angular-ueditor.js实现富文本框的功能。坑一、使用shift+内容输入字符时,不会触发angular的双向同步。原因是ueditor中,shift+输入不会触发"contentChange"事件。坑二、使用上传图片功能时,后台获取到数据为有‘正在上传’提示。原因ueditor上传图片成功之后,只用js替换img元素的src指向,这时富文本框中的内容...原创 2018-11-20 14:15:39 · 2033 阅读 · 1 评论 -
前端实现文件下载的各种方法总结
前端实现文件下载的各种方法总结前言:最近项目中有不少关于文件上传和下载相关的功能,开发过程中遇到不少的问题,在此对浏览器下载文件的功能进行总结,以备后续查看。首先,明确一个基本的概念。出于安全方面的考虑,浏览器中运行的Js代码是不可以“直接”对本地磁盘进行读写的,这个是浏览器的js引擎所限制的。但是由于浏览器本身作...原创 2018-12-28 17:30:39 · 5921 阅读 · 0 评论 -
前端实现http线程池
前端实现http线程池背景:前端有时候需要在一个页面循环给后台发起http请求,加入前端页面的这个循环次数有很多,而后台服务的并发又有限,那么如果我们不对请求的频率做限制,就会出现很多请求超时或者失败的情况,造成很不好的业务体验。如果做过后台的人,面对这种业务场景,很容易想到线程池的概念。...原创 2018-12-29 11:28:08 · 1190 阅读 · 0 评论 -
Cordova移动端混合开发之路(一)
Cordova移动端混合开发之路(一)前言:虽然移动端的混合开发已经流行了很长一段时间了,第一次接触到混合开发概念是在2012年的一次html5团队的推介会上,但是由于当时团队的前端技术积累不足,加之业务内容h5的特性不多,所以就暂时搁置了,也没做过多了解。后来由于工作内容的变动,暂时远离了移动端开发。虽然一直有关注移...原创 2019-01-19 18:02:46 · 1594 阅读 · 0 评论 -
webstorm 项目上传svn技巧
webstorm 项目上传svn技巧当在webstorm上创建了一个工程之后,想要通过svn进行项目管理,这里介绍几个操作细节。1、首先需要再Settings中添加ignores文件规则,把不需要通过svn进行管理的文件进行过滤。2、在VCS-》import into version control -》share ...原创 2019-04-25 14:36:29 · 3179 阅读 · 0 评论 -
利用gulp打包------解决ES6代码打包出错问题
利用gulp打包------解决ES6代码打包出错问题在项目中使用gulp对源码及项目进行压缩和打包是很常见的做法,但是实际中可能会遇见uglify执行出错的问题,本文只针对由于项目中使用ES6语法而造成uglify失败的问题。解决这个问题主要是借助于babel。直接上操作流程。1、全局安装babel。使用命令npminstall...原创 2019-05-16 20:43:02 · 4179 阅读 · 2 评论 -
前端开发框架总结之Angular实用技巧(五)
前端开发框架总结之Angular实用技巧(五)上文讲了Angular中网络请求相关的知识,掌握了这些,我们就可以在前端与后台进行通讯了,这样可以实现复杂的业务功能了。今天我们再来介绍下angular 依赖注入相关的知识。angular 依赖注入依赖注入的写法一共有三种第一种app.add.controller('manageC...原创 2018-11-05 17:30:44 · 273 阅读 · 0 评论 -
前端开发框架总结之Angular实用技巧(三)
前端开发框架总结之Angular实用技巧(三)上文讲了Angular中页面刷新和数据绑定的一些知识点,了解了这些之后让你对页面和js中的数据同步做到随心所欲,解决各种页面刷新不出来,变量不生效等问题,同时你还可以利用自定义指令让项目变得更加组件化、智能化、简单化。今天我们再来介绍下angular路由相关的知识。 angular路由...原创 2018-11-02 17:18:25 · 286 阅读 · 0 评论 -
前端开发框架总结之利用Jtopo实现网络拓扑功能(四)
前端开发框架总结之利用Jtopo实现网络拓扑功能(四)上文我们讲了拓扑容器相关的交互设计和实现思路以及一些关键技术细节。至此,我们已经覆盖了结点创建、连线创建、容器创建、结点添加等常用场景,本文我们继续我们的拓扑管理开发之旅。拓扑元素序列化拓扑元素创建好了,位置也摆好了,结点关联关系也建立了,容器分组关系也明确了。接下来就是如何把这些‘辛苦’布局...原创 2018-10-28 11:29:02 · 2093 阅读 · 0 评论 -
前端开发框架总结之利用Jtopo实现网络拓扑功能(五)
前端开发框架总结之利用Jtopo实现网络拓扑功能(五)上文我们讲了拓扑元素序列化与反序列化相关的实现思路以及一些关键技术细节。为了让拓扑管理的功能更丰富化,我们今天再加入一些使用的交互与展示效果,来继续我们的拓扑管理开发之旅 拓扑对象右键菜单 为了使用更多的拓扑操作,我们将功能入口设置在右键拓扑对象弹出的菜单当中。这个官网demo中已...原创 2018-10-28 16:39:57 · 2173 阅读 · 8 评论 -
实用的前端基础知识
1.http和httpshttps的SSL加密是在传输层实现的。(1)http和https的基本概念http: 超文本传输协议,是互联网上应用最为广泛的一种网络协议,是一个客户端和服务器端请求和应答的标准(TCP),用于从WWW服务器传输超文本到本地浏览器的传输协议,它可以使浏览器更加高效,使网络传输减少。https: 是以安全为目标的HTTP通道,简单讲是HTTP的安全版,即HT...转载 2018-10-28 17:54:01 · 300 阅读 · 0 评论 -
前端开发框架总结之Angular实用技巧(一)
前端开发框架总结之Angular实用技巧(一)前言:前一段时间接触了Angular框架,这是一款非常实用的JS框架,它可以大大减少直接对页面元素的操作,使复杂功能的实现更简单。AngularJS有着诸多特性,最为核心的是:MVW(Model-View-Whatever)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。想要真...原创 2018-10-30 10:41:47 · 564 阅读 · 0 评论 -
前端开发框架总结之利用Jtopo实现网络拓扑功能(一)
前端开发框架总结之利用Jtopo实现网络拓扑功能(一)前言: 前段时间由于项目需要实现一个网络设备拓扑管理的功能,经过一番比较,最终选择了利用JTopo插件来实现相关功能。首先JTopo是免费的,其次官网上的一些拓扑示例还算比较全面,能覆盖大部分拓扑场景,再次个人认为JTopo从功能定位和API设计及实现来讲还是很清晰且简洁的,比较容易理解...原创 2018-10-27 19:50:08 · 3631 阅读 · 0 评论 -
前端开发框架总结之利用Jtopo实现网络拓扑功能(二)
前端开发框架总结之利用Jtopo实现网络拓扑功能(二)上文我们讲了一些拓扑结点生成的实际场景设计和实现思路以及一些关键技术细节。本文我们继续我们的拓扑管理开发之旅。 拓扑连线 给拓扑结点添加连线是拓扑管理中必不可少的操作,官网的例子中也有相应的例子。但是如果我们完全按照这个例子的操作方式用到我们项目中的话,其实是很不可取的,例子中是单击结点进行...原创 2018-10-27 20:44:36 · 1428 阅读 · 0 评论 -
前端开发框架总结之Angular实用技巧(四)
前端开发框架总结之Angular实用技巧(四)上文讲了Angular中路由的相关的知识,掌握了这些,我们就可以构建比较复杂的页面结构和UI交互了。今天我们再来介绍下angular $http请求相关的知识。 angular网络请求 angular的网络请求方式在不同的版本是不一样的,但方式大差不差。直接上代码,大家参考这个方式写就行了。...原创 2018-11-03 15:48:43 · 358 阅读 · 0 评论 -
前端开发框架总结之Angular实用技巧(六)
前端开发框架总结之Angular实用技巧(六)上文讲了Angular中依赖注入相关知识,掌握了这些,我们就可以在前端的逻辑更清晰明了,复用程度也更高。今天我们对Angular系列做一个收尾,把一些零零碎碎的小技巧总结下。进程间通讯我们使用事件的方式进行进程间的通讯。主要用到如下几个方法。$on,$emit,$broa...原创 2018-11-06 15:42:54 · 335 阅读 · 0 评论 -
前端开发框架总结之Angular实用技巧(二)
前端开发框架总结之Angular实用技巧(二)上文讲了Angular自定义指令,今天我们再来介绍下Angular数据绑定相关的知识。很多都是个人理解,大家选择性参考吧。 数据绑定、监听、页面刷新 想要理解Angular数据双向绑定原理,那就要去看ng-model指令的实现过程。在实际项目中我们要理解两个重要变量$view...原创 2018-11-02 15:45:14 · 249 阅读 · 0 评论 -
前端websocket使用心得-------二进制数据传输
前端websocket使用心得-------二进制数据传输在由于websocket是长连接,所以在一些业务场景下,前后台的交互使用websocket通讯会比较合适,具体场景不赘述,比如说实时聊天等。本文主要简述一下前端如何使用websocket。1、js有H5的window内置对象中有websocket方法,这个 ...原创 2019-05-17 10:34:23 · 18211 阅读 · 2 评论