随笔分类 - Web Client
WEB前台开发相关,包括:JavaScript、CSS等
摘要:NPM: ### 1、查看当前源: npm config get registry ### 2、恢复官方源: npm config set registry https://registry.npmjs.org ### 3、设置镜像源: npm config set registry https:/
阅读全文
摘要:1. 项目结构 2. 获取 ECharts 库文件 ECharts在线构建 下载后重命名为:echarts.full.js / echarts.full.min.js 3. 获取 ECharts 地图数据 点此下载 下载后移动到项目结构目录的 geo 位置 4. 编写 ECharts 组件 <tem
阅读全文
摘要:某学校的防火墙对 http 资源进行了风险过滤,造成 Ace 中的 ace/keyboard/textinput.js 文件无法加载。使用 https 访问一切正常。 之前就发生过类似的情况,也不知道这个文件里的那行代码触发了防火墙的过滤规则,无语。 等有时间试试其他的在线代码编辑器吧,比如 Cod
阅读全文
摘要:有个在线阅读pdf的需求,就想到了之前听过的pdfjs库:pdfjs官网 下载之后解压到web目录下,直接访问:pdfjs/web/viewer.html 即可加载默认的pdf文件: 一般情况下,pdf在线阅读都不希望被下载或打印,因此需要将右上角那几个按钮隐藏。 如果直接在viewer.html源
阅读全文
摘要:背景 毫无疑问,面对一个新的项目需求,我们首先想到的就是web。 确实,web太方便了,基于浏览器对OS的适配,我们可以很快速的实现某个需求的页面UI,而无需考虑OS的兼容差异。 再经过jq、bootstrap、vue等框架(库)的加持,web简直太酷了! 但浏览器(主要是V8)在成全web起飞的同
阅读全文
摘要:概述 网格布局(Grid)是最强大的 CSS 布局方案。 它将网页划分成一个个网格,可以任意组合不同的网格,做出各种各样的布局。以前,只能通过复杂的 CSS 框架达到的效果,现在浏览器内置了。 上图这样的布局,就是 Grid 布局的拿手好戏。 Grid 布局与 Flex 布局有一定的相似性,都可以指
阅读全文
摘要:用户环境预期 微信内置浏览器 PC端浏览器 手机端浏览器 对于第一种情况:微信内置浏览器,点击微信登录按钮后,直接跳转到微信授权页面,会自动向用户弹出是否同意xx公众号获取个人信息的弹窗,如果允许,则会完成用户授权,继续进行接下来的操作。 对于第二种情况:PC端浏览器,点击微信登录按钮后,将会跳转到
阅读全文
摘要:数组原有的方法: ES5新增的处理数组的相关方法: indexOf / lastIndexof 返回某个指定的字符串值在字符串中首次或最后一次出现的位置 every / some 检测数组的所有元素或者部分元素是否符合指定条件 filter 创建一个新的数组,新数组中的元素是通过检查指定数组中符合条
阅读全文
摘要:原文:https://www.liaoxuefeng.com/wiki/1022910821149312/1023024413276544 在JavaScript的世界中,所有代码都是单线程执行的。 由于这个“缺陷”,导致JavaScript的所有网络操作,浏览器事件,都必须是异步执行。异步执行可以
阅读全文
摘要:随着 Node v7 的发布,越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里,而是在 C# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用,因此
阅读全文
摘要:在做一个 Web 的打印功能时,需要将被打印的文档写到 iframe 的 document 中。 在 Chrome 下一切正常,但在 Firefox 中却总是出现各种意外 试了各种情况,最后发现是 iframe 省略的 src 属性在搞鬼,设置个空白页面解决!
阅读全文
摘要:在js中经常能看到以下的写法: var obj1 = a || b || c; var obj2 = a && b && c; 刚看到时,很容易认为返回的两个变量都是 boolean 类型,但实际上返回的却是 a、b、c的其中之一。 其实这是一种相对安全并且高效的适配写法,可以避免过多的 if 判断
阅读全文
摘要:运行效果: 引入插件: 由于是基于jq写的,所以要引入jq环境。 调用方式: 源码:https://gitee.com/itez/ez-guide
阅读全文
摘要:在前端开发的某些逻辑中,经常需要对现有的js对象创建副本,避免污染原始数据的情况。 如果是简单的一维数组对象,可以使用两个原生方法: 1、splice 2、concat 那如果是多层级的数组对象,再用上面的两个方法就有问题了 虽然最上层会创建副本,但每层下面的数据还是会引用原来的对象 对于这种情况,
阅读全文
摘要:朋友写材料时,需要用到一些分析图表,嫌Excel的太丑,就为他写了一个在线图表生成器。 纯静态实现,基于:H5 + Bootstrap + FusionCharts 本地存储使用H5的localStorage 基本功能:新建、打开、保存、另存、删除 支持一维图表、二位图表,目前只生成柱状图,其他图形
阅读全文
摘要:1、Deferred对象: 一般在函数内部进行声明,并在运行过程中改变其状态,例如成功或失败,最终返回Promise对象用于状态监听。 主要方法: Deferred.resolve(param...) :执行成功,将会触发Promise对象的done回调方法。Deferred.reject(para
阅读全文
摘要:在用户填写满意度评价等表单时,可能会要求符合橄榄型的评价分布对用户来说,评分的同时还要照顾到橄榄型分布,往往按下个葫芦起来个瓢,焦头烂额不已那此时如果有一个很友好的实时提醒,告诉用户橄榄型各区间的分布情况,那他在评分的时候就会有一个很直观的参考,不至于顾此失彼基于以上背景,写了这个小插件,已经在公司...
阅读全文
摘要:从当初用notepad写出第一个web页面,到现在偶尔使用Editplus做一些HTML5的消遣,不知不觉已经15年了 --! 在这中间,和那些老顽固一样,坚决远离FP、DW那些半自动的前端开发工具 虽说效率确实差了些,但那种每一个字符都掌握在自己手中的踏实感实在是不忍心放弃 直到遇见Sublime
阅读全文
浙公网安备 33010602011771号