向前进-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

向前进

专栏成员

24

文章

50184

阅读量

25

订阅数

【笔记】跨域重定向中使用Ajax（XHR请求）导致跨域失败

1、前端Web中有两个域名，a.com和b.com，其中a.com是访问主站（页面），b.com是数据提交接口的服务器（XHR请求）

2018-08-02

2.4K0

【笔记】实现一个简易的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.");

2018-04-24

5920

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

2018-04-16

1.6K0

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

2018-04-16

1.3K0

【笔记】移动端H5数字键盘input type=number的处理（IOS和Android）

在Vue中的项目，基于VUX-UI开发，一个常见的需求： 1、金额输入框 2、弹出数字键盘 3、仅支持输入两位小数，限制最大11位数，不允许0开头　　后续：与UI沟通后，思路调整为限制输入，并减少正则替换输入值出现的闪动。后续改动如下，注意点如下： 1、处理思路　　A。在用户输入的键盘事件中，对于不符合的输入，阻止默认行为和事件冒泡。　　　　不符合输入的规则如下：　　　　1）当前输入框中的长度大于等于配置的max 　　　　2）非数字和小数点　　　　3）当前输入框中已存在小数点，或第一位输入

2018-04-16

10.6K0

【原创】最新的"答题热"中，前端的一点小工作

一、前言　　据王思聪引爆全民HQ也3个星期了，总结下最新做的一个有关"答题热"的工具。并借由这个工具的开发，分析当下HybridApp中H5的一些技术。　　在百万英雄等节目刚出来的时候，就有很多大咖预测会有人工智能AI介入。但是AI需要大量的运算分析，更贴近服务端，前端主要还是做客户端的工作。　　所以我的思路是借助一些互联网公司开发的免费AI答题助手，做一个整合到PC端AI参考答案的界面，并支持批量答题操作。助手包括：　　丶百度：简单搜索　　Hybrid-App 　　丶搜狗：汪仔助手　　Hybrid

2018-04-16

8670

【原创】Webpack构建的hash优化，vue-cli项目为例

缓存 javascript

背景： SPA的vue应用，采用webpack2构建，打包入口为main.js 输出：main模块打包成app.js，公共lib打包成vendor.js，公共样式打包成app.css，运行时依赖打包成

2018-04-16

2K0

【整合】input标签JS改变Value事件处理方法

html javascript

　　某人需要在时间控件给文本框赋值时，触发事件函数。实现的效果：　　1、文本框支持手工输入，通过用户输入修改值，手工输入结束后触发事件。阻塞在于失去焦点后才触发（输入过程中不触发事件）　　2、通过JS方法修改值，修改后触发事件。重点阻塞在于此（JS赋值要触发）　　最终采用方案：　　1、IE（IE8及以下）下使用onpropertychange实现JS赋值后触发事件　　2、需求是手工输入结束后才触发事件，避免在文本框实时输入文字的时候也因为onpropertychange触发事件，在trigger之

2018-04-16

12.2K0

【踩坑】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标签是否闭

2018-04-16

1.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

2018-04-16

7990

最近遇到的兼容性问题和适配问题

JS： IE： 1、不能添加监听标准事件，添加polyfill initEvent: function initEvent(dom, eventName, callback) { if (!dom || !eventName || !callback) return; if (document.addEventListener) { // 一般浏览器 dom.addEventListener(eventName, callback, false);

2018-04-16

1.6K0

【踩坑】angularJS 1.X版本中 ng-bind 指令多空格展示

做项目的时候遇到的问题 1、问题描述　　用户在表单某个值输入多个空格，例如：A B，保存至服务器　　在列表查询页面中使用bg-bind的指令单向绑定，结果展示位A B，连续的空格被替换为单个空格 2、定位分析　　2.1 从用户输入到最终查询展示经理太多环节，可能转换的地方有：输入时的事件中，请求服务器前，http传输，服务器接收解析，服务器处理，服务器保存至数据库，数据库查询服务，查询服务返回，界面展示　　因此逆向定位问题好些　　通过Chrome中network看到服务器返回的数据带有

2018-04-16

1.1K0

【笔记】HybridApp中使用Promise化的JS-Bridge

背景： HybridApp，前端采用JS-bridge的方式调用Native的接口，如获取设备信息、拍照、人脸识别等前端封装了调用库，每次调用Native接口，需要进行两步操作（1、在window下

2018-04-16

1.2K0

vue-cli脚手架npm相关文件解读（9）config/index.js

github vue.js javascript

系列文章传送门： 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中相关代码和配置的说明

2018-04-16

9580

【笔记】nodejs读取JSON，数组转树

node.js json javascript

const fs = require('fs'); // --------------- 读取源文件 --------------- const originData = require('./vuxArea3.json'); // --------------- 常量 --------------- const constant = { ARRAY_TYPE: 'Array', JSON_TYPE: 'Json', }; // --------------- 转换的配置 ----------

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中相关代

2018-04-16

8090

vue-cli脚手架npm相关文件解读（7）dev-server.js

javascript vue.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中相关代码和配置

2018-04-16

9650

vue-cli脚手架npm相关文件解读（6）build.js

npm javascript vue.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中相关

2018-04-16

8060

vue-cli脚手架npm相关文件解读（5）vue-loader.conf.js

vue.js javascript

系列文章传送门： 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中相关

2018-04-16

6650

vue-cli脚手架npm相关文件解读（4）utils.js

npm https github

系列文章传送门： 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中相关代码和配置的说明项

2018-04-16

7870

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·干货材料·成员作品最新动态