diaotanp28742-CSDN博客

转载脚手架(create-react-app)没有eject情况下，使用react-scripts的时候，动态设置环境变量...

在实际开发中，例如：有时候打包发布时，需要手动更新版本，比如修改package.json中的version,但是如果有时候忘了修改，那么又得build一次；如果能动态设置多好，webpack下可以在配置文件中运行一段node.js代码处理这种情况。如果我们用脚手架搭建的并且没有eject,如何执行一段node.js代码并把执行的代码设置到环境变量中呢？（react-scrip...

2019-02-19 18:24:00 881

转载实现Vue 的 markdown 文档可以在线运行（vue-markdown-run）

闲暇时间我用Vue框架写了一个博客，编辑器是用的markdown文本的形式，介绍性+描述完全能满足我的需求，但是，如果想在线运行我markdown文本中的Vue组件代码，则无法实现了，于是我就自己写了一个组件，可以和普通文本显示器一样，显示文本，也可以执行Vue组件代码（只要标注vue-run）。下面是介绍：Github代码仓库https://github.com/...

2018-12-10 20:31:00 529

转载 Vue 让元素抖动/摆动起来

首先展示一下效果，狠狠点击https://zhangkunusergit.github.io/vue-component/dist/jitter.html代码github :https://github.com/zhangKunUserGit/vue-component转载请标注：https://www.cnblogs.com/zhangkunweb/p/vue_jitt...

2018-05-30 19:32:00 770

转载 Vue 波纹按钮组件

代码链接：https://github.com/zhangKunUserGit/vue-component效果图：大家可以在线运行:https://zhangkunusergit.github.io/vue-component/dist/btnRipple.html看看效果（一定要狠狠的点击哦）。先说一下用法：<zk-button class="btn ...

2018-04-28 17:48:00 282

转载 transform-style为什么子元素需要定位？

关于http://www.cnblogs.com/zhangkunweb/p/iosSelect.html这个组件，有位园友问我一个问题：为什么ul和li都要absolute定位呢，让其自然排列，然后沿着x轴进行旋转不行吗？这块一直无法理解。在这里进行详细的解答：我们知道圆是有圆心和半径的，我用定位的方式就是要确定圆心和半径。那么圆心和半径是哪里呢？圆心就是你定位的那个点。...

2018-04-12 14:46:00 181

转载 vue 的模板编译—ast(抽象语法树) 详解与实现

首先AST是什么？在计算机科学中，抽象语法树（abstract syntax tree或者缩写为AST），或者语法树（syntax tree），是源代码的抽象语法结构的树状表现形式，这里特指编程语言的源代码。我们可以理解为：把 template（模板）解析成一个对象，该对象是包含这个模板所以信息的一种数据，而这种数据浏览器是不支持的，为Vue后面的处理template提供基础数据...

2018-04-03 11:19:00 736

转载自己实现一个双向绑定的Vue

我们知道双向绑定是Vue的核心之一，接下来我们自己仿照Vue实现一个基本的功能。项目代码在GitHub上：https://github.com/zhangKunUserGit/zk-vue转载于:https://www.cnblogs.com/zhangkunweb/p/zk_vue_bind.html...

2018-03-20 10:59:00 128

转载 Vue 组件（component）之精美的日历

公司的要求，需要开发一个精美的日历组件（IOS , 安卓， PC 的IE9+都能运行），写完后想把它分享出来，希望大家批评（）。先来个截图代码已经分享到https://github.com/zhangKunUserGit/vue-component 根据需求先说一下怎么用吧（上面是：HTML，下面是JS ）<date-picker v-if="...

2018-01-08 11:18:00 569

转载 nvm 装 nodejs 重启终端失效的解决方法

(1) 安装 nvmwget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.30.1/install.sh | bash(2) 安装nodenvm install 6.10.1但是上面的方式再重新打开Xshell 时， node -v 报错 -bash: node: command no...

2017-12-11 16:12:00 669

转载 vue 2 仿IOS 滚轮选择器从入门到精通（一）

大家好，由于最近从事的是微信公众号和APP内嵌 H5开发，避免不了开发一些和native相同的操作功能，就如接下来说的仿IOS滚轮选择器。github源码链接https://github.com/zhangKunUserGit/vue-component大家可以下载运行先来个截图：接下来具体介绍如何实现的。能力有限避免不了错误请指出，有问题QQ邮箱 1766597067@...

2017-11-14 21:34:00 586

转载解决 react-router / react-router-dom v4 history不能访问的问题

　　今天我把react-router 升级了一下，在使用react-router-dom 是，子组件使用this.props.history 找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需要用到push 或者replace，怎么办啊，国内知识都是你复制我的，我复制你的，都特么垃圾。只能去Google，最终找到了答案：（看代码一目了然）首先使用route...

2017-07-20 17:06:00 244

转载最新的chart 聊天功能（ webpack2 + react + router + redux + scss + nodejs + express + mysql + es6/7）...

