A_one2010的博客

offsetTop兼容

Property left of ForInStatement expected node to be of a type

ts中，遇到这个报错，参数格式不对

merge 能够胜任平常大部分的合并需求。但也会遇到某些特殊的情况，例如正在开发一个新的功能，线上说有一个紧急的bug要修复。bug修好了但并不像把仍在开发的新功能代码也提交到线上去。这时候也许想要一个只合并指定某些 commit 的功能。cherry pick 合并单个 commit具体操作：git checkout mastergit cherry-pickcommit-iid就这么简单。62ecb3 已经应用在 master 上了（作为一个新的commit）。...

先上官网链接 PDF.js 使用vue进行h5开发过程中，有时需要展示pdf，分享出来的页面，运行平台如果不支持pdf查看的话怎么办，pdfjs提供了很好的api，在这儿给大家提供两种方法以供参考。效果分别如下： 第一种方法，缩放，跳转等等，都需自己额外调取及操作第二种，则比较现成，样式也更接近浏览器自带的pdf预览。两种实现方法如下1 引入pdfjs-dist，调取pdfjs api 将需要查看...

近期项目中要做公众号H5开发，涉及到指定分享URL及分享界面限定，图片上传，H5跳转小程序等功能，在此做部分记录。 1. 以上功能都必须基于微信sdk授权，因此第一步的微信授权不可少，引入wx-sdk模块import wx from "weixin-js-sdk";在vue入口处app.vue，加载wx.config()注：对于ios设备，获取window.location.href 进行授权链接，对hash路由，可截取#之前路由进行授权。2 指定分享页，可在...

关于部分安卓机使用手势返回/物理返回键监听不了的问题//当点击返回键时，不返回到上一页，而是直接关闭微信浏览器function onBackCloseWindow() { pushHistory(); window.addEventListener("popstate", function(e) { //关闭当前浏览器或跳转重定向页面 WeixinJSBridge.call("closeWindow"); }, false); functio

// 根据某一个节点的过滤条件，获取其在一个森林的路径。function getPathByKey(value, key, arr) { let temppath = []; try { function getNodePath(node){ // 这里可以自定义push的内容，而不是整个node,而且这里node也包含了children temppath.push(node); //找到符合条件的节点，通过th.

以为Es6，javascript第一次支持了module。ES6的模块化分为导出（export）与导入（import）两个模块，其中在项目中，我们会经常看到一种用法import * as obj from，这种写法是把所有的输出包裹到obj对象里。示例一：// index.jsexport function fn1(data){ console.log(1)}export function fn2(data){ console.log(2)}import * as...

对于录入的一串字符串，在文本中录入时，进行回车换行。录入的结果会如下。包含回车符↵啦啦啦啦↵→妈妈们渐渐承担越来越 在进行文本编辑的时候，我们会进行回车换行，输入回车符↵ ，在前端进行段落展示的时候，使用vue v-html却展示不出换行的效果，反而展示成了空格。那么如何展示成换行。 经发现，字符串中的 ↵ 替换的时候，会被替换为 空格。...

在vue项目中，我们经常会遇到入下情况，将部分代码组件化，成为子组件复用，那么在属性值的传递过程中，又会遇到子组件内想要改变传递的属性值的时候，父组件的值不同步的问题，该如何解决这个问题呢？ 方法1：子组件内emit方法，父组件接收到然后在父组件内修改。 在子组件内，想要修改传递的值该如何修改呢，如果直接 this.value = "" 通常会报不可直接修改的错误。此...

在我们进行vue开发过程中，经常会保存一些页面，此时，我们在app.vue的配置如下， <keep-alive> <router-view v-if="$route.meta.keepAlive"></router-view> </keep-alive>以此来保存页面，那么在再次进入这些页面的时候，我们需要重置该页面的...

实现锚点滚动，需要两个方面的因素：1，锚，即我们点击的地方。2，目标位置，即页面需要滚动的距离。1 锚点 anchor通俗的讲就是导航，如百度百科的我们可以点击右侧的锚点，从而使得页面滚动到指定的位置。锚点相对比较容易，我们只需要在对应的位置加上事件即可，给每个需要滚动锚点加绑定滚动的方法。2.目标距离如何计算需要滚动的距离，准确定位锚点的位置，计算公式为：需要...

定义ECMAScript规范为所有函数都包含两个方法(这两个方法非继承而来), call 和 apply 。这两个函数都是在特定的作用域中调用函数,能改变函数的作用域，实际上是改变函数体内 this 的值 。call 和 apply语法 定义 说明 call(thisObj，Object) 调用一个对象的一个方法，以另一个对象替换当前对象。 call 方法可...

