A_one2010-CSDN博客

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

2022-01-12 11:31:49 1193

原创服务器学习记录-01 阿里服务器链接

趁着双十一，买了个服务器和域名，整理下服务器相关的配置做做记录。首先注册阿里云账号，根据自己的需求选购适合自己的服务器类型，我这里选购的是 ecs共享型 n4，1核2g，宽带1M，高效云盘40-100g，宣传上是性能无约束，适用于中小型网站搭建等应用。我主要用于学习，所以对服务器性能要求不高，找个便宜的而已。买好之后呢，阿里云会初始化一个实例，并短信通知你，实例名称，公网ip，系统用户（默认root）等等，也可自己登录阿里云查看，登录--控制台--产品与服务--...

2021-11-10 11:21:32 593

原创 vue项目内集成pdfJs

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

2021-11-03 18:16:27 1674

原创 vue 公众号开发跳转小程序的实现

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

2021-10-12 10:52:33 989

原创关于部分安卓机使用手势返回/物理返回键监听不了popState的问题

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

2021-08-30 15:08:32 2151 2

原创 webpack 打包异常 unhandledRejection 错误详情查看

在vue2/vue-cli2 项目开发中，引入三分插件时，有时会出现不明确的错误，但是打包时又没有给出明确的错误未知。此时，在build/build.js 内加入此段，打包时查看具体报错未知及报错信息方便调试。process.on('unhandledRejection', error => {console.error('unhandledRejection', error);process.exit(1)// To exit with a 'failure' code}...

2020-09-23 09:38:49 1353

原创正则匹配url 参数

getParam(name){ var reg = new RegExp("(^|&)"+name+"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); var strValue = ""; if (r!=null){ strValue= unescape(r[2]); } return strValue;}

2020-05-25 11:55:34 1830

原创获取树结构的任意节点的森林路径

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

2020-05-21 11:32:08 464

转载 import * as 的聚合与分离

以为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...

2020-05-19 10:03:09 436

原创移动端小于12px 字体解决方案

随着h5 的兴起，设计的五花八门，页面存在许多小号字体。但移动端对小于12px的支持度不一，详见下面测试。https://www.cnblogs.com/he-lian/p/4512276.html?_t_t_t=0.47901571358823203 那么我们如何在特定区域展示小号字体呢。首先想到的方案就是缩放，使用 transform: scale(0.5)，使用trans...

2020-04-29 09:43:19 2853

原创字符串中的 ↵ 回车符替换

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

2020-04-23 14:46:39 2566

原创 vue 父子组件pros传递快速更新 ---修饰符 sync

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

2020-04-03 11:29:23 408

转载 git强制覆盖分支代码 A branch -- B branch

在开发中，通常会保持两个分支test分支和develop分支，但是如果因为develop上面迭代太多而没有及时维护master，最后想丢弃master而直接将测试确认过的develop强推到master，该怎么操作呢？切换到develop分支下，并保证本地已经同步了远端develop的最新代码。 1 2 git checkout...

2019-06-19 14:33:55 3273

原创 vue data恢复初始化数据

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

2019-03-06 10:03:33 5572

原创页面实现锚点滚动的滑动效果

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

2019-03-06 09:44:20 6507

转载【转】详解 JavaScript的 call() 和 apply()

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

2018-12-24 15:00:24 192

转载【转】深入理解定位父级offsetParent及偏移大小

　偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然，还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容定位父级　　在理解偏移大小之前，首先要理解offsetParent。人们并没有把offsetPa...

2018-12-24 14:54:56 212

转载 git技巧：删除在本地有但在远程库中已经不存在的分支

$ git remote show origin可以查看远程库的一些信息，及与本地分支的信息。有时候可能遇到如下情况$ git remote show origin* remote origin Fetch URL: ... .git Push URL: ... .git HEAD branch: master Remote branches: dev ...

2018-12-04 15:22:37 4302

原创 cross-env 多环境的配置

在项目开发过程中，往往需要我们配置多个环境，通常包括开发、测试，生产等等，每个环境可能部署的服务器、对应的数据库都不相同，那么就需要我们针对不同的环境配置不同的参数，此时，就需要使用到全局环境变量。打开cli 项目：此处以vue-cli自动化构建项目为例。点开package.json文件，在script命令行中，往往会有这么几个命令"scripts": { "dev": ...

2018-12-04 14:30:37 4285

原创 webpack 打包后与index.html同级文件的配置

通常我们使用webpack-cli 进行项目打包，会打包一个文件夹，然后包含页面与资源，如下图static 文件夹包含了css,js,静态资源文件等等。此时我们想打包后将某个文件与index.html并级，该如何配置。找到项目的webpack配置项，build文件夹，webpack.dev.config.js ，找到CopyWebpackPlugin，添加对应的资源文件，...

2018-12-04 14:20:02 2898

原创 git merge 单个文件

在使用git 进行项目代码管理的时候，我们通常会有多个分支，例如A，B两个分支，我们队A分支做了大量的修改，修改完成之后只想把A分支上的a文件合并到B分支上面，而不动其他修改了的文件。此时应该如何操作。首先，我们切换到B分支 git checkout branch B之后，我们checkout A 分支的a文件，git checkout --patch A a路径最后，弹出修改...

2018-11-26 10:21:53 9433

原创 js 正则的贪婪性与懒惰性匹配

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

2018-10-24 14:58:01 1162

转载 SecureCRT的使用方法和技巧(二) 常用指令

转自： https://blog.csdn.net/OyangYujun/article/details/41143819 （SecureCRT的使用方法和技巧(一) SecureCRT下载安装及简介）https://www.cnblogs.com/chjw8016/p/5953168.html （SecureCRT的使用方法和技巧(二) 常用指令） SecureCRT常用指令...

2018-09-08 16:55:39 1140

转载 centos tar压缩与解压缩命令大全

转载于：https://www.cnblogs.com/chjw8016/p/5953168.htmltar命令详解-c: 建立压缩档案-x：解压-t：查看内容-r：向压缩归档文件末尾追加文件-u：更新原压缩包中的文件这五个是独立的命令，压缩解压都要用到其中一个，可以和别的命令连用但只能用其中一个。下面的参数是根据需要在压缩或解压档案时可选的。-z：有gzip属...

2018-09-08 16:47:56 1191

原创 ios 固定定位元素被隐藏的问题

在做web-app应用的时候，做了一个类似于通讯录的组件时，遇到ios系统将固定定位的元素部分隐藏的问题，页面如下右侧导航的a-z被半部分隐藏，而在安卓或者chrome模拟则没有问题，如图感觉非常奇怪，找了很久也没找出来。某天心血来潮，认为应该是overflow：hidden导致，因为导航组件在整个通讯录组件内部，而右侧固定的超出了通讯录组件的，最后在包裹通讯录组件的外部dom元素...

2018-09-06 17:12:41 2056

原创 vue项目中 postcss-pxtorem 的使用及webpack中的配置

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

2018-08-06 14:44:03 13388

空空如也

空空如也