网站前端

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...

Flex 布局教程:语法篇

2018年03月01日

这是收藏别人的文章,自己就懒得转了,有需要的看一下,自己以后要使用可以翻出来看看。文章地址:Flex 布局教程:语法篇Flex 布局示例

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...