使用正则匹配时，当我们某个字符串有多个相同的字符时，我们会发现匹配到了最长的一个符合的字符串，例如：http://www.baidu.com/gogle.com/index.html 此时我们想要匹配的是百度的域名  http://www.baidu.com正则该怎么写呢？ /^http(\S)*\.com/   思路是以http开头，匹配到 .com 那么结果呢，我们发现匹配到了 h...

移动盛行的时代，越来越多的手机型号要求我们在制作嵌入h5的时候去适配不同的手机。适配有多重模式，就像布局有flex、百分比等。字体大小的控制也有px、百分比、rem等单位，这篇文章来回顾下webpack中关于px转rem。1 安装依赖包   npm install postcss-pxtorem --save-dev2 创建 .postcss.js文件，做webpack相关配置配置...

在前端开发过程中，往往会碰到跨域问题，前后端api调用的时候走不通，浏览器提醒你 无权限，那么怎么办。http-proxy-middleware提供了很好的跨域解决问题，可以让开发过程变得简洁。首先引入 http-proxy-middleware     var proxyMiddleware = require("http-proxy-middleware");构造代理对象...

let str =  "sdfsfwwxxxfsfsxxdsdfwsdfxxxxa3sdswexxxxsdfsxxxxfa"let newStr = str.replace(new RegExp(/xxx/g), "YYY") console.log(newStr)     //"sdfsfwwYYYfsfsxxdsdfwsdfYYYxa3sdsweYYYxsdfsYYYxfa"注：若正则不加 g...

找到项目中的config文件夹下的index.js文件，dev对象内有一个proxyTable的配置项。 dev: { // Paths assetsSubDirectory: "static", assetsPublicPath: "/", proxyTable: { "/dev": { target: "http://10.78.8....

echarts关系图的配置中，有两个关键的数据，data与links，我们在制作关系图的时候,data数组中，节点名称name必须唯一，否则echarts会抛出 “Cannot set property 'dataIndex' of undefined”的错误。但有时我们偏偏需要出现两个同名的节点，那么如何实现。1 data数据加工，    既然echarts要求data数组中name属性（默认展...

web注释

让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法最近做一个Web网站，之前一直觉得bootstrap非常好，这次使用了bootstrap3,在chrome,firefox,safari,opera，360浏览器（极速模式）、搜狗浏览器等浏览器下均没有问题，而在IE8及IE11下发现样式无法显示，然后各种百度啊，最后在 雅朋网 的一个网友帖子的帮助下解决了

首先进行IE浏览器判断function isIE() { //ie? if (!!window.ActiveXObject || "ActiveXObject" in window)  return true;  else  return false;}//如果是 ie 则添加 Map 与  Set类if(isIE()){    function Map

js对象的创建及属性

canvask宽高

iframe 父子页面相互操作

1 .首先安装node.js ，(在此不做陈述)。打开cmd窗口检查是否已经安装 node -v2. 全局安装 http-server模块 npm install http-server -g 3. 安装完成后在所需要的目录 文件 内打开cmd窗口 ctrl + r 或者shift+右键 打开命令窗口 运行 http-server 即可 4. 在浏览器中打开

npm WARN deprecated autoprefixer-loader@3.2.0: Please use postcss-loader instead of autoprefixer-loader npm 警告。已经弃用了autoprefixer-loader，使用postcss-loader来代替 解决:更改json文件项目打包报错，，升级node...

正则表达式

编程常用单词汇总

js的循环及跳出

Sublime Text 快捷键的使用快捷键列表（Shortcuts Cheatsheet）

1. Promise的含义Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。

js跨域

我们在页面数据请求的过程，经常会遇到这样的情况，好多个地方都要进行一步ajax请求数据，那么为了更优化，在请求前后会有loading，我们无法减少ajax的量，会写许多不一样的ajax，必然就需要加载或者调用很多loading，那么需不需要写很多loading呢，答案是否定的，肯定不要写。此时该如何做？首先我们在工作是，肯定是将ajax进行封装，那么我们就将loading抽取出来，放在ajax

通用性：l 为解决点击延时添加 fastclick 导致 1：移动端虚拟键盘呼出时未能将页面置顶，遮盖输入框，切无法滑动至可见区；2：点透现象：点击某一选择框时，拉出下一输入框可选项；解决方案：去掉fastClick包的引用。// const FastClick = require('fastclick')// FastClick.attach(document.bod

官方地址：https://www.npmjs.com/package/vconsole使用方法：1  本地调用 下载vconsole   npm install vconsole 在项目中引入  <script src="path/to/vconsole.min.js"></script><script>  // init vConsole  var vCons...

使用nodejs在本地搭建一个简易服务器，如何做到登录控制呢？其中使用到了那些技术？相信每一个前段技术人员对session storage与cookies都不会默认，那么如何在项目中使用cookies保存所需要的数据，做到登录控制呢？这里结合自己做过的一个项目给大家做一个说明。session的本质基于cookies，在node中可以同时借助cookies模块、express-session