- 博客(19)
- 收藏
- 关注
原创 vue3.0响应式源码实践,vue3.0初体验
vue3.0响应式源码实践,vue3.0初体验镇楼图--杀生丸.jpgvue-next(vue3.0预体验)1. 使用:2.vue-next的目录结构3. reactive内部实现作者上篇文章已经对ue2.0响应式的一个原理做了比较详细的介绍,但2019年10月5日,尤小右公开了 Vue 3.0 的源代码。源码地址:vue-next,至于vue预版本的优势在github都接下来就让我给各位看官大佬介绍一个这个3.0前的一些内容吧;vue-next(vue3.0预体验)由于vue-next并
2020-07-09 17:58:31 720
原创 webpack4+加vue2+从零开始搭设vue项目
webpack4+加vue2+从零开始搭设vue项目起步1.初始化项目2.安装依赖3.目录文件配置4.配置index.html及webpack.config.js5.vue的起步解决方案 一解决方案 二(常规操作)解决方案 三引入css和scss本地环境node -v // v9.1.0npm -v // 6.5.0webpack -v // 4.32.2webpack-c...
2019-06-12 09:26:54 2395 6
原创 nginx部署/代理/跨域/负载均衡
@TOP关于nginx,咱们先了解nginx在开发过程中的主要作用nginx解决跨域nginx负载均衡一、nginx解决跨域如果要理解什么是跨域广义上的跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。即浏览器的同源策略/SOP限制引起的跨域也属于在内;那么什么是同源策略呢?同源策略/SOP(Same origin policy)是一种约定,由Netscape公...
2019-06-03 12:25:58 280
原创 vue中watch不触发、不生效的解决办法及原理
vue项目下props传进去的数据,生命周期勾子函数包括watch不触发的解决办法遇到的问题方案解决过程一方案解决过程二总结: 出现问题尽量先找官网 首先确定是自己没有了解到官方api的正确使用或者是一些特定解决方案,如若对您有帮助,麻烦点个赞吧~感谢~遇到的问题在深层props过程中,props的数据传到了目标文件 但却没有触发数据更新及页面更新;watch代码如下: watch: {...
2019-01-31 17:53:57 87643 22
翻译 vue框架下部署上线后刷新报404问题解决方案
vue框架下部署上线后刷新报404问题解决方案Apache配置nginx配置原生 Node.js基于 Node.js 的 ExpressInternet Information Services (IIS)CaddyFirebase 主机最后Apache配置<IfModule mod_rewrite.c> RewriteEngine On RewriteBase / R...
2019-01-12 23:05:54 10209 17
原创 小程序订阅消息踩的那些坑,希望帮助到您
小程序订阅消息踩的那些坑,希望帮助到您第一坑: 在开发者工具中无法显示订阅消息的列表且无勾选选择;第二坑: 在开发者工具中无法显示不再询问勾选项;第三坑: 多次订阅一次性消息时;第四坑: 勾选了不再询问时;第五坑: 当多个订阅消息同时授权时;第六坑: 当订阅消息频繁触发时;总结:2019年10月份,微信在小程序模块消息能力方面公布了一项重大调整。原有的模块消息将升级为「订阅消息」,支持一次性...
2020-03-09 17:18:48 2762 1
原创 安装zsh解决zsh下terminal终端字符乱码问题
安装zsh解决zsh下terminal终端字符乱码问题1 安装zsh2 修改主题并3 解决乱码其他bash虽好,但zsh才是人们的最爱,无论是主题或者是记录命令的插件及高亮效果都是无与伦比的,如果你在安装zsh使用了某些主题后导致terminal乱码,那么恭喜你,这篇文章能帮你解决问题首先来看看的效果,为什么能惹我们这些玩家那么热爱呐;1 安装zsh1.什么是zshzsh是Z...
2020-01-21 18:39:54 8624
原创 vue 2.0响应式源码实践,麻麻,我再也不怕被面试官提问啦
vue2.0/vue3.0响应式源码实践,麻麻,我再也不怕被面试官提问啦写在前面vue2.0响应式源码实现1. 先创建一个对象2.实现observer方法3.接下来我们对observer函数进行改造4. 假如给data添加不存在key会如何呢?5. 假如data里面的数据是多层嵌套对象呢?6. 假如data里面的数据是多层嵌套数组呢?vue3.0使用小测写在前面震惊!!! 2019年10...
2019-11-15 09:58:08 488
原创 vue组件之间如何通信?vue通信的多种方式
vue组件之间如何通信?vue通信的多种方式前言:一、vuex状态管理模式其数据流向如下:使用:二、EventBus使用:eventBusOne组件引入:eventBusTwo组件监听:效果如下:三、使用最多之 props与$emit使用 propsOne(父组件)使用 propsTwo(子组件)效果如下:四、$refs 、$parent、$children其他总结:前言:写在前面: vu...
2019-10-08 19:04:20 484
原创 css实现超出几行省略并...
css实现超出几行省略并...单行word-break: break-all;overflow:hidden; // 超出的文本隐藏text-overflow:ellipsis; // 溢出用省略号显示white-space:nowrap; // 溢出不换行两行或多行word-break: break-all;overflow:hidden; // 超出的文本隐藏te...
2019-09-16 14:43:33 1585
原创 函数防抖、函数节流的区别及其应用场景
写在前面函数防抖和函数节流都是为了优化事件处理程序,防抖 一个频繁触发的函数,在规定时间内,只让最后一次生效,前面的不生效。节流 一个频繁触发的函数,在规定时间内,函数执行一次后,只有大于设定的执行周期后才会执行第二次。使用场景: 防抖 经常用在我们搜索框输入搜索,点击提交,防止等;而 节流 一般在onresize、mousemove、滚动事件等事件中使用,防止过多的...
2019-08-26 09:49:56 1337
原创 [input[type=number]下能输入e、+、-的解决方案
@TOC[input[type=number]下能输入e、+、-的解决方案 ]在我们开发过程中,难免遇到这样的需求,需要一个输入框,并且只能输入数字,不能输入其他任何字符,这时候各种正则校验替换真的是苦不堪言~ 有时候弄得焦头烂额还要被嘲讽le se … 接下来给大家介绍个神奇的解决方案,走过路过的朋友,有钱的捧个钱场,没钱的捧个人场,点个赞什么的我最喜欢啦;废话说多了,下边请看:输入框i...
2019-07-13 21:23:37 6925 5
原创 js基础数组Array的一些特性及方法
js基础数组Array的一些特性及方法数据类型js数据类型基本类型引用类型数组的方法1. Array.concat()2. Array.join()3. Array.pop()4. Array.push()5. Array.reverse()6. Array.shift()7. Array.unshift()8. Array.slice()9. Array.splice()9. Array.sor...
2019-06-28 18:03:48 547
原创 javascript中call、bind、apply你知多少?
javascript中call、bind、apply你知多少?首先查看文档理解含义call()apply()bind()总结call和apply的区别call与apply 和 bind的区别在我们日常开发过程中call、bind、apply无疑是我们用的比较多的语法,今天在开发中看到有同事傻傻分不清call和bind的区别,故在解释一通之后,写下此文;首先查看文档理解含义call()从...
2019-06-21 15:37:43 252
原创 前端构建工具Gulp.js知多少(webpack/gulp/grunt)
@TOC写在前面前几天在更新webpack知识的时候,想起来三年前用过的前端构建工具gulp/grunt,遂写个笔记总结一下,出来混总是要还的,忘得七七八八了…阅读本文章之前,相信你已经对前端构建工具(webpack、gulp、grunt)有一定的认知和了解了,那么他们之间究竟有什么区别呢?什么是gulp?gulp文档上面有这么一句话$\color{blue} {用自动化构建工具增强...
2019-06-18 17:05:08 236
原创 js通过开始时间和结束时间计算出中间的所有日期
js通过开始时间和结束时间计算出中间的所有日期写在前面一 已知开始时间和结束时间 计算出中间的所有日期二 最近七天 一个月 三个月 一年写在前面实际开发过程中,我们有许许多多的产品都设计到了时间,也有时候需要自己转化时间格式,这里推荐一个日期时间处理类库momentjs,但很多时候,我们仅仅是转化个别时间,还没必要安装这么一个依赖;这篇文章将在未来持续更新,搜罗各种关于时间转化的方法一 已...
2019-06-14 15:08:53 14015
原创 Mac平台下的nginx /nginx部署/代理/跨域
@TOC(Mac平台下的nginx /nginx部署/代理/跨域)上篇文章我们说到了nginx的一些入门功能使用,但Mac book下的nginx如何配置呢?这将是本篇文章的重点;安装nginx打开终端Terminal安装brew ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install...
2019-06-03 18:19:54 428
转载 vue按需加载组件-webpack require.ensure
使用 vue-cli构建的项目,在 默认情况下 ,执行 npm run build 会将所有的js代码打包为一个整体,打包位置是 dist/static/js/app.[contenthash].js 类似下面的路由代码 router/index.js 路由相关信息,该路由文件引入了多个 .vue组件import Hello from '...
2019-02-26 17:03:05 354
原创 CSS垂直居中的几种方法,你都知道吗
CSS垂直居中的几种方法假设HTML如下:1. 兼容性最好的方法 IE7以上2. transform进行元素偏移 IE8以上3. 弹性盒模型进行布局 IE兼容性差4. flex布局 不兼容IE9以下言: 以上就是博主目前用的比较多的方法啦,如果有什么更好的方法,可以多多交流喔假设HTML如下:<body> <div id="box"> <d...
2019-01-14 14:05:29 254
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人