随笔分类 - Js and css系列
脚本 样式
摘要：1、Sass -- vue解决sass-loader的版本过高导致的编译错误 Module build failed: TypeError: this.getResolve is not a function at Object.loader (C:\Users\Baicells\Desktop\h
阅读全文
摘要：项目源码：https://github.com/tobegreatman/koa-swagger/tree/master/docs 1、搭建环境：（Node版） 安装docsify： npm install docsify -g 启动doc server：（文档目录为 docs） docsify s
阅读全文
摘要：如图要求回显特殊转义字符： 常规回显时，转义字符会被解析，导致无法按文本内容原样展示 处理方案： 1、使用html标签xmp（html5中已被废弃，会有隐患，不推荐） 2、嵌入到<script type="text/html">或<script type="text/template">内部，并加上
阅读全文
摘要：场景： 项目由tab进行导航，点击分别跳转到不同项目，各项目通过iframe加载 问题： Safari浏览器环境，点击tab出现重复加载异常导致加载失败（如下图），经过调整后，又出现以弹出窗口方式加载项目 Form提交方式：（伪代码） <form target="iframename" action
阅读全文
摘要：请求拦截涵盖了jquery、easyui、axios、element框架， 囊括表单提交、ajax提交和文件流提交等。 1、 easyui form $.fn.form.defaults.queryParams.token = '${token}'; 2、jquery.ajax $.ajaxSetu
阅读全文
摘要：F12 调试模式开启 1、普通方法断点调试： console面板输入方法名回车，然后双击结果进入方法内，然后任意断点。 2、Vue 渲染方式，方法断点： document.querySelector(selector)["__vue__"].funName. 3、视窗跳转前强制拦截（如系统登出）：w
阅读全文
摘要：方法： /** * 带进度监控 - 文件上传 * @param url{string}: 上传路径 * @param form{dom}: 表单元素 * @param progress{function}: 进度回调 * @param success{function}: 上传完成回调 **/ fu
阅读全文
摘要：公司业务面向北美，在项目中出现一个奇异现象new Date后返回结果有偏差（如： new Date('2020-04-21')，实际返回的是 2020-04-20 17:xx:xx） 而北京时间的话 new Date('2020-04-21')返回结果为'2020-04-21 08:00:00' 猜
阅读全文
摘要：项目场景： 菜单，根据点击的目标，自动调整展示位置 图示：（计算left、top偏移差） 算法： /* * * 相对偏移值 * @param target: 计算的目标对象 * @param reference: 计算的参照物 * */ reposition(target, reference) {
阅读全文
摘要：项目中输入域，特别是文本输入域，一般都会禁用某些特殊字符，基于这个需求，实现了一个全局设置禁止输入特别字符的方法，核心代码： Array.from(document.querySelectorAll('input')).map(function(item){ // 检索所有输入域，使用者可以修订别的
阅读全文
摘要：npm 发布个人包时，遇到不少坑，总结如下（可能不全）： 1、npm版本过低，处理：npm install -g npm update 2、可能权限原因，处理：npm publish --access=public 3、npm 源不对，处理：npm config set registry https
阅读全文
摘要：1、propertiesParser.js 网上也有jquery.i18n.properties等方案，感觉引入过多冗余资源，索性手撸一个纯js方法实现解析，希望也能帮到遇到类似问题的人 ^_^ 。
阅读全文
摘要：效果图： 用例option: 不足之处，鼠标悬浮时，线不是连续性高亮
阅读全文
摘要：1、核心登录提交方法 2、示例代码（打开登录页面，浏览器的console命令面板执行如下脚本，浏览器会有拦截提示，放开拦截才会出现多个tab）
阅读全文
摘要：1、静态分页核心方法 // 前端分页 -- 将datagrid的loadFilter属性设置为这个方法名即可 function partPurchasePagerFilter(data) { if (typeof data.length == 'number' && typeof data.spli
阅读全文
摘要：项目中出现需求，要求动态调整各个分块的大小，方便缩放查看信息，以下实现了宽度的动态调整（高度的后续会补上）
阅读全文
摘要：原生js事件委托（事件代理）方法扩展： 通过Node底层原型扩展委托方法 使用参考备注里的说明。
阅读全文
浙公网安备 33010602011771号