全端菜鸟小姐-CSDN博客

原创 Vue双向数据绑定：Object.defineProperty和Proxy

前言：我们从以前的操作DOM元素到现在的操作数据，从以前的MVC模式到现在的MVVM模式，以及现在深入人心的组件化开发，这个转折我觉得真的是太机智了。现在我们平常开发主要用到的技术里，可以看到React和小程序是单向数据流，Vue和Angular是双向数据绑定，Angular用的是脏检测，Vue则是数据劫持和订阅者模式，今天我们来聊聊vue的双向数据绑定。双向数据绑定无非就是，...

2018-12-26 21:21:44 1317 2

原创 Vue源码解析：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？

data中定义了一个数据msg, vue实例上访问这个数据有两种方式，this.$data.msg 和 this.msg，请问，为vue如何实现this.msg能直接访问到data中的msg变量？？？data又为什么是个函数？分析：clone 下 vue 的项目源码，然后打开src/core/instance/index.js调用 init 方法时先进行了检查，确保已经使用 n...

2018-12-26 10:28:45 27869 9

原创 axios封装，可用于任何支持axios的项目中，包括react和vue都可通用。get/post请求，以及并发请求。以及导航栏随意切换测试/正式环境

任何项目，只要支持axios，那么你只要把我现在封装的服务整个文件夹考过去即可。这个原本是我封装在vue里的，但是有一天公司突然来一个紧急的H5微信分享活动的项目，我当时用react搭建（zepto+node搭建其实最好）也是为了挑战一下自己，毕竟只有三天时间。所以当我把很多vue里封装的东西直接拷到react项目时，居然发现一点毛病都没有，我瞬间觉得自己好机智，之前没有怕浪费时间随便封装。其中包...

2018-12-04 09:51:44 3971 7

原创手把手教你搭建一个Vue项目，包含axios服务，vuex，公共组件/指令/过滤器/服务等

看了网上有很多搭建vue项目的demo，但是不是已经年久失修的项目就是很简单的demo，想着自己也搭了很多vue项目了，而在每个项目中，我都会取长补短的去搭建自己的项目，经验总是一个一个坑走过来的嘛。趁现在有点时间就分享一个vue架子的搭建。其中包含公共组件的封装，axios服务/路由，vuex，自定义指令/过滤器，rem适配，css预处理器，UI库，使用node去编辑项目中的工具。（本教程，适用...

2018-12-03 18:59:52 2747 5

原创 create-react-app 配置 stylus

最近在做React项目，准备记录一下开发过程create-react-app insurance-coursecd insurance-coursenpm run ejectsudo npm install stylus stylus-loader --save-dev在 config/webpack.config.js 文件里const stylusRegex =/\....

2019-07-05 14:00:29 1344 1

原创 Element-UI日历date-picker组件在IE下的首次渲染视图不更新问题的解析过程

作为一个研发人员，我觉得什么vue、react、angular和UI库其实应该把它们当成跟vscode一样，其实就是一个工具，帮助你开发的工具。而你的思维和解决问题的能力，以及你对新事物的学习能力才是最应该培养的。工具会更新换代的，你执着于那些API其实价值不大，你更应该去学习的是它的实现方法，去学习它的那些实现技巧。当然，作为一个菜鸟

2019-01-16 11:12:24 3765 6

原创用10行代码实现类似Element-ui里的tree树组件，以及一个有意思的小坑++i为什么与i+1不一样的详解