请表明转载链接：http://www.cnblogs.com/zhangkunweb/p/6853728.html我是一个喜欢捣腾的人，没事总喜欢学点新东西，可能现在用不到，但是不保证下一刻用不到。我一直从事的是依赖angular.js 的web开发，但是我怎么能一直用它呢？看看最近火的一塌糊涂的reactjs ，我的天啊，不学会它，怎么能睡好觉。今天我分享一个依赖最新版本...

2017-05-14 20:45:00 149

转载 cookie 详解与封装实用的cookie

在WEB前端开发中，cookie是必不可少的，网上也有很多开源的库可以使用，不过我还是想自己总结一下，做个笔记并封装一个实用的库。（1）什么是cookie？从web 角度 cookie是用于存储信息为下次访问或者与服务器之间传递信息的，它可以记住用户上次操作了什么，操作到哪里了，为智能的操作提供基础。它有自己的操作方式，有自己的大小，不过它的操作方式不太方便，可以依赖第三...

2017-03-12 16:36:00 145

转载用javascript 写个函数返回一个页面里共使用了多少种HTML 标签

今天我无意间看到一个面试题：如何用javascript 写个函数返回一个页面里共使用了多少种HTML 标签？不知你看到是否蒙B了，如果是我面试，肯定脑子嗡嗡的响。。。。网上搜了搜也没有找到答案，静下心想了想，突然。。有了方法，完整代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <hea...

2017-01-04 15:19:00 232

转载 word-wrap ,word-break 和white-space 的联系

在工作中我遇到一个问题，其实功能也不复杂，就是上面有个textarea标签，里面输入内容，下面有个显示效果，有个条件就是上面输入的什么格式（比如换行等等），下面显示的也是什么格式。如下图：这个功能真的不复杂。实现如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 ...

2017-01-04 11:44:00 74

转载 angularjs 依赖注入原理与实现

在用angular依赖注入时，感觉很好用，他的出现是为了“削减计算机程序的耦合问题” ，我怀着敬畏与好奇的心情，轻轻的走进了angular源码，看看他到底是怎么实现的，我也想写个这么牛逼的功能。于是就模仿着写了一个，如果有什么不对，请大家批评指正。其实刚开始的时候我也不知道怎么下手，源码中有些确实晦涩难懂，到现在我也没有看明白，于是我就静下心想一想，他是怎么用的...

2016-12-20 10:55:00 139

转载原生javascript 固定表头原理与源码

我在工作中需要固定表头这个功能，我不想去找，没意思。于是就写了一个，我写的是angularjs 自定义指令起了个 "fix-header" ，有人叫 “freeze-header” ，算了，看心情吧，最近心情不太好就不改了~~~想了想，我还是改成原生吧，angularjs就是个毛毛~~~。先讲一下思路： 1.想一想，再想一想，肯定用定位了，具体是绝对定位还是...

2016-12-07 18:22:00 95

转载设置line-height:1.5和line-height:150%或者line-height:150px的区别

直接正题：看一下line-height可能的值：其实可以分为两类：（1）不带单位的（如line-height:1.5），这种是推荐使用的；（2）带单位的（如line-heigth:30px/1.5em/150%）;这两种有什么区别呢？其实只要记住：一. 设置的如果是不带单位的（第一种），那它就是“缩放因子”，后代元素会继承这个缩放因子而不是继...

2016-12-07 14:27:00 191

转载 javascript 判断参数类型大全

js 判断类型的在开发中是很常用的，因为js 是弱类型的语言，var 可以接受任何形式的类型，但是在真正的开发中，我们需要根据不同类型做不同的处理，所以这个是必须的精通。首先需要知道 typeof这个方法了解可以看看http://www.cnblogs.com/lidabo/archive/2011/12/29/2305770.html1.判断Object类型 isObjec...

2016-07-06 13:49:00 215

转载 angular 源码分析 1 - angularInit()

angularjs 是个神奇的框架，由于我的好奇，想了解她的内部工作原理，只能一步一步的走进她，靠近她，和她深入的交流。 angularjs 的入口是什么样子的呢？一起掀起她的盖头吧。在这里我只讲方法，具体的行号不做记录，自己找吧（Ctrl+F）;入口是这样的：jqLite(document).ready(function() { a...

2016-06-30 15:11:00 120

转载步入angularjs directive（指令）--准备工作熟悉hasOwnProperty

在讲解directive之前，先做一下准备工作，为何要这样呢？因为我们不是简单的说说directive怎么用，还要知道为什么这么用！（今天我们先磨磨刀！）。首先我们讲讲js 基础的知识--hasOwnProperty()方法。先看看一段代码，你知道答案吗？ var obj={}; obj.name=null; ...

2016-06-28 14:23:00 114

转载步入angularjs directive（指令）--点击按钮加入loading状态

今天我终于鼓起勇气写自己的博客了，激动与害怕并存，希望大家能多多批评指导，如果能够帮助大家，也希望大家点个赞！！用angularjs 工作也有段时间了，总体感觉最有挑战性的还是指令，因为没有指令的angularjs 就是只有骨头的框架，虽然有很多第三方指令，如：angular Bootstrap，ng-table等，但是根据界面设计的需求，他们远远不能满足，怎么办？？答案...

2016-06-26 13:12:00 330

diaotanp28742的博客