
前端
文章平均质量分 51
29号同学
这个作者很懒,什么都没留下…
展开
-
nw.js 启用窗口最大化
在使用nw.js对html和js进行exe封包时,发现最大化的按钮都是禁用掉的,在package.json里也没有相应的配置项。需要自己手动处理,在页面启动的初始方法里声明如下即可启用窗口最大化。var MaxWin=require('nw.gui').Window.get(); MaxWin.setMaximumSize(0,screen.availHeight); 相关package.json 窗口设置参考{ "main": "index.html", //入口 .原创 2020-10-20 13:52:49 · 2478 阅读 · 1 评论 -
Font Awesome 找图标的正确姿势
在使用font awesome 字体包 进行找图标字体时,会发现 本地的包里的 图标名 完全驴唇不对马嘴例如 :下面的 圆心关闭的图标,显示 name为remove_sign可是官网根本没这名那如何找?1.去官网但是 有时这个外网 太慢,而且 资源加载 令人捉急,例如下面,白茫茫一片。但是 网站 正常的情况下还是可以的2.用第三方参考手册传送门Font...原创 2019-12-20 09:46:16 · 7094 阅读 · 1 评论 -
ios 13 升级后 程序出现 openDatabase 异常
在苹果手机升级IOS13后,部分页面突然打不开了,尤其是那些在前端做缓存处理的页面。常见的错误就是window.openDatabase is undefined主要原因:苹果在IOS13升级后,将safari的 WebSQL功能去掉了,除此之外还做了其他的调整,详见Safari 13发行说明解决方案:1.用IndexedDB 代替 WebSQL具体使用教程,可参见...原创 2019-12-06 14:52:13 · 1449 阅读 · 0 评论 -
[福利]Process On 免费下载模板
1.先到想要的模板页 访问,通过network 得到def结构数据, 拿到的数据 进行 复制2.在自己已绘制的脑图界面,打开F12进入调试模式,然后用Ctrl+P 搜索 “mind.core.js”先格式化一下3.给绘染数据赋值行打上debug4.在自己的图页面,点下历史,并随便选个历史(这步主要为了调用mind.core.js里的方法)5.这时就进入到de...原创 2019-12-06 09:50:21 · 1909 阅读 · 11 评论 -
ExtJS c is not a constructor 调试 sencha 打包后的错误
在利用Sencha Cmd打包后,发现有时项目会报如下错误:这基本等于废话,毫无意义的提示。主要由于,build后的framework.js代码被混淆了。那如果想看清错误原因怎么办?使用sencha build testing进行测试打包可以用以下语句建一个bat文件,核心的就是 用sencha app build testing打包成测试版@echo offt...原创 2019-12-05 16:41:33 · 6893 阅读 · 0 评论 -
[ExtJS] 一文搞懂 apply 使用
在ExtJS的库中,常看到apply关键字。现在就简单介绍下apply在ExtJS用法1.Ext.apply 和 Ext.applyIf这里的apply是Ext的内置方法apply(object,config,[defaults])将的所有属性复制config到指定的object(将config对象 完全复制到 object) object:对象 属性...原创 2019-12-04 17:23:35 · 6490 阅读 · 0 评论 -
jsMind 实现复制粘贴
最近在用jsMind做在线版的脑图设计器,发现缺少复制粘贴功能,就自己添加了一个。效果如下:实现方法:1.首先在mapping配置项中,增添C和V键2.在整体事件监听方法内加上 ctrl+c 和 Ctrl+V 的判定handler: function (e) { if (this.jm.view.is_editing()) { return; } var ...原创 2019-11-19 16:18:09 · 7745 阅读 · 13 评论 -
js 导出word 文档 doc docx
在做项目时,要将富文本编辑器,或是html内容 导出为word。先引入文件保存js<script src="FileSaver.js"></script>导出为Docxdocx体积更小,而且word2007也可以打开1.引用插件html-docx.js<script src="html-docx.js"></script>...原创 2019-11-11 15:31:24 · 15397 阅读 · 5 评论 -
JS中的Blob 下载文件 图片资源
在一般的Web开发中,很少会用到Blob,但Blob可以满足一些场景下的特殊需求。Blob,Binary Large Object的缩写,代表二进制类型的大对象。Blob的概念在一些数据库中有使用到,例如,MYSQL中的BLOB类型就表示二进制数据的容器。在Web中,Blob类型的对象表示不可变的类似文件对象的原始数据,通俗点说,就是Blob对象是二进制数据,但它是类似文件对象的二进制数据,因此...转载 2019-11-01 08:49:26 · 8900 阅读 · 0 评论 -
[ExtJS] viewModel 你所不知道的坑(一)缓存
之前在一些文章都介绍过viewModel,一个页面状态控制机、[ExtJS] viewModel绑定监听方法 控件动态绑定方法、[ExtJS]全局viewModel教程有了它后,我们可以很方便地控制页面控件的隐藏显示,信息展示等。但是,对于viewModel在深究一下,会发现一些问题:viewModel机制一般我们会在一个父类 或 同类中设置一个viewModel{...原创 2019-10-30 18:53:51 · 1236 阅读 · 0 评论 -
Froala Editor 插入的表格 页面展示问题 样式消失
在froala编辑器里 显示表格样式如下:但是获取的html,拿出来显示 样式却丢了处理方法:在显示界面 引入froala_style.min.css文件绘制html的区域的容器 引用 fr-view类Ueditor 的话 同上,在浏览器里找到 ueditor的样式类,然后 给绘制容器 添加对应的样式类名...原创 2019-10-29 14:39:41 · 7268 阅读 · 0 评论 -
JS forEach 递归中断
有时处理数据需要递归,或者遍历,同时需要判定,若是中途满足了一些条件,就退出递归如下数据:var node = [ { name:'a',leaf:false}, { name:'b',leaf:true, children:[ {name:'b1',leaf:true}, {name:'b2',leaf:true} ]...原创 2019-10-24 21:15:00 · 9224 阅读 · 0 评论 -
UglifyJS 合并 压缩 JS文件
在引用库还有其他文件时,原本的项目文件很多,这时候就需要压缩合并,使用方法如下:安装:npm install uglify-js -g将uglifyjs安装为全局变量,方便我们在任何地方使用。下面是shell命令的中文解释:* source-map [string],生成source map文件。* –source-map-root [string], 指定生成sourc...原创 2019-10-16 09:11:48 · 11817 阅读 · 0 评论 -
[ExtJS] 监听事件
在ExtJS中,常见的监听事件一般用listeners,如下:{ xtype:'控件名', liteners:{ 事件名:'方法名' }}//demo { xtype:'textfield', liteners:{ blur:'onBlur' }}或者是单个控件on绑定var wgt = Ext...原创 2019-09-20 12:54:19 · 7928 阅读 · 0 评论 -
[ExtJs] gird Store ajax 分页 过滤 查询
在处理一些大量数据时,往往用到查询,但是大量数据不适合全部查出,最好是分页查出,分页时还想有些参数过滤下,如下效果First 定义一个远端查询的storeExt.define('项目包名.路径.store类名', { extend: 'Ext.data.Store', alias: 'store.remoteDemo',//指定store的别名 idPrope...原创 2019-09-12 18:23:59 · 6746 阅读 · 0 评论 -
[ExtJS] store 数据状态 记录 dirty 和 crudState 使用
在使用ExtJS的grid控件时,常用到store 数据绑定。然后grid又是可以编辑的,如下:想要是实现的场景:在整个表格编辑后,点击取消或关闭时,判断数据有无被更改过对grid的更改,其实就是对store的更改,那我们只需查找store里的数据有无更改记录即可。store里的数据,都是一个个数据集合collection,而collection有两个标记 可以判断此条数据是否变更...原创 2019-09-05 14:40:10 · 1229 阅读 · 0 评论 -
[ExtJS]Layout 布局
在ExtJS里,布局形态用layout, 用法如下:{ xtype:'容器控件', layout:'布局类型', items:[ { xtype:'子控件1' }, { xtype:'子控件2' } ]}上述代码翻译成人话就是:让某个容器...原创 2019-08-27 15:10:25 · 947 阅读 · 0 评论 -
[SqlServer] 获取 数据库 sqlserver 关键字
最近在做个在线创建数据库表的工具,所以要用到数据库的原本的关键字,用于比对,所创建的表的列名是否为数据库的关键字。但是数据库的关键字,从哪来?访问 sqlserver的关键字说明官网保留关键字发现他把关键字都存在dom元素中的,一个个粘贴比对,得累死人,而且我们是程序员啊,怎么能用这么粗暴的方法那.1.打开控制台2.执行以下脚本var res=[];$('.tabl...原创 2019-08-20 12:44:04 · 7731 阅读 · 0 评论 -
【JS】不同发布地址页面跳转
在使用html+json构建页面时,页面的跳转常用location.href完成当然,也有些直接在a标签的href中完成本来很简单的事,但是发布方式不同,就会一起一些问题,主要是页面路径跳转问题===========================================================列如,制作了两个网站html,同时放在WebSite这个文件夹下这两个网站都是一样的目录...原创 2018-06-01 18:08:18 · 30326 阅读 · 0 评论 -
震惊!仅一个符号就“黑掉”你的网页!
最近遇到一个问题,https的跳转总是重定向到http中请求时写的是https结果返回的是http很奇怪,自己没有写重定向,而且同样的代码,发布在http中就可以用通过一遍遍的摸查,才发现了一个秘密——浏览器重定向========================================================当我们发布网站时,若是主站下面的默认首页(通常为index.html)不是...原创 2018-06-28 10:44:34 · 5894 阅读 · 2 评论 -
【JS】 正则表达式格式化json字符串
字符串序列号后的json 往往在key值上带有双引号例如:1name = '{"a":"12", "b":"34"},{"ddd":"121"}';而我们想要的是1name='{a:"12", b:"34"},{ddd:"121"}'提供一个正则验证1/"([^"]*)":/g以"key&a原创 2018-07-05 16:35:52 · 4225 阅读 · 4 评论 -
用户选择框设计思路
最近新项目要用到选择人员,于是重新在新项目中设计了一版选人框。效果图如下:功能部分一个选人框主要有以下几个展示部分:人员组织树 已选节点信息 操作工具栏 这三大部分再细分下各自应有的基础功能:人员展示部分:用户信息展示 选中节点的标识 对于人员的快速定位功能1)用户成员展示将人员用树形直接列出,是最直接、最便捷的方式。因为树形下,很方便查看组织结...原创 2018-08-21 14:08:07 · 5377 阅读 · 0 评论 -
[ExtJS] Store前端排序
在数据排序处理中,分为前端排序和后端排序。后端排序就是主要指sql中的order by语法了,而如果想在前端排序,在ExtJS中就要用到sort。简单的排序在配置store时,可以设置某个field字段 例如:store:{ fields: ['firstName', 'level'], sorters: 'level', data: [ ...原创 2018-08-22 16:44:12 · 5371 阅读 · 0 评论 -
苹果微信默认字体样式
看了看手机上的UI字体,在同样的 到电脑上输入同样的字总感觉电脑端怪异,不如手机端好看。起先以为是字体原因,就尝试了各种字体,后来发现还是不对。为了搞清楚 手机上的样式,找了篇微信的文章放到电脑上剖析:发现了几点: 字体默认苹果字体 font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neu...原创 2019-01-08 15:23:16 · 11523 阅读 · 1 评论 -
百度地图根据点绘制轨迹
<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&转载 2019-02-17 18:01:48 · 8337 阅读 · 7 评论 -
百度地图调取https资源
在使用百度地图开发时,在使用一些类库时,百度地图,可能读取的脚本是http的这样在https网站下,脚本文件就会加载不到。虽然,像网上其他教程说的,把getscript.js引用了https来加载甚至在 getscript后面加s=1;但是在你使用new BMap.xx类方法时,请求的部分模块脚本文件还是http的原因在页面加载了getscript 资源后,可以看到,此...原创 2019-03-28 08:24:26 · 5052 阅读 · 0 评论 -
CSS 自适应div 内容折行
现象如图,在一行自适应宽度的div中,原本是两个均分宽度的div,由于其中一个内部单行文本超出,造成宽度变长。解决方法在适应布局的div内部 使用table元素布局。不仅要对table设置 table-layout,还要有 width宽度继承父级的设置 <div> <!-- 自适应的div--> <table style="tab...原创 2019-04-12 13:22:42 · 4878 阅读 · 0 评论 -
CSS 自适应高度 局部滚动
要实现一个局部滚动的效果:一个表格,表头固定,表体根据自适应填充的高度滚动,如下图实现方法:利用div嵌套表格。一个div嵌套表头,一个div包裹table,并且此div设置滚动主要结构:<div >表头结构</div><div style="height:100%;overflow:auto"> <table styl...原创 2019-04-15 19:24:38 · 5251 阅读 · 0 评论 -
三步搞定打卡地图
在利用百度地图进行添加覆盖物时,想要做到显示出,不同用户的打卡点,如上图所示。因为要显示用户数量不定,所以想用marker类时,肯定不好,因为marker类添加的是图像标注,必须要足够的图片(当然,如果确保每个用户都有头像,可以采用这种)。当不确定用户是否有头像时,就要采用另一种了。首先,可以根据用户名,来生成不同的颜色首先通过解析名字匹配hash值来生成颜色(这里部分方法用的ex...原创 2019-04-25 19:22:15 · 7176 阅读 · 0 评论 -
为字体文件增添自定义图标
在前端开发中,有时候,字体图标都是从iconfont一类的网站抠下来的。抠下来的都是svg,这个时候如何增添到字体库中那?1.将原本svg文件导入到了iconmoon官网选择svg文件,并导入2.追加要增添到字体的新图标 svg文件这里最好把新的图标svg文件,放入到末尾3.选择网站下的创建字体4.下载字体5.检验字体文件用studio字体查...原创 2019-04-28 16:28:16 · 631 阅读 · 0 评论 -
[ExtJS] textarea 不自动聚焦问题
在为tpl放置input类控件时,即使使用了 textareafield控件.focus(); 但是,textarea 控件还是没有显示聚焦的光标.主要原因被放入到tpl中的input类控件,focus方法里 在canFocus方法中,有了判断,返回为false或undefined造成。解决方法在向tpl里的dom 插入 extjs控件的el之前,先设置textarea的d...原创 2019-06-18 15:09:18 · 1132 阅读 · 0 评论 -
[ExtJS] Tpl模板中的extjs控件无法失焦处理
在tpl模板里放extjs控件后,会发现input类的失焦事件失效了,尤其是在dataview中。主要原因:dataview本身就有聚焦属性,所以点击在dataview的body部分,也会默认为聚焦处理方法:对于添加到tpl中的 extjs input类控件,在其widget时自己处理失焦事件主要是通过判断鼠标点击位置是否在input控件里,来判断是失焦还是聚焦l...原创 2019-06-18 15:13:31 · 739 阅读 · 0 评论 -
[算法]连续递增数组随机排序
给定几个连续的整数集合,如何通过一个系数进行处理, 使此集合随机生成排序?{x,x+1,x+2,x+3}希望这里的数,通过某个变量处理后能随机变成{x+2,x,x+3,x+1},{x+1,x,x+2,x+3}之类的...原创 2019-07-30 08:28:51 · 455 阅读 · 0 评论 -
【jQuery】元素绑定事件
在使用jquery中,为元素绑定事件,通通常有以下几种方法$(selector).event(function(){})<selector onevnet="事件名"></selector>$(selector).on('event名',[selector],function(){})===========================================...原创 2018-05-02 13:49:17 · 3488 阅读 · 0 评论