- 博客(145)
- 收藏
- 关注
RSS订阅转载 git 基本命令
@font-face{ font-family:"Times New Roman"; } @font-face{ font-family:"宋体"; } @font-face{ font-family:"Calibri"; } p.MsoNormal{ mso-style-name:正文; mso-style-parent:""; margin:0pt; margin-bottom:.0...
2019-07-23 11:17:00
208
转载 vuecli3.0 webpack4 配置vuex
废话不说，直接写步骤1.npm install vux --save2.npm install less less-loader --save-dev3.npm install @vux/loader --save-dev4.npm install yaml-loader --save-dev使用，以toast为例...
2019-06-14 15:24:00
347
转载 react-native windows系统 红屏报assets缺失 500错误
指定版本，react-native是facebook用mac系统开发的，windows系统兼容较差，新版本更是问题很多，相对老版本更加稳定react-native init demo --version 0.55.4assets缺失：android/app/src/main下新建assets文件夹项目根目录执行：react-native bundle ...
2018-09-30 11:41:00
407
转载 解决replace格式替换后光标定位问题
场景：格式化银行卡444格式 手机号344格式 身份证号684格式 校验数据格式，replace后光标定位错乱 或光标一直定位在最后解决，只针对input，代码用的vue：获取光标位置：getCursorPos(obj) { var CaretPos = 0; // IE Support if (document.selection) { ...
2018-09-25 10:03:00
746
转载 dva 路由跳转
1.从props取出并传递history取 const { history } = this.props用 <button onClick={ () => history.push('/') }>go back home</button>2.withRouter, LinkwithRouter：import { wit...
2018-08-02 15:25:00
222
转载 dva webpack 利用require.context加载多个model
dva redux数据管理都在models，根据业务不同models可能会有几十甚至上百的 【模块.js】，每次在index.js使用app.model(require('./models/example').default); 引入Model 可能要写多个，那么如何优雅的扩展model，不去重复的require model呢，利用 require.context就可以做到...
2018-08-01 14:30:00
355
转载 使用redux-actions优化actions管理
redux-actions的api很少，有三个createAction(s) handleASction(s) combineActions主要用到createAction去统一管理action，虽然会增加一些代码量，但可以统一管理action，对代码维护有很大方便。项目是用的dva框架，这个跟框架无关，createAction完成的是执行了一个dispatch使用之前...
2018-08-01 13:50:00
131
转载 dva框架之redux相关
dva封装了redux，减少很多重复代码比如action reducers 常量等，本文简单介绍dva redux操作流程。利用官网的一个加减操作小实例来操作：dva所有的redux操作是放在models目录下，通过namespace作为key，标识不同的模块state。可以给state设置初始数据，比如：reducers跟传统的react-redux写法一致，所有的...
2018-07-31 10:48:00
172
转载 代码重复率检查工具jsinspect
检查重复代码，去掉冗余代码。安装：npm install -g jsinspect用法：jsinspect [options] <paths ...>检测复制粘贴和结构类似的JavaScript代码示例：jsinspect -I -L -t 20 --ignore "test" ./path/to/src意思是检查./path/to/src...
2018-07-26 18:10:00
980
转载 redux devtools调试工具
项目安装：npm install redux-devtools-extension -dev谷歌搜索 Redux DevTools 安装：使用：主要用到state&Dispatcherstate查看当前执行的action后的store数据Dispatcher可以不修改代码，在调试工具实时执行action并查看执行结果。转载于:ht...
2018-07-26 11:07:00
52
转载 create-react-app react-redux项目 配置模块热更新hmr
HRM并不是create-react-app专属的，提供一篇博客介绍hrmhttp://chrisshepherd.me/posts/adding-hot-module-reloading-to-create-react-app。设想如果是一个比较复杂的react app，组件繁多，每次更新都刷新页面，可能需要等待十几秒，效率非常低，hmr解决的问题就是实现模块热更新，保持应用的状...
2018-07-26 10:39:00
338
转载 create-react-app创建react项目 css模块化处理
用的css预处理器用sass，其他大同小异。用create-react-app创建项目，执行npm run eject弹出配置文件（此操作不可逆）；配置sass，用的最新的CRA，webpack4；webpack.config.dev.js （webpack.config.prod.js需相同配置一份）:module下的rules 中oneOf 修改&增加...
2018-06-28 14:03:00
238
转载 eslint
代码块顶部加如下代码 意思 对下面代码不进行eslint检查：/* eslint-disable no-undef */转载于:https://www.cnblogs.com/juexin/p/8874670.html
2018-04-18 14:36:00
104
转载 发布npm包 登录报错 E409 Conflict
1.到官网注册个账号，并且验证完邮箱：https://www.npmjs.com/2.打开cmd命令行 登录：$npm login根据提示 一步步完成登录。3.新建一个项目文件夹： npmtest11111，定位到目录运行$npm init 初始化一个package.json，入口文件index.jsindex.js 内容随便写一个，export抛出来：funct...
2018-04-13 14:56:00
491
转载 vue循环绑定v-model
直接上代码结构：<repayInput v-if="formData" v-for="(item, index) in formData" :isPwd="item.parameter_code==='password'" :text="item.parameter_name.replace('社保网站','')" ...
2018-04-11 17:54:00
235
转载 TortoiseGit小乌龟 git管理工具
1.新建分支git远端新建分支： b001本地git目录：右击--TortoiseGit--获取（会获取到新建分支）2.本地新建分支对应远端分支本地新建分支：b001 关联远端分支b001（之后工作提交到当前本地git分支 并推送到远端相关联分支）3.切换/合并分支右击--TortoiseGit--切换/检出--（弹框选择左下角）合并--选择从哪个分支合并转载于:https...
2018-03-28 15:15:00
730
转载 vux用法
其实官网写的很详细了 但是好多时候没有仔细看的耐心下面基本也是vux官网步骤：很多人需要$t未定义问题 其实按着官网来就能解决这个报错：如果你遇到$t报错问题，请不要开 issue，升级vux-loader >= 1.0.58。VUX 必须配合vux-loader使用，如果不使用 vux2 模板请按照下面文档正确配置。安装：npm install ...
2017-12-27 17:13:00
116
转载 vue webpack打包
图片路径问题：background-image图片路径打包错误build/utils.js修改：39行ExtractTextPlugin.extract 增加属性publicPath: '../../'转载于:https://www.cnblogs.com/juexin/p/8031667.html...
2017-12-13 10:38:00
95
转载 vue2.0 watch
类型：string | Function | Objectvue官网解释: 一个对象，键是需要观察的表达式，值是对应回调函数。值也可以是方法名，或者包含选项的对象。Vue 实例将会在实例化时调用 $watch()，遍历 watch 对象的每一个属性。也就是说watch可以监听对象的变化,规则是键值对方式。export default { props: { ...
2017-08-29 23:17:00
96
转载 vue2.0 $emit $on组件通信
在vue1.0中父子组件通信使用$dispatch 和 $broadcast,但是在vue2.0中$dispatch 和 $broadcast 已经被弃用。因为基于组件树结构的事件流方式实在是让人难以理解，并且在组件结构扩展的过程中会变得越来越脆弱。这种事件方式确实不太好，我们也不希望在以后让开发者们太痛苦。并且$dispatch和$broadcast也没有解决兄弟组件间的通信...
2017-08-27 21:32:00
144
转载 简单工具 & 杂技
图片压缩:腾讯智图（http://zhitu.isux.us/）手机的所有尺寸大小规范： http://screensiz.es/phone 需求: 移动端宽高一致的盒子(因为移动端屏幕宽度不一样)样式: .box{ position:relative; width:100%; height:0; padding-top:100%;}有了一个正方形相...
2017-08-13 21:05:00
124
转载 html基础问题总结
1.reflow在CSS规范中有一个渲染对象的概念，通常用一个盒子（box, rectangle）来表示。mozilla通过一个叫frame的对象对盒子进行操作。frame主要的动作有三个： 构造frame, 以建立对象树（DOM树） reflow, 以确定对象位置，或者是调用mozilla的Layout（这里是指源码的实现） 绘制，以便对象能显示在屏幕上总结了在哪些情况下...
2017-07-20 16:57:00
82
转载 Node应用进程管理器pm2的使用
本文转载自：豆瓣-PM2介绍更多内容见github上的pm2说明文档pm2pm2 是一个带有负载均衡功能的Node应用的进程管理器.当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。它非常适合IaaS结构，但不要把它用于PaaS方案（随后将开发Paas的解决方案）.备注：SaaS、PaaS和IaaS是云服务模式。...
2017-06-29 10:44:00
79
转载 node express 登录拦截器 request接口请求
1.拦截器拦截器可以根据需要 做权限拦截 登录只是权限的一种，思路是req.session.user判断用户session是否存在，是否是需要拦截的地址，如果是就跳转登录页，或其他页，如果非需拦截页，则执行 next(); 放行因为是顺序执行的所以 app.all('/*', function(req, res, next){ 这个方法需放在定义的路由之上具体...
2017-06-05 10:53:00
508
转载 gulp批量添加版本号
要实现的理想效果："/css/style.css" => "/dist/css/style.css?v=1d87bebe""/js/script1.js" => "/dist/script1.js?v=61e0be79""cdn/image.gif" => "//cdn8.example.dot/img/image.gif?v=35c3af8134"1.安装G...
2017-05-15 15:24:00
111
转载 express 热启动 静态文件部署 跨域解决 调试
1.热启动每次修改app.js文件，都得重新启动项目，十分不方便。这里可以用hotnode插件实现热启动安装：$npm install -g hotnode启动项目：$hotnode app.js2.静态文件部署app.use(express.static(__dirname + '/src/static'));指定了src目录下的static为静态目录，__di...
2017-05-09 16:52:00
382
转载 github+git提交 基础用法
git版本管理基本用法：安装就不用说了 随便一搜 安装完 妥妥的。下边说的是在github从新建一个项目开始：1.首先打开自己的github地址，如下图所示 点加号 选 New repository这时候就有了一个 .git 的地址https://github.com/xxxxxx/test.git2.然后在文件夹右击选择在此处打开cmd shell...
2017-04-20 17:27:00
69
转载 glup自动化构建工具
实现的功能包括 js压缩，css文件合并压缩并在html加版本号，压缩html文件1.安装gulp建议参考官网就行http://www.gulpjs.com.cn/docs/getting-started/npm install gulp --save -dev [注：将gulp安装到项目]npm init [注：根据提示一步一步创建package.json 最...
2017-04-11 18:37:00
112
转载 字蛛 自定义字体
可能 网站中会用到一些漂亮的文字，又不想用图片，这样可以用自定义字体，用的工具是 字蛛http://font-spider.org/字蛛工具 依赖 nodeJs，先安装好 NodeJS，然后执行安装字蛛：npm install font-spider -g字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符，并将这些字符数据从字体中删除...
2017-03-03 17:54:00
145
转载 cookie不能删除
cookie不仅仅包含一个键值对，还包含域 domain 路径path，一般domain是请求的地址 www.baidu.com/news.html 那domain就是www.baidu.com跨域访问，如域A为t1.test.com，域B为t2.test.com，那么在域A生产一个令域A和域B都能访问的cookie就要将该cookie的domain设置为.test.com；如...
2017-02-07 19:43:00
111
转载 购物车 抛物线
代码$(".cart-increase")是添加按钮 domShopCart 购物车domfunction bindEvent(){ $(".cart-increase").on("click",function(){ var __this = $(this); var nStartX = __...
2017-01-11 12:56:00
80
转载 webstrom11 vue插件配置
直接上图1.安装vue插件2.添加模板3.指定模板类型最新的是插件 是 vue.js创建完 Vue File 文件后 需要在 下面这里关联一下转载于:https://www.cnblogs.com/juexin/p/6265114.html...
2017-01-09 14:18:00
203
转载 MOCK DATA -- node路由
前后端分离，有时候后端接口给的不是很及时，这就需要前端自己mock data，本文讲的简单的node模拟数据 api路由跳转首先有个data.js（json）文件，路由：配置在dev-server.jsrequire('./check-versions')()var config = require('../config')if (!process.env...
2016-12-16 10:21:00
150
转载 微信浏览器分享
首先说 得配合后台去配置如下红框的数据，黄框是可以分享到哪里：引入资源： <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script> var obj=new Object();$.ajax({ url : iUrl+"share", d...
2016-12-15 11:36:00
91
转载 Icon字体制作
工具网站：https://icomoon.io这个网站是免费的 功能也很强大不过我那是铁通网络，导致这个网站不能访问，做vpn跳转就可以了正题：点击这里进入制作页面：点击这里选取 svg 矢量图全选 然后点击右下角的 生成font字体：点击获取代码 可以看源码：这里讲了他的基本用法：这样转载于:https:...
2016-12-15 10:08:00
65
转载 webpack配置技巧--路径
resolve: { extensions: ['', '.js', '.vue'], fallback: [path.join(__dirname, '../node_modules')], alias: { 'vue$': 'vue/dist/vue.common.js', 'src': path.resolve(__dirname, '../src'), '...
2016-12-14 19:30:00
97
转载 vueJs+webpack单页面应用--vue-router配置
vue-route版本要跟vue版本同步，我的vue用的2.0+的，vue-router 也用了最新版2.1+npm安装vue-router：$ npm install vue-router --save-dev使用：1.引入 vue-router： import VueRouter from 'vue-router';2.注册： Vue.use(Vu...
2016-12-14 19:22:00
70
转载 webstorm IDE添加Plugins----添加vue插件
webstorm IDE很强大了,扩展性很强,语法校验很强大,不过有时候一些特殊的插件 还是需要自己添加到IDE的下面以添加VUE Plugins 为例:Setting--Plugins[点下方 Browse ....] 其他如图,下载 安装即可:转载于:https://www.cnblogs.com/juexin/p/6160151.html...
2016-12-11 18:26:00
320
转载 webpack react基础配置二 热加载
用到 webpack-dev-server 先安装，注意 装到全局 还是本项目我也没注意 因为之前一直报错，有很小可能是安装到本地解决了，或者是我网络问题：装到全局：$ npm install webpack-dev-server -g装到本地： $ npm install webpack-dev-server --save-dev修改配置文件 图片有说明：...
2016-10-14 11:02:00
131
转载 webpack react基础配置一
简单介绍webpack react基本配置，入门型：环境配置：依赖nodejs，官网下载最新版的nodejs：nodejs.org/en安装完nodejs npm便自动集成了，通过npm安装其他环境$npminstallwebpack-g 安装webpack当然如果常规项目还是把依赖写入 package.json 包去更人性化：$n...
2016-10-12 19:13:00
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人