网站前端
SVG、JavaScript、CSS、HTML、各种框架。Web前端开发是从美工演变而来的，名称上有很明显的时代特征。在互联网的演化进程中，Web 1.0时代，网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。
各种各样的框架让人目不暇接，新技术层出不穷。让我们这些前端狗情何以堪。
目前web前端工程师的年薪待遇平均在10万以上，高级HTML前端工程师年薪达30—50万，很多企业对于与web前端相关的技术职位更是求贤若渴。
webstrom如何禁用Material Theme UI主题
2018年05月17日
最近WebStrom安装了Material Theme UI主题，感觉用不习惯，之后需要删除Material Theme UI主题，具体操作步骤如下：之后取消选择Material Integration之后就可以取消使用Material Integration UI之后就可以禁用Material Integration UI了。黄兵个人博客原创。转载请注明出处：黄兵个人博客 - webstrom如...
Javascript 关闭网页时提示
2018年04月05日
最近在发文章的时候突然关闭了页面，没有提示。刚才写的文章都没有保存，白辛苦了半天。为了实现如关闭页面提示的效果，截图如下：可以看到在刷新和关闭的时候，触发window.onbeforeunload事件，而点击页面内部链接的时候不触发事件。具体代码如下：(function () { // 关闭窗口时弹出确认提示 $(window).bind('beforeunload', fun...
webuploader 自动上传图片
2018年04月05日
最近在编辑文章的时候，上传图片还需要点击上传，多此一举。为了支持自动上传，修改了源代码，具体内容如下： // 实例化1 uploader = WebUploader.create({ // 选完文件后，是否自动上传。 auto: true, pick: { id: '#filePicker', ...
webuploader 隐藏之后显示无法上传图片
2018年04月04日
最近修改网站后台，后台有需要上传图片的地方，用的是webuploader，但是在修改图片的时候出现了问题，具体问题如下动图：才开始上传图片是隐藏的（hide()），点击修改图片之后( show() )，上传图片按钮显示，但是点击选择图片没有反应。解决方案：修改图片按钮增加 $(window).resize(); ，具体代码如下所示：function showUpload() { $('...
summernote 多图上传
2018年04月01日
最近网站有多图需要上传，以前是一张一张的传，麻烦而且还会重复上传。今天改造了一下summernote编辑器，支持多图上传。前端代码如下：$(document).ready(function () { $('.summernote').summernote({ lang: 'zh-CN', minHeight: 400, tabsize...
select2 ajax加载数据后不能选中的标签选项
2018年02月08日
最近在用select2做省市联动，在使用select2的时候遇到了很多问题，现在问题解决了，将解决的过程记录下来，防止后人再犯相同错误。实际实现效果，如下动图：首先是第一个select表单，实现方式是直接通过后台（Python Flask)数据库循环填充，代码如下：<div class="form-group"> <label class="control-label visible-ie8...
jQuery 权威指南
2018年02月05日
“工欲善其事，必先利其器”，作为一名从事 Web 开发多年的工作者，对每一种新技术的 出现与应用都充满了渴望与期待，渴望它能解决现存疑难，进一步提高程序开发的效率 ；期 待它能超越旧俗，引领技术的发展方向。近年来，Web 开发领域的新技术和新工具层出不穷， 它们的出现极大地推动了 Web 开发技术的发展，其中 jQuery 的诞生在 Web 技术的发展进程中 具有划时代的意义。 jQue...