IDEA中Debug调试VUE前端项目、调试JS

IDEA中Debug调试VUE前端项目、调试JS

前言 有一个礼拜没发quarku+graalvm相关的内容了,因为博主在忙一个新的前端项目去了,从element-ui切换到antdv,也有很多新的东西需要一边啃文档一边输出,程序出现bug自是在所难免的,所以需要开发工具可以非常方便的debug程序。在java开发中,debug就是一个debug启动按钮解决的事情,而在前端开发中,IDEA这个开发工具也提供了非常好用的jsdebug工具,博主的这个用法不是网上介绍的那种需...

阅读全文 »

angularjs实现下拉框多选

angularjs实现下拉框多选

前言碎语 博主最近又开始搞前端了,好心塞,有个需求需要用到下拉框多选,因为项目使用了angularjs,所有使用了一个开源的基于angular写的指令,在这里分享下,非angular可忽略 相关链接 github项目地址: https://github.com/dotansimha/angularjs-dropdown-multiselect 进入正题 这个指令依赖lodash.js ,所以如果项目使用了bower管理js的,需要同时引入 angularjs-dropdown-multiselect 和loadsh,如下,如果没使用bower...

阅读全文 »

node.js MVC开发框架之Think.js

node.js MVC开发框架之Think.js

前言碎语 今天为大家带来一款基于node的mvc开发框架Think.js,这是由奇虎360奇舞团团队打造的一款轻量的node mvc框架,看起来是不是很熟悉。没错,think的设计借鉴了大部分的thinkphp的思想,开发的时候看项目目录结构以及层次就可以看到thinkphp的影子,所以,如果你有thinkphp的开发经验,使用think开发node应用是so easy的上手。同时,基于think的轻量易用性,作为学习node的入门框架来说,无可...

阅读全文 »

前端开发工程化之angular打造spa应用

前端开发工程化之angular打造spa应用

前言碎语 ps:这篇博文是博主在公司内部分享的一个流程梳理的文档,仅供参考 soa/微服务架构,前后端分离,前后端通过http通讯json交换数据这个是未来的趋势 后端开发我们都熟悉,今天分享前端开发工程化? 软件开发,从无到有,从陌生到熟悉,怎么最快的上手开发呢?我觉得应该了解他的开发方式,重要的事情三遍,开发方式,开发方式,开发方式! 然而所谓的spa单页面应用如...

阅读全文 »

关于angularjs下拉框数据回显的问题

前言碎语 使用 angul ar肯 定都知道ng的双向数据绑定特性,有像有点废话 ,但是,今天博主在处理省市下拉框联动数据回显的时候这种特性失效了,同样的下拉框,有的又有用, 作 为 非 专 业 前 端 博主一脸懵逼 ,不过, 最后 用 n g - s e l e c t e d还是完美解决了回显的问题,做个记录 代码如下: div class="col-xs-4 p0 pb10" div class="input-group input-group-sm ig9" span class="ig2 input-group-addon" style="wid...

阅读全文 »

酷炫的css之csshake----跳动的div

酷炫的css之csshake----跳动的div

前言碎语 今天要介绍的是一个叫做csshake的css样式库,项目托管在github上了,这个css库能够提供丰富的可以让div以鼠标经过跳动、无限抖动、鼠标悬停跳动等多种css样式,可玩性极强 鼠标移上去先感受下 div class = " shake " div div class = " shake shake-hard " div div class = " shake shake-slow " div div class = " shake shake-little " div div class = " shake shake-horizontal " div div class = " shake shake.vertical " div div class = " shake ...

阅读全文 »

图片查看插件,仿QQ图片查看效果,功能丰富

jquery图片查看的插件 一个jquery图片查看的插件,目的是能精确查看图片的详情,插件支持图片旋转、放大、缩小、拖拽、缩略图显示,界面效果是按照window的qq查看图片功能写的,当然不尽相同。 具体功能: 多张图片切换,键盘左右键或左右箭头切换 旋转 放大,支持鼠标滚轮 缩小,支持鼠标滚轮 右下角缩略图 拖拽大图 全屏 github项目地址: https://github.com/codingforme/jquery-photo-gallery ...

阅读全文 »