卡少编程之旅-腾讯云开发者社区

开发者社区

文档建议反馈控制台

腾讯云架构师技术同盟

文章/答案/技术大牛

发布

卡少编程之旅

专栏成员

27

文章

34901

阅读量

27

订阅数

学会发布自己的npm包

准备工作在npm官网注册账号，要记住用户名/邮箱/密码三个信息，后面需要用到需要发布的项目应该有相应的git地址包括但不限于github 最好在项目中使用gulp来把跑测试用例和打包的过程进行自动化，方便发布操作流程在修改完成后，首先本地提交，并执行单元测试(npm run unit) 如果测试通过，则可以打包出压缩后的成品代码(npm run build) 此时进入预发布流程，可以先通过npm whoami来确认登录信息，如果当前未登录，则需要npm login来输入用户名/密码/邮箱来登录

2018-05-16

8150

网页实现把文本复制到粘贴板

思路整理有一个按钮可以触发以下逻辑：将生成的文本自动复制到剪切板上结果要有友好提示复制成功后可以粘贴到任何地方一开始我以为有通用的接口，一番调研之后发现有以下几种东东： document.execCommand("copy")这个用于在要复制的文本处于被选中状态时使用 window.clipboardData.setData("Text", clipBoardContent)为挂载在window上的API 据说兼容性不好结合ZeroClipboard.js这个插件实现兼容性比较好的复制粘贴，通过

2018-05-16

2.3K0

类webpack模板的多页Vue项目模板

本脚手架并且适当简化了一些功能（删除了测试库）并引入了外部mock和axios两个常用库可以灵活配置。这里写一下说明文件和心得体会配置功能最基本的功能为webpack3+Vue2的基础上引入了外部组件库elementUI 其实也可以灵活修改为别的，css的支持仅引入了less和sass，相信这两者用的人也是最多的。还有一点是针对多页面也引入了vue-router, 也就是说这个多页面仓库也可以当单页面来搞起。加入的axios库是本地业务所需，这个可以在生成脚手架时不选择，但这个作为Vue的推荐库，

2018-05-16

2K0

手机adb命令学习

概念介绍 ADB的全称为Android Debug Bridge，字面意思就是安卓调试桥接，简单点说，它是Android系统提供的一套工具，通过它，我们可以在电脑上建立一个连接到手机的通道，然后可以在电脑上向手机发送一些指令，完成一些我们需要做的工作。ADB也是android sdk里的一个工具，用这个工具可以直接操作管理android模拟器或者真实的andriod设备(如G1手机)。可以去 android sdk/platform-tools or ADB Kits进行下载。有关adb shell的文档

2018-05-16

1.6K0

REACT框架学习心得

先上一个REACT的框架源码介绍的文章，辅助源码的解释，团队推荐。框架概念和工程模板这一部分的内容直接给个链接，github地址在此，我在原作者的基础上加了自己的一些内容，仓库的最新代码也进行了重构，包括actionCreator和reducer，欢迎提意见和star。这个教程可以说是把react的轮廓放到了大家面前，并且这个代码也可以fork一份直接用到自己的移动端项目上，PC端还需要把REM取消后使用。　　这个README解决的是框架可用的问题，相信用这个demo来让新人入门也好，代码进阶也罢，都

2018-05-16

1.1K0

React项目的服务端渲染改造(koa2+webpack3.11)

react https github

选型思路：实现服务端渲染，想用React最新的版本，并且不对现有的写法做大的改动，如果一开始就打算服务端渲染，建议直接用NEXT框架来写项目地址：https://github.com/wlx200510/react_koa_ssr 脚手架选型：webpack3.11.0 + react Router4 + Redux + koa2 + React16 + Node8.x 主要心得：对React的相关知识更加熟悉，成功拓展自己的技术领域，对服务端技术在实际项目上有所积累注意点：使用框架前一定确认当前web

2018-05-16

1.3K0

Vue进阶部分文档研读和学习

