稍微了解一点框架的事件绑定的都知道 window.onload 事件需要在页面所有内容(包括图片.flash.iframe等)加载完后,才执行,但往往我们更希望在 DOM 一加载完就执行脚本,而各大框架都提供了这样的方法,今天就讨论下其中的原理. 标准浏览器都提供了一个DomContentLoaded事件来实现,我们只需要注册相应的事件就可以了,而在IE浏览器里则需要模仿实现. IE浏览器里最早的解决方案是绑定document.onreadystatechange事件,判断readyState是…
稍微了解一点框架的事件绑定的都知道 window.onload 事件需要在页面所有内容(包括图片.flash.iframe等)加载完后,才执行,但往往我们更希望在 DOM 一加载完就执行脚本,而各大框架都提供了这样的方法,今天就讨论下其中的原理. 标准浏览器都提供了一个DOMContentLoaded事件来实现,我们只需要注册相应的事件就可以了,而在IE(6~8)浏览器里则需要模仿实现. IE浏览器里最早的解决方案是绑定document.onreadystatechange事件,判断readyS…
微信浏览器里location.reload问题会导致有时候post数据丢失.建议不要用此方式,尽量ajax方式获取或不要为了获取新的UI而刷新页面 2015-12-26 00:51:34array ( 'goods' => array ( 'num' => '1', 'goods_id' => '166', 'pmt_id' => '', ), 'isfastbuy' => '1', )2015-12-26 00:52:22array ( )…
如何设置VS编辑代码的时候,都会自动在资源浏览器里将文件所在项目展开 工具-选项-项目和解决方案-常规-在解决方案资源管理器中跟踪活动项(C)…
在浏览器里做出EXCEL的效果,复制.粘贴.设置公式.双击编辑等效果,如果自己开发的话,比较麻烦,建议使用成熟的插件.这里介绍使用智表ZCELL插件,实现用户快捷操作. 首先下载插件,引入到页面中,一共4个文件,包括jquery 基础文件,插件和样式文件. <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> <script type="text/javascrip…
如果你只是想学习ES6语法,找个地方练习下写法.不想看环境如何搭配,就想简单的学习,那有两种简单的方式. 1.在Chrome浏览器里直接F12调出控制台   2.在浏览器里跑引用ES6的HTML页面 babel-standalone是一个在非Node环境的Babel独立编译,这个非Node环境包括浏览器. 可以去 babel-standalone Github 详细了解一下. 使用方式:下载babel.js或者babel.min.js  下载babel-standalone  ,引入页面. 脚本…
copy内容的网址: https://segmentfault.com/a/1190000007020623 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... resolv…
出处;http://www.webhek.com/indexeddb/ IndexedDB是HTML5规范里新出现的浏览器里内置的数据库.对于在浏览器里存储数据,你可以使用cookies或local storage,但它们都是比较简单的技术,而IndexedDB提供了类似数据库风格的数据存储和使用方式.存储在IndexedDB里的数据是永久保存,不像cookies那样只是临时的.IndexedDB里提供了查询数据的功能,在online和offline模式下都能使用.你可以用IndexedDB存储…
写了一个Php脚本,里面用到了PDO连接数据库,但是所有的库都已经安装,在浏览器里执行完全正常,但是写到批处理文件里用php命令去执行的时候却报错找不到驱动,很奇怪. 经查找得知原来php命令与浏览器执行他们使用的php.ini这个配置文件时不一样的,于是在php命令中用-c参数重新指定php.ini问题就解决了. 附: 用该参数,您可以指定一个放置 php.ini 文件的目录,或者直接指定一个自定义的 INI 文件,其文件名可以不是 php.ini.例如: $ php -c /custom/d…
这篇文章的原文我发表在SAP官方社区上:https://blogs.sap.com/2018/03/09/how-abap-syntax-highlight-is-implemented-in-webide-launched-via-browser/ 在S/4HANA里,我们现在能在浏览器里写ABAP了,并且支持语法高亮. 你也许会问,ABAP的语法高亮是如何在浏览器里显示的?下面跟我一起来通过调试的方式自己找到问题的答案. (1). 在浏览器里敲个ABAP的关键字,比如data.发现被高亮了.…
效果如图:点击Fiori launchpad的SE80对应的tile: 即可在浏览器里打开SE80 具体步骤 (1). 在后台找到Fiori catalog page ID: SAP_FIORI_EXTENSIBILITY (2). 打开Open Fiori Launchpad Designer, 根据前一步找到的ID搜索出catalog. 创建一个新的tile: 维护如下数据: 保存,如下url会自动生成. (3). 创建一个新的目标映射关系: 保存映射关系 (4). 将前述步骤创建的tile…
https://www.jb51.net/article/136738.htm django中的HTML控件及参数传递方法 下面小编就为大家分享一篇django中的HTML控件及参数传递方法,具有很好的参考价值,希望对大家有所帮助.一起跟随小编过来看看吧 本文对djangoHTML的表单控件中的单选及多选进行介绍,并说明如何进行参数传递. 1.HTML中的表单控件: 在HTML中表单的书写一般为: ? 1 2 3 4 5 6 7 8 <form method="post" act…
事务码SICF,service name输入WEBGUI, 点右键,选择Test Service: 可以在浏览器里敲SE38进入ABAP editor了: 然么缺乏语法高亮显示: 如果想要浏览器里的语法高亮显示,参考我的SAP community blog How ABAP syntax highlight is implemented in WebIDE launched via browser 以及那些年我用过的SAP IDE. 要获取更多Jerry的原创技术文章,请关注公众号"汪子熙&qu…
如何在Web页面里使用高拍仪扫描上传图像 市场上所有的高拍仪都支持扫描图片并保存到本地,一般公司都会提供控件.开发人员只需要在页面集成就可以进行拍照和扫描.只不过一般扫描的图片是保存在本地固定的文件夹下面,需要用户手动选择一下然后上传. 泽优Web图片上传控件(img2)帮助解决图片手动上传的问题,使用img2后可以自动上传本地路径下面的图片,不需要用户再手动选择图片. 原理 1.img2提供了接口addFile和addFolder,可以直接加载本地路径下面的图片或目录. 2.添加后可以调用po…
转载 2016年11月13日 使用vue-cli构建的vue项目,webpack的配置文件是分散在很多地方的,而我们需要修改的是build/webpack.base.conf.js,修改两处的代码 // 在开头引入webpack,后面的plugins那里需要 var webpack = require('webpack') // resolve module.exports = { // 其他代码... resolve: { extensions: ['', '.js', '.vue'], fa…
Invertase 是一间位于英国的开源软件制作公司.主要构建关于开发者工具.SDK 等应用程序,早在 Flutter 2.2 的时候,Invertase 团队就开始帮助构建和贡献 Firebase 相关的 Flutter 插件 (FlutterFire):在 Flutter 2.8 正式版发布的时候,文章里也介绍了他们和 Canonical 的合作:共同在 Linux 和 Windows 上开发最流行的 Flutter Firebase 插件.除此之外,他们还构建了很多开源产品,你可以在他们的…
今天刚装了遨游浏览器,发现搜索引擎列表里没有Bing(必应)搜索的选项,就自己DIY了下. 步骤: 1. 在遨游搜索引擎列表管理里,添加一个新的搜索引擎项: Name:填写上”Bing(必应)“ (这个可以随便,你自己喜欢就行) Search Url: http://www.bing.com/search?q=%us&setmarket=zh-CN&setlang=zh-cn   (这个最核心,写对了就行了,如果你习惯语言是英语,可以把其中setlang=zh-cn替换成setlang=e…
业务需求: 在这样一个表格里,通过点击"确认"按钮,收集该行数据,向后台发送请求 解决办法 以该button为锚获取父节点,再由父节点获取各个元素的值 获取子元素又有很多办法,包括通过下标获取子元素,通过标签名获取,通过class获取等等 var root=button.parentNode.parentNode; var name=root.getElementsByClassName("name").item(0).value var price=root.ge…
前端优化有一点就是优化js的执行时机,一般做法是将script放置于body的结束标签,以避免加载执行js 文件导致页面渲染阻塞的问题这种做法确实能防止页面阻塞,但是在页面渲染完成之后才去加载js文件,有时候会显得js文件加载时间过长.于是我们可以合理的使用script的属性defer,async (一)分析defer,async的作用 (1)在不加defer,async的情况下页面会预先渲染,如果遇到script 标签,他就会停止页面的继续渲染,去加载js文件,带文件加载完并执行结束之后,才会…
Mozilla.谷歌.微软和苹果已经决定开发一种面向Web的二进制格式.该格式名为WebAssembly,可以作为任何编程语言的编译目标,使应用程序可以运行在浏览器或其它代理中. 几年前,我们在InfoQ上讨论过面向Web的通用字节码的优点(见<讨论:我们是否需要一种通用的Web字节码?>),概括了创建这样一种格式的困难.其中提及的一个主要问题是主要的浏览器制造商无法达成一致:Mozilla在推asm.js,谷歌支持PNaCI,苹果在开发FLTJIT,而微软没有对其中的任何一种表示出兴趣.但现…
最近想看看现在做的React项目用的脚手架,看了下webpack的配置,尝试修改一些东西看看输出结果,结果允许npm run dev发现没有输出目录,怎么回事呢.又安装了vue官方提供的webpack-simple脚手架,发现也是没有输出目录. 到网上搜寻该问题,发现一个不错的解答. 最近刚学vue + webpack用vue init webpack-simple my-project 新建了一个vue + webpack的目录npm install后就npm run dev了浏览器自动启动后…
有用户反应点击下载附件时没有反应,让用户把该下载链接复制到微信对话框中,发现点击该链接仍然无反应,但是在内置的手机浏览器中打开是正常的而且可以下载. 链接地址,有需要的可以拿去进行测试: http://file5.igrow.cn/2018/12/18/0b81c7b1c293bbd3c1808ccf4f009d2a.doc step1: 把上面那个链接拿过来测试,公司所有人电脑端的浏览器都可以点开,再进行手机端测试,大部分人的手机都可以正常点开,只有一款诺基亚X7点击没反应,于是进行抓包分析…
去年5月的时候,Jerry曾经写了一篇文章:使用Java程序消费SAP Leonardo的机器学习API,而最近另外做的一个项目,需要在Web应用里做同样的事情. 因为有了前一篇文章的铺垫,避免了很多重复的工作量.本文还是选择使用SAP Leonardo里的一个Product Image Classification API,即给定一张产品的图片,该API能识别出此产品的类别. 再回顾下这个API的功能:该API的模型是由SAP基于大约5万张Icecat图片训练而成,能区分29种不同的类别,这些…
如果是你在网站制作网站让后进行测试,直接在IE浏览器中打开本地含有脚本或者ActiveX控件的页面时,IE就会弹出一个提示栏,说:”为了有利于保护安全性,Internet Explorer己限制此网页进行可以访问计算机的脚本或ActiveX控件.请单击这里获取选项…”.这虽然是IE浏览器为了用户的安全而设置的一个功能,但是却给开发者在测试页面的时候带来了麻烦,记得以前碰到这个问题,我也只能一次一次地在提示栏上点右键,然后选择“允许阻止的内容”,感觉十分的繁琐和无趣.实在没有办法,不太像去改IE浏…
背景 厂内的CI系统把 Jenkins 和Github 连接了起来,这样Dev 只要通过github pr 就能够了解到测试job 运行的情况.有的时候,Dev会找到QA问,如何在Jenkins CI 里面调试代码,所以就有了这篇小指导 步骤 Open job url Open console log to find which slave runs this job and where is the workspace login the slave machine and go to the…
mui适用场景说明 为解决HTML5在低端Android机上的性能缺陷,mui引入了原生加速,其中最关键的就是webview控件,因此mui若要发挥其全部能力,需和5+ App配合适用,若脱离5+ App,mui功能会受限,主要涉及三个部分: webview窗口相关 涉及webview的,除了5+App,其它所有手机浏览器及PC浏览器均无法使用,涉及功能点包括: webview模式窗体动画 创建子窗口(除了为解决区域滚动的常见双webview场景,还涉及webview模式的选项卡等多webvie…
因为是老项目并且用的angluar1有时也会很头疼没法直接打包和手机联调,所以浏览器上测试的多但是真机和浏览器还是不一样的,废话不说了,看图吧 我的时间插件代码是这样的 后台返回的数据格式是这样的 ,而时间控件一般接受的是格林威治时间,所以我们需要使用new  Date(),但是手机不支持“-”的格式转,我们需要改成“/”,比如我的代码是这样的 然后就可以了,还有就是时间比较的时候也是要记得替换成“/”格式额时间再操作哦…
好久没有装系统了.之前直接在硬盘中装,装个xp(c盘内).win7(d盘内).centos(虚拟机内)三系统同在一台笔记本电脑上.走了点弯路,这次记录下在虚拟机内装ghost xp. 安装步骤: 1.先装虚拟机VMware,找序列号注册成功,实在不行弄个绿色破解版,网上搜. 2.在下载等待安装VMware的同事,如果没有系统iso文件,去下载一个,上www.xitongzhijia.cc网win7.xp等都有. 3.打开安装好的VMware,点击”新建虚拟机“,然后安装向导中”浏览“选择下载好的…
初衷: 大脑中一直存在误区:一个Web前端工作者只要完美实现产品所提需求,至于浏览器究竟是怎么工作或者其中间都经历了些什么事情,就不用刨根问底了.直到最近看见前端大神winter老师关于浏览器部分的系列文章后,方才意识到浏览器的这些知识,还得好好研究一番. 刨根问底: 1.浏览器如何工作的? 对于浏览器实现者来说,他们所做的事情就是把一个URL链接变成用户眼睛所能看见的网页. 主要过程描述: 1.浏览器首先使用HTTP或者HTTPS协议,向服务器端请求页面: 2.把请求回来的HTML解析,构建为…