本文使用Vue的render函数，用10行代码的递归函数实现类似Element-ui里的tree树组件（如下图tree树），以及一个有意思的小坑++i为什么与i+1不一样的详解因为平常 ++i 其实就是 i = i + 1,为什么本文的 ++i 跟别人的 ++i 不一样呢？？？<script>export default { data () { return...

2018-12-21 19:04:49 1046 2

原创小程序/Vue/React 生命周期分别详解

小程序生命周期 https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/app.html注册程序：应用生命周期 App({...}) 用户首次打开小程序，触发 onLaunch（全局只触发一次）小程序初始化完成后，触发onShow方法，监听小程序显示小程序从前台...

2018-12-14 11:39:31 1240

原创苹果手机各种兼容性问题：滑动，背景图片不显示，input 禁止非数字输入，position定位，隐藏input光标等

每次做移动端项目，到了提测阶段最让我忐忑的还是测试的各种版本的IOS手机，尤其是那只苹果se系统版本贼低的神机。苹果手机 overflow-y: auto 滑动不了或者滑动卡的问题 -webkit-overflow-scrolling: touch; 这行代码启用了硬件加速特性，所以滑动很流畅。但这属性会相对耗费更多内存手机端：使页面不能滑动 ...

2018-12-04 18:08:25 1809

原创解决客户端（套的谷歌内核）黑屏问题

客户端窗口打开放大缩小有概率出现黑屏的问题，即页面一块一块的黑屏卡顿window.resizeTo(width,height) http://www.runoob.com/jsref/met-win-resizeto.html 所有主要浏览器都支持 resizeTo() 方法，从 Firefox 7 开始，不能改变浏览器窗口的大小了，要依据下面的规则不能设置那些不是通过 ...

2018-12-04 17:42:29 1789

原创剑指offer第32题JS算法：输入一个整数n，求从1到n这n个整数的十进制表示中1出现的次数。例如输入12，从1到12这些整数中包含1的数字有1，10，11和12，1一共出现了5次

题目：输入一个整数n，求从1到n这n个整数的十进制表示中1出现的次数。例如输入12，从1到12这些整数中包含1的数字有1，10，11和12，1一共出现了5次这是我某一次去朋友公司面试试水时出的面试题，结果给我五分钟我写了个for循环的方法，被狠狠鄙视/哭笑不得结果回来后好奇就跟同事一起看了看这道题发现也挺有意思的//参数n为中点数字，且为整数function result(n){...

2018-12-04 12:05:36 1869

原创你必须知道的React的知识点：单向数据流，高性能虚拟DOM，组件间的数据交互，事件与数据的双向绑定，生命周期钩子，fetch：数据请求等

1、React调试工具：React Developer Tools2、React开发工具：Atom3、React UI库：Material-UI /Ant Deaign4、React适用场景：数据不断变化的大型应用程序5、前端UI构建方式：数据模型、UI界面6、单向数据流：数据模型驱动UI界面（从数据到视图的数据流动）7、高性能虚拟DOM：虚拟DOM是在浏览器端用...

2018-12-04 10:34:18 450

原创 Vue公共广播/父子组件广播 $emit、$on的实现及原理解答

vm.$emit( event, […args] ) 参数： {string} event [...args] 触发当前实例上的事件。附加参数都会传给监听器回调 m.$on( event, callback ) 参数： {string | Array<string>} event (数组只在 2.2.0+ 中支持) ...

2018-12-04 10:25:07 8685

原创版本比较低的element-ui@1.4的其中一个组件tree树自带的一个bug

突然翻到一年前的笔记，记录了一个版本比较低的element-ui的其中一个组件tree树自带的一个bug，当时造成了不小的影响。因为当时那块业务是处理的医院系统集团、医院、以及各种等级用户的权限问题。现在把解题思路顺手贴出来吧。功能其实就是如图所示，只不过下面有很多子级，而且所有数据都是后端传的由前端匹配然后动态生成的权限树。也就是大量的数据处理，有关老东家的公司业务所以代码就不贴了，放个解题...

2018-12-03 18:22:08 742

原创 GIT：操作了一波错误的神操作后，一般需要用到的骚手段（在临时分支提交了代码并删除了怎么办）

gitHub地址：https://github.com/susuGirl版本控制工具本地版本控制集中版本控制 svn 分布式版本控制 git （3种工作区域：工作目录、暂存区域、本地仓库）建立分支的标准 master 分支用来发布重大版本的分支每个版本用tag打点一次而且建议每次合并develop开发分支的...

2018-11-22 16:48:54 402

原创 webpack 报错信息总结

配合react项目，从零领进webpack@3的大门，基础配置和打包项目地址：GitHub：https://github.com/susuGirl/testWebpackwebpack 3.5.3 webpack-cli 3.1.0 webpack-dev-server 2.9.7运行 npm run server 报错（webpack-dev-server）events.js...

2018-11-21 18:24:55 886

原创服务器怎么下载nvm、nodeJs、pm2

nvm全称Node Version Manager是 Nodejs 版本管理器，它让我们能方便的对 Nodejs 的版本进行切换。 nvm 的官方版本只支持 Linux 和 Mac。 Windows 用户，可以用 nvm-windows。用nvm下载nodeJs比传统方式的在服务器下载安装包然后解压包，配置环境变量要简便的多了多，尤其是后面更新包（版本控制）的时候，如果你用传统方式代表你需要...

2018-11-21 18:03:31 1809

原创箭头函数与普通函数的this指向，箭头函数的特点和好处

建议参考书籍《你不知道的JavaScript》上卷 P82 第2章：this全面解析。 GitHub：https://github.com/susuGirl箭头函数特点 this的指向问题，函数体内的this对象，就是定义是所在的对象，而不是使用时所在的对象。箭头函数里面没有自己的this，而是引用外层的this，所以也不能用call、apply、bind方法去改变this指向 ...

2018-11-21 16:22:10 1000

全端菜鸟小姐