针对Vue文档中部分大家可能不会去研读的内容，我做了个小总结，作为有经验者的快餐，不是特别适合初学者哈节省代码量的mixin mixin概念：组件级可复用逻辑，包括数据变量/生命周期钩子/公共方法，从而在混入的组件中可以直接使用，不用重复写冗余逻辑(类似继承) 使用方法: 在某一公共文件夹pub下创建mixin文件夹，其下创建mixinTest.js const mixinTest = { created() { console.log(`components ${this.nam

2018-05-16

1.3K0

四个Vue的写法优化技巧

watch的优化写法我们平时总会遇到组件创建时获取列表，筛选项改变后刷新列表的需求，在watch中的逻辑，还要在组件的created()中再执行一遍，以下写法解决此痛点。 bad export default { created() { this.fetchListData() }, watch: { searchValue() { this.fetchListData() } } } good export default { watch: {

2018-05-16

1.5K0

webpack4配置入门和进阶

webpack作为一个模块打包器，主要用于前端工程中的依赖梳理和模块打包，将我们开发的具有高可读性和可维护性的代码文件打包成浏览器可以识别并正常运行的压缩代码，主要包括样式文件处理成css，各种新式的JavaScript转换成浏览器认识的写法等，也是前端工程师进阶的不二法门，本文借鉴了部分vue-cli对webpack的配置思路，还有一些网上比较好的解决方案，在此对这些作者一并表示感谢。 webpack.config.js配置项简介 Entry：入口文件配置，Webpack 执行构建的第一步将从 Entry

2018-05-16

3.5K0

前端性能优化总结(简略)

静态资源优化这方面主要是减少静态资源的加载时间减少http请求的数量和时间上来考虑合并压缩css、js文件，制作雪碧图压缩图片：减少http的请求次数，节省网络请求时间静态资源cdn分发：客户端可以通过最佳的网络链路加载静态资源静态资源缓存机制，从而减少不必要的请求减少DNS的搜索时间这个在前端处理的少一些接口访问优化这个主要还是要从服务端入手，node必不可少首屏采用服务端渲染可以使用node做到前后处理都用js语言使用node来实现基于代理服务的接口合并方案从而也减少了htt

2018-05-16

6680

纯前端json数据生成excel下载的实现

引入工具本项目是使用vue2.0的后端项目, 用的ES6的模块化语法。 file-saver npm install file-saver --save-dev // 在文件中引入并使用并触发下载的model。 import { saveAs } from 'file-saver'; saveAs(new Blob([],{}), name); 另存为CSV格式的文件本质流程是将json数据转换为对应csv格式在excel表格里面展现出来。关键点如下： csv的分隔符规定: 逗号是单元格之间的分隔

2018-05-16

1.6K0

学习git常用及高阶命令

几个常用的git命令情景复制代码仓库 git clone --bare|--mirror|--non-bare /var/www/html/myrepo.git 后悔药覆盖最后一次修改 git add . git commit --amend git push origin master -f Git 放弃本地修改 git checkout . && git clean -df Git 销毁最后一次提交 git reset --hard HEAD^ git push -f origin HEAD^:ma

2018-05-16

8210

接触到的git的三个重要知识点

git ssh 人工智能 github

git配置多个SSH-Key 生成第一个需要的SSH-Key(比如公司用的) $ ssh-keygen -t rsa -C "emailname@company.com" -f ~/.ssh/id_rsa 这样就会在对应目录下生成id_rsa和id_rsa.pub私钥和公钥, 公钥里面的内容需要粘贴到公司服务器的ssh-key配置中生成一个github用的SSH-Key(第二个key) $ ssh-keygen -t rsa -C "yourname@your.com" -f ~/.ssh/github_

2018-05-16

7100

css黑魔法简略版

利用css伪类的content属性来输入文本思路来源鼠标浮动显示文字 <div data-msg="Open this file in Github Desktop">hover</div> div{ width:100px; border:1px solid red; position:relative; } div:hover:after{ content:attr(data-msg); position:absolute; font-size:

2018-05-16

9520

Javascript一些优雅实现

优雅实现sleep的效果在诸如python/Java中都有sleep函数，但js没有，那应该如何用最优雅的方法实现？粗暴版本 function sleep(time) { for (var start = +new Date; +new Date - start < time;) {} } 这样就会把所有的执行任务block掉, 客户端还好，服务器就炸毛了。 Promise版本 function sleep(time) { return new Promise((resolve) =>

2018-05-16

8190

fiddler抓包工具(windows)

在打开fiddler后，会在客户端和服务器之间自动增加一层127.0.0.1:8090的代理层，其表征为客户端的所有请求都要先经过Fiddler，然后转发到相应的服务器，反之，服务器端的所有响应，也都会先经过Fiddler然后发送到客户端。此时IE和chrome的浏览器相应代理设置将自动更改，其他浏览器要进行代理设置默认情况下fiddler只能获取http请求，需在菜单项 Tools->Fiddler Options->HTTPS的选项卡中 CaptureHTTPS CONNECTs是默认勾选的，要手动勾

2018-05-16

3.3K0

js线程机制的介绍和练习

给定的几行代码，我们需要知道其输出内容和顺序。JavaScript是一门单线程语言，但有其独特的线程机制热身代码： setTimeout(function(){ console.log('定时器开始啦') }); new Promise(function(resolve){ console.log('马上执行for循环啦'); for(var i = 0; i < 10000; i++){ i == 99 && resolve(); } }).then(fu

2018-05-16

8420

MAC系统下的相关优秀软件搜集

bash http https 网络安全

软件包管理 Homebrew 绝对的包管理神器已使用邮件客户端 Arimail 非常简洁、易用的邮件客户端效率管理 Hammerspoon 被誉为一定要学会的工具 RescueTime 时间管理、时间分配统计 MindNode 可全键盘操作、极简的思维导图工具代码相关 VScode 微软家的产品, 比 Atom 更友好、速度更快 sublimeText 推荐的另外一款编译神器参考配置教程 textmate 备选的IDE 有人说很好用 codeRunner 短代码测试神器，强烈推荐 Mweb 强大的

2018-05-16

7580

新主题博客诞生之路

首先列出两大主题的文档地址，方便以后查阅 tranquilpeak indigo 两大主题的主要不同： tranquilpeak主要是展示简洁，无标题目录，白底黑字的阅读感类似简书，后者加入了很多设计元素，有目录/打赏等功能 tranquilpeak主题对博客作者展示比较少，但是indigo作者可以展示的位置比较多，并且可以加入自定义的作者页面 tranquilpeak的博客搜索用的是第三方的服务来做的，当博客更新后需要hexo algolia重新提交索引，而indigo是本地生成json数据，部署上更加方

2018-05-16

7210

techniques about VsCode

html java jquery

VScode的插件记录用VS code来做网页web开发，目前安装的插件有 HTML Snippets JavaScript Snippet Pack jQuery Code Snippets(jQuery提示) HTML CSS Support(CSS提示) Path Intellisense(HTML中SRC路径自动补全) View In Browser(按Ctrl+F1快速在浏览器里浏览) HTML CSS Class Completion(写类时的自动提示补全) Sass(用scss写css时的语

2018-05-16

8110

点击加载更多

社区活动

Python精品学习库

代码在线跑，知识轻松学

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

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

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

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