web前端利用leaflet生成粒子风场，类似windy

wind.js如下: $(function() { var dixing = L.tileLayer.chinaProvider('Google.Satellite.Map', { maxZoom: 18, minZoom: 2 }); var map = L.map("map", { center: [33.5, 114.6], zoom: 10, maxZoom: 20, minZoom: 3, layers: dixing, zoomControl: false, attribu…

web前端利用HSTS(新的Web安全协议HTTP Strict Transport Security)漏洞的超级Cookie(HSTS Super Cookie)

web前端如果想实现cookie跨站点,跨浏览器,清除浏览器cookie该cookie也不会被删除这似乎有点难,下面的教程让你完全摆脱document.cookie 1.服务器端设置HSTS 如PHP: <?php header("Strict-Transport-Security: max-age=31536000; includeSubDomains");?> includeSubDomains必不可少,因为Super Cookie要用到很多子域名(Super Cook…

web前端利用turf.js生成等值线、等值面

样例如下: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>等值线的生成</title> <link href="Scri…

Vue前端利用qrcode生成二维码

<div id="qrcode" style="width: 560px;height: 560px;background-color: white;"></div> </div> </div> </template> <script> import QRCode from 'qrcodejs2'; import Cookie from 'vue-cookies'; export default…

web前端利用HTML代码显示符号

HTML常用符号代码: ´ ´ © © > > µ µ ® ® & & ° ° ¡ ¡ » » ¦ ¦ ÷ ÷ ¿ ¿ ¬ ¬ § § • • ½ ½ « « ¶ ¶ ¨ ¨ ¸ ¸ ¼ ¼ < < ± ± × × ¢ ¢ ¾ ¾ ¯ ¯ “ " ™ ™ € € £ £ ¥ ¥ „ „ … … · · › › ª ª ˆ ˆ “ “ — — ’ ’ º º † † ‹ ‹ – – ‚ ‚…

整理六百篇web前端知识混总

9个有用的和免费的工具来支持动态网页开发 8个基本的引导工具的网页设计师 11款CSS3动画工具的开发 2016年某前端群题目答案参考 9最好的JavaScript压缩工具创建响应式布局的10款优秀网格工具集锦 8个超实用的jQuery插件应用 8个非常个性化的CSS3单/复选框 10个超赞的jQuery图片滑块动画推荐20款JavaScript框架给前端开发者 7个华丽的基于Canvas的HTML5动画 10个非常炫酷的jQuery相册动画赏析 9个绚丽多彩的HTML5进度条动画赏析 7款…

【图解】Web前端实现类似Excel的电子表格

本文将通过图解的方式,使用纯前端表格控件 SpreadJS 来一步一步实现在线的电子表格产品(例如可构建Office 365 Excel产品.Google的在线SpreadSheet). 工具简介: SpreadJS 纯前端表格控件是基于 HTML5 的 JavaScript 电子表格和网格功能控件,提供了完备的公式引擎.排序.过滤.输入控件.数据可视化.Excel 导入/导出等功能,适用于 .NET.Java 和移动端等各平台在线编辑类 Excel 功能的表格程序开发. SpreadJS具有以…

利用Swashbuckle生成Web API Help Pages

利用Swashbuckle生成Web API Help Pages 这系列文章是参考了.NET Core文档和源码,可能有人要问,直接看官方的英文文档不就可以了吗,为什么还要写这些文章呢? 原因如下: 官方文档涉及的内容相当全面,属于那种大而全的知识仓库,不太适合初学者,很容易让人失去重要,让人掉入到具体的细节之中. 对于大多数人来讲开发语言只是工具,程序员都有一个通病,就是死磕工具,把工具学深.我认为在工具上没有必要投入太多时间,以能高效地完成日常的工作项目为准即可.要需求驱动学习,你需要什么…

（喷血分享）利用.NET生成数据库表的创建脚本，类似SqlServer编写表的CREATE语句

(喷血分享)利用.NET生成数据库表的创建脚本,类似SqlServer编写表的CREATE语句在我们RDIFramework.NET代码生成器中,有这样一个应用,就是通过数据库表自动生成表的CREATE语句,如下图所示: 在实现此功能前摸索了很多方法,最后借助MSSQLSERVER自带的dll文件来完成.先截图展示下此功能生成后的效果,然后再分享代码与方法,欢迎大家讨论其他可行方式,谢谢. 通过上图可以看到,生成的表CREATE语句与SQLSERVER企业管理器生成的语句完全一样.现在我们来…

Web前端开发如何利用css样式来控制Html中的h1/h2/h3标签不换行

H1/H2/H3/H4标题标签常常使用在一个网页中唯一标题.重要栏目.重要标题等情形下. H1在一个网页中最好只使用一次,如对一个网页唯一标题使用.H2.H3.H4标签则可以在一个网页中多次出现,但必要随意添加或添加过度. 在Web前端开发中,经常要使用H1标签对关键字进行优化,可是如果是一行文字中的某个词加上了H1标记,就会换行.可以使用下面的方法,H标签就不会强制换行了.Css控制为一行文字中某个字加上<h2>标签不换行,display:inline; 解释为:内联对象的默认值.用该值…

利用.NET生成数据库表的创建脚本，类似SqlServer编写表的CREATE语句

利用.NET生成数据库表的创建脚本,类似SqlServer编写表的CREATE语句 (喷血分享)利用.NET生成数据库表的创建脚本,类似SqlServer编写表的CREATE语句在我们RDIFramework.NET代码生成器中,有这样一个应用,就是通过数据库表自动生成表的CREATE语句,如下图所示: 在实现此功能前摸索了很多方法,最后借助MSSQLSERVER自带的dll文件来完成.先截图展示下此功能生成后的效果,然后再分享代码与方法,欢迎大家讨论其他可行方式,谢谢. 通过上图可以看到,…

利用Swashbuckle生成Web API Help Pages

利用Swashbuckle生成Web API Help Pages 本文将通过Swagger的.NET Core的实现封装工具Swashbuckle来生成上一篇-<创建ASP.NET Core Web API>的帮助文档. Swashbuckle简介 Swashbuckle有两个核心组件: Swashbuckle.SwaggerGen: 提供生成描述对象,方法,返回类型等JSON Swagger文档的功能. Swashbuckle.SwaggerUI: 一个Swagger UI工具的嵌入式版本…

Loadrunner 脚本开发-利用Loadrunner生成Web service测试脚本

脚本开发-利用Loadrunner生成Web service测试脚本 1.选择协议--Web Service,如下图 2.导入服务入口1:点击Manage Services ->弹出窗中选择“Import” ->弹出窗中选择“URL”,填写wsdl地址,导入例:http://www.webxml.com.cn/WebServices/WeatherWebService.asmx?wsdl 导入后入口2:Add Service Call -> 弹出框中点击“Service”列表框的下…

也许你需要点实用的-Web前端笔试题

之前发的一篇博客里没有附上答案,现在有空整理了下发出来,希望能帮助到正在找工作的你,还是那句话:技术只有自己真正理解了才是自己的东西,共勉. Web前端笔试题 Html+css 1.对WEB标准以及w3c的理解与认识. 标签闭合,标签小写,不乱嵌套:提高搜索机器人的搜索几率: 使用外联的css和js,结构行为表现的分离:文件下载与页面加载速度更快,内容能被更广泛的设备所访问: 更少的代码和组件:容易维护,改版方便,不需要变动页面内容,提供打印版本而不需要复制内容,提高网站的易用性. 2.Xhtm…

web前端开发常用的10个高端CSS UI开源框架

web前端开发常用的10个高端CSS UI开源框架随着人们对体验的极致追求,web页面设计也面临着新的挑战,不仅需要更人性化的设计理念,还需要设计出更酷炫的页面.作为web前端开发人员,运用开源资源,更快更好地实现一些现代化的界面,是必备技能之一.下面小编就分享10个顶级的CSS UI开源框架,有兴趣的童鞋可以一起看看看. 1.Bootstrap– 最流行的Web前端UI框架 Bootstrap是由twitter公司推出的Web前端UI框架,由Twitter的设计师Mark Otto和Ja…

web前端性能概述

1.认识前端性能不管你的网站设计的有多好,后端有多好,对于用户来说全部都是无感知的,用户只关心页面打开的速度,而前端性能表现很大程度上影响着用户的这种感知. 改善前端的性能对用户感知的整体性能提升有很大的帮助,如果将后端的响应时间缩短一半,对用户来说整体的响应时间只能减少5%-10%,但如果换作前端,其整体响应时间可以减少40%-45%. 相比后端,对前端的改善工作量要小很多,性价比极高! 只有10%-20%的最终用户响应时间花在了下载html文件上,其他的80%-90%是花在了下载页面中的组…

用grunt搭建自动化的web前端开发环境实战教程(详细步骤)

用grunt搭建自动化的web前端开发环境实战教程(详细步骤) jQuery在使用grunt,bootstrap在使用grunt,百度UEditor在使用grunt,你没有理由不学.不用!前端自动化,这样的一个名词听起来非常的有吸引力,向往力.当今时代,前端工程师需要维护的代码变得及为庞大和复杂,代码维护.打包.发布等流程也变得极为繁琐,同时浪费的时间和精力也越来越多,当然人为的错误也随着流程的增加而增加了更多的出错率.致使每一个团队都希望有一种工具,能帮助整个团队在开发中能精简流程.提高效率.…

Web前端发展简史

Web前端发展简史有人说“前端开发”是IT界最容易被误解的岗位,这不是空穴来风.如果你还认为前端只是从美工那里拿到切图, JS和CSS一番乱炖,难搞的功能就去网上信手拈来,CtrlC + Ctrl V的话,那就正中了这份误解的下怀.经过十几年的发展,web前端早已脱离了原来边缘化的形态,扮演了移动互联网开发链条中最关键的角色,是应用或产品能否打动用户的踹门砖.那么什么是前端开发,其又包含了哪些内容? 前端开发的定义从狭义的定义来看,“前端开发”是指围绕HTML.JavaScript.CSS这…

使用 jQuery.i18n.properties 实现 Web 前端的国际化

jQuery.i18n.properties 简介在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国际化英文单词为:Internationalization,又称 i18n,“i”为单词的第一个字母,“18”为“i”和“n”之间单词的个数,而“n”代表这个单词的最后一个字母.在计算机领域,国际化是指设计能够适应各种区域和语言环境的软件的过程. jQuery.i18n.properties 是一款轻量级的 jQuery 国际化插件.与 Java 里的资源…

【收藏】Web前端开发第三方插件大全

收集整理了一些Web前端开发比较成熟的第三方插件,分享给大家. ******************************************************************************* 一.国外插件 ace 版本:1.2.3au 官网:https://github.com/ajaxorg/ace-builds/ 许可:BSD 依赖:无 DataAPI:data-pulgin="ace" 功能:基于Web的代码编辑器,实现语法高亮功能 alertif…

web前端经典面试题大全及答案

阅读目录 JavaScript部分 JQurey部分 HTML/CSS部分正则表达式开发及性能优化部分本篇收录了一些面试中经常会遇到的经典面试题以及自己面试过程中遇到的一些问题,并且都给出了我在网上收集的答案.马上就要过春节了,开年就是崭新的一年,相信很多的前端开发者会有一些跳槽的悸动,通过对本篇知识的整理以及经验的总结,希望能帮到更多的前端面试者.(如有错误或更好的答案,欢迎指正,水平有限,望各位不吝指教.:) 另外,宣传一下自己发布不久的一个前端vue的项目:基于vue2.0 +vue…

web前端知识大纲：系列三 html篇

web前端庞大而复杂的知识体系的组成:html.css和 javascript 三.HTML 1.BOM BOM 是 Browser Object Model的缩写,即浏览器对象模型,当一个浏览器页面初始化时,会在内存创建一个全局的对象,用以描述当前窗口的属性和状态,这个全局对象被称为浏览器对象模型,即BOM.BOM的核心对象就是window,window对象也是BOM的顶级对象,其中包含了浏览器的 6个核心模块: document -即文档对象,渲染引擎在解析HTML代码时,会为每一个元素生成…

【理论面试篇】收集整理来自网络上的一些常见的经典前端、H5面试题 Web前端开发面试题

##2017.10.30收集面试技巧 5.1 面试形式 1) 一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2) 面试官喜欢什么样的人 ü 技术好.自信.谦虚.善于沟通.表达. ü 喜欢追究原理 5.2 面试内容 1.2.1简历上的项目 ü 介绍下你的项目吧? 1) 第一步:介绍你项目是干嘛的 2) 第二步:介绍下你负责的是哪块 3) 第三步:介绍下里面都有什么功能,你是怎么实现的,怎么分层的? 1…

【分享】Web前端开发第三方插件大全

Web前端性能优化进阶——完结篇

前言在之前的文章如何优化网站性能,提高页面加载速度中,我们简单介绍了网站性能优化的重要性以及几种网站性能优化的方法(没有看过的可以狂戳链接移步过去看一下),那么今天我们深入讨论如何进一步优化网站性能. 一.拆分初始化负载拆分初始化负载——听名字觉得高大上,其实不然,土一点将讲就是将页面加载时需要的一堆JavaScript文件,分成两部分:渲染页面所必需的(页面出来,没他不行)和剩下的.页面初始化时,只加载必须的,其余的等会加载. 其实在现实生产环境中,对于大部分网站:页面加载完毕(w…

【编码题篇】收集整理来自网络上的一些常见的经典前端、H5面试题 Web前端开发面试题

编写一个方法求一个字符串的字节长度假设:一个英文字符占用一个字节,一个中文字符占用两个字节 function GetBytes(str){ var len = str.length; var bytes = len; for(var i=0; i<len; i++){ if (str.charCodeAt(i) > 255) bytes++; } return bytes; } alert(GetBytes("你好,as")); 实现一个函数clone,可以对JavaSc…

Web前端知识体系

看到一篇不错的文章,拿来收藏和分享. 原文:http://mp.weixin.qq.com/s/UFTfdE7LYhHquWEzwZKLCQ Web前端技术由html.css和 javascript三大部分构成,是一个庞大而复杂的技术体系,其复杂程度不低于任何一门后端语言.而我们在学习它的时候往往是先从某一个点切入,然后不断地接触和学习新的知识点,因此对于初学者很难理清楚整个体系的脉络结构.本文将对Web前端知识体系进行简单的梳理,对应的每个知识点点到为止,不作详细介绍.目的是帮助大家审查自己的…