首页
学习
活动
专区
工具
TVP
发布

向前进

专栏作者
24
文章
47840
阅读量
25
订阅数
【笔记】跨域重定向中使用Ajax(XHR请求)导致跨域失败
1、前端Web中有两个域名,a.com和b.com,其中a.com是访问主站(页面),b.com是数据提交接口的服务器(XHR请求)
SmileSmith
2018-08-02
2.2K0
【笔记】实现一个简易的Promise
const PENDING_STATE = "pending"; const FULLFILL_STATE = "fullfilled"; const REJECTED_STATE = "refected"; class Promise { constructor(executor) { if (typeof executor !== "function") { throw new Error("Promise executor must be a function.");
SmileSmith
2018-04-24
5580
Http2改造实践:statusText丢失问题
背景: 1、项目中的nginx由http1.1改造为http2, 2、代码中采用axios的interceptors做统一返回处理,对于系统逻辑性错误弹窗(例如:表单字段唯一性校验弹窗提示) 现象: 1、在Chrome中打开,Http2中所有的弹窗失效 2、Http1.1中正常 猜测是拦截部分的代码没有执行, axiosInstance.interceptors.response.use((response) => { if (response.status === 200 && response.st
SmileSmith
2018-04-16
1.5K0
Flexbox 练习和总结
练习地址: http://flexboxfroggy.com/ Welcome to Flexbox Froggy, a game where you help Froggy and friends by writing CSS code! Guide this frog to the lilypad on the right by using the justify-content property, which aligns items horizontally and accepts the foll
SmileSmith
2018-04-16
1.2K0
【笔记】移动端H5数字键盘input type=number的处理(IOS和Android)
在Vue中的项目,基于VUX-UI开发,一个常见的需求: 1、金额输入框 2、弹出数字键盘 3、仅支持输入两位小数,限制最大11位数,不允许0开头   后续:与UI沟通后, 思路调整为限制输入,并减少正则替换输入值出现的闪动。后续改动如下,注意点如下: 1、处理思路   A。在用户输入的键盘事件中,对于不符合的输入,阻止默认行为和事件冒泡。     不符合输入的规则如下:     1)当前输入框中的长度大于等于配置的max     2)非数字和小数点     3)当前输入框中已存在小数点,或第一位输入
SmileSmith
2018-04-16
10.1K0
【原创】最新的"答题热"中,前端的一点小工作
一、前言   据王思聪引爆全民HQ也3个星期了,总结下最新做的一个有关"答题热"的工具。并借由这个工具的开发,分析当下HybridApp中H5的一些技术。   在百万英雄等节目刚出来的时候,就有很多大咖预测会有人工智能AI介入。但是AI需要大量的运算分析,更贴近服务端,前端主要还是做客户端的工作。   所以我的思路是借助一些互联网公司开发的免费AI答题助手,做一个整合到PC端AI参考答案的界面,并支持批量答题操作。助手包括:   丶百度:简单搜索  Hybrid-App   丶搜狗:汪仔助手  Hybrid
SmileSmith
2018-04-16
8180
【原创】Webpack构建的hash优化,vue-cli项目为例
背景: SPA的vue应用,采用webpack2构建,打包入口为main.js 输出:main模块打包成app.js,公共lib打包成vendor.js,公共样式打包成app.css,运行时依赖打包成
SmileSmith
2018-04-16
1.8K0
【整合】input标签JS改变Value事件处理方法
  某人需要在时间控件给文本框赋值时,触发事件函数。实现的效果:   1、文本框支持手工输入,通过用户输入修改值,手工输入结束后触发事件。阻塞在于失去焦点后才触发(输入过程中不触发事件)   2、通过JS方法修改值,修改后触发事件。重点阻塞在于此(JS赋值要触发)   最终采用方案:   1、IE(IE8及以下)下使用onpropertychange实现JS赋值后触发事件   2、需求是手工输入结束后才触发事件,避免在文本框实时输入文字的时候也因为onpropertychange触发事件,在trigger之
SmileSmith
2018-04-16
11.9K0
【踩坑】activiti工作流的svg-xml解析报错
1、问题记录   工作流配置画模板的时候保存成功但是部署报错。   IE下 activiti工作流解析xml报错 type "path" must be followed by either attribute specifications, ">" or "/>"   Chrome和Firefox正常 2、问题定位   2.1  服务端是同一台服务器同一个实例,IE报错,谷歌没报错,先检查比对两个浏览器在服务端的报文     执行:服务端比对IE请求和谷歌请求报文,内容格式基本相同。检查path标签是否闭
SmileSmith
2018-04-16
1K0
备份的一些小tip
// npm官方镜像 npm config set registry=http://registry.npmjs.org // 亚马逊S3 host 219.76.4.4 github-cloud.s3.amazonaws.com // 修改gitingonre后重新版本控制 git rm -r --cached . git add . // .npmrc各种国内镜像 registry=https://registry.npm.taobao.org disturl=https://npm.taobao.o
SmileSmith
2018-04-16
7630
最近遇到的兼容性问题和适配问题
JS: IE: 1、不能添加监听标准事件,添加polyfill initEvent: function initEvent(dom, eventName, callback) { if (!dom || !eventName || !callback) return; if (document.addEventListener) { // 一般浏览器 dom.addEventListener(eventName, callback, false);
SmileSmith
2018-04-16
1.6K0
【踩坑】angularJS 1.X版本中 ng-bind 指令多空格展示
做项目的时候遇到的问题 1、问题描述   用户在表单某个值输入多个空格,例如:A     B,保存至服务器   在列表查询页面中使用bg-bind的指令单向绑定,结果展示位A B,连续的空格被替换为单个空格 2、定位分析   2.1 从用户输入到最终查询展示经理太多环节,可能转换的地方有:  输入时的事件中,请求服务器前,http传输,服务器接收解析,服务器处理,服务器保存至数据库,数据库查询服务,查询服务返回,界面展示   因此逆向定位问题好些   通过Chrome中network看到服务器返回的数据带有
SmileSmith
2018-04-16
1K0
【笔记】HybridApp中使用Promise化的JS-Bridge
背景: HybridApp,前端采用JS-bridge的方式调用Native的接口,如获取设备信息、拍照、人脸识别等 前端封装了调用库,每次调用Native接口,需要进行两步操作(1、在window下
SmileSmith
2018-04-16
1.2K0
vue-cli脚手架npm相关文件解读(9)config/index.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是config/index.js中相关代码和配置的说明
SmileSmith
2018-04-16
9320
【笔记】nodejs读取JSON,数组转树
const fs = require('fs'); // --------------- 读取源文件 --------------- const originData = require('./vuxArea3.json'); // --------------- 常量 --------------- const constant = { ARRAY_TYPE: 'Array', JSON_TYPE: 'Json', }; // --------------- 转换的配置 ----------
SmileSmith
2018-04-16
2.1K0
vue-cli脚手架npm相关文件解读(8)check-versions.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/check-versions.js中相关代
SmileSmith
2018-04-16
7810
vue-cli脚手架npm相关文件解读(7)dev-server.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/dev-server.js中相关代码和配置
SmileSmith
2018-04-16
9270
vue-cli脚手架npm相关文件解读(6)build.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/vue-loader.conf.js中相关
SmileSmith
2018-04-16
7660
vue-cli脚手架npm相关文件解读(5)vue-loader.conf.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/vue-loader.conf.js中相关
SmileSmith
2018-04-16
6010
vue-cli脚手架npm相关文件解读(4)utils.js
系列文章传送门: 1、build/webpack.base.conf.js 2、build/webpack.prod.conf.js 3、build/webpack.dev.conf.js 4、build/utils.js 5、build/vue-loader.conf.js 6、build/build.js 7、build/dev-server.js 8、build/check-versions.js 9、../config/index.js 下面是build/utils.js中相关代码和配置的说明 项
SmileSmith
2018-04-16
7400
点击加载更多
社区活动
腾讯技术创作狂欢月
“码”上创作 21 天,分 10000 元奖品池!
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档