- 博客(36)
- 收藏
- 关注
RSS订阅原创 vue-router的实现
vue-router路由模式有两种，hash和history我们知道，在我们输入不同URL按下回车键那一刻，开始向服务器请求资源，而我们的单页面的来说，最显著的特点就是在通过更新路由，在不重新请求页面的情况下，来更新试图1、hash是利用了URL中的hash来实现；2、history则是利用了HTML5新增的方法 history.pushState 来完成URL的跳转而无需重新加载页面...
2020-02-20 22:24:51
186
原创 堆（heap）栈（stack）
堆（heap）、栈（stack）堆是动态分配内存，内存大小不一，也不会自动释放。栈是自动分配相对固定大小的内存空间，并由系统自动释放。js的基本类型就5种，Undefined、Null、不是new出来的布尔、数字和字符串，它们都是直接按值存储在栈中的，每种类型的数据占用的内存空间的大小是确定的，并由系统自动分配和自动释放。这样带来的好处就是，内存可以及时得到回收，相对于堆来说，更加容易...
2019-12-03 10:21:30
277
原创 父组件异步请求给子组件传值的延迟问题
问题：在开发是遇到这样一个问题，父组件的异步请求后，将请求到的数据传给子组件，但是子组件并没有实时的更新模版。原因：子组件中的created、mounted只执行一次，在父组件初始化时，已经给子组件传了一个空值，导致异步请求数据发生变化时，子组件的值不再变化。解决方案：我们可以在父组件中加一个判断，如果数据长度不为空时，再渲染组件。...
2019-09-03 15:00:51
4344
1
原创 CSS3动画规则
之前对css动画的理解有点死记硬背的意思，很容易忘记，今天重新梳理一下脉络，更方便记忆。首先，了解transform，他可以给元素添加一些特殊的位移，形变，放缩等功能，也就是这一步，为css3动画实现打下了基础。/* 2D、3D的转换 */div{ transform: translate(10px); transform: rotate(30deg); ...
2019-08-05 20:24:59
668
原创 终止for循环之break和continue
首先for循环属于一个循环体，不是函数，所以没有函数作用域，里面的执行条件所处的作用域和外部所属同一个。for循环还有一个特别之处，就是设置循环变量的那部分是一个父作用域，而循环体内部是一个单独的子作用域。1、break，只结束当前循环结构的循环，比如两个for循环，单个循环结构，后续的循环语句不再执行2、continue，只结束满足条件的循环，后续循环继续执行...
2019-07-30 21:02:46
28861
原创 单页面的理解
所谓单页面，是指页面只在首次加载时请求html，后续的页面切换，都是对当前页面dom的更换，路由只是做了虚假的切换；路由的切换涉及到两种（hash和history）模式的；history模式下，build之后本地 index.html 打开是无效的。hash模式下，build之后本地 index.html 打开正常！...
2019-07-26 15:25:09
622
原创 cookie的问题，工作中遇到记录下
今天开发遇到一个问题，需要在js中手动添加一个cookie值，然后在网上找了用设置的方法（document.cookie='...'），但是发现在做请求时，怎么都不会带上设置的那个cookie，进过排查发现，有两个参数时必带的，domain和Path，如下document.cookie="toPageType=stockking;Path=/;domain=.moguyun.com";如果不带...
2019-05-16 21:39:38
259
原创 小程序开发问题汇总
1、申请审核小程序时，要注意到代码中不要包含空白的商品信息和测试字样等，尤其是第一版要慎重；2、开发编译小程序时，要勾选开发者工具的ES6->ES5，否则会出现iOS低版本兼容的问题；3、今天遇到一个问题，小程序的tabBar（小程序的底部导航栏），官方提供了一些改变tabBar文案和颜色的方法，但是如果想定制客户和客户经理的tabBar（数目），就需要另外写组件定制tabBar；...
2019-05-08 10:10:40
188
原创 日志（express）
<===2019.05.14===>做一个什么样的网站取决于自己有什么样的素材和数据，现在有点两难呐<===2019.04.26===>今天踏出express学习的第一步，完成用户注册登录的前后端的校验，过程略显坎坷，遇到比较多坑，好在网上的添坑教程足够多，一步步走过来，成就感蛮强，慢慢来，后面继续加油！！...
2019-04-26 20:32:03
98
原创 express开发注意事项
1、引入模块顺序问题var bodyParser = require('body-parser');app.use(bodyParser.urlencoded({extended: false}))// 引入不同功能模块var admin = require('./routers/admin');var api = require('./routers/api');var mai...
2019-04-26 19:16:42
243
原创 webpack的配置问题
最近在看webpack打包工具的官方教程，还是很清晰明了的，对mpvue的webpack配置又做了进一步的思考，感觉主抓两条线就行，dev-server.js和build.js，分别是开发和生产环境的打包配置。...
2019-04-03 10:45:49
136
原创 关于npm的package.json配置项的小结
namename和version是package.json中最重要的两个字段，也是发布到NPM平台上的唯一标识，如果没有正确设置这两个字段，包就不能发布和被下载。version包的版本号。如"1.0.0"。description包的描述信息，将会在npm search的返回结果中显示，以帮助用户选择合适的包。keywords包的关键词信息，是一个字符串数组，同上也将显示...
2019-04-03 10:39:32
1527
原创 代理的概念
代理分为正向代理和反向代理，代理就像一个中介，负责传达客户端和服务器的请求和响应。正向代理：代理客户端去请求服务器，隐藏了真实客户端，服务器并不知道真实的客户端是谁。反向代理：反向代理隐藏了真正的服务端，就像你每天使用百度的时候，只知道敲打www.baidu.com就可以打开百度搜索页面，但背后成千上万台百度服务器具体是哪一台为我们服务的，我们并不知道。我们只知道这个代理服务器，它...
2018-12-21 14:27:16
403
原创 移动端浏览器兼容问题
目前，移动端的浏览器兼容问题也不少，在这里做下记录，便于以后查找问题。1、click 300ms 延时响应解决方案： 使用fastclickwindow.addEventListener("load", function () { FastClick.attach(document.body)}, false)2、flex的问题父元素设置display：flex后，...
2018-09-12 20:24:13
1215
原创 web的常见的性能优化方法
web性能优化相当重要，合适的优化，不仅可以提升客户端的用户体验，而且可以减少http请求次数和请求带宽，节约资源。最近两天在网上找了不少的资料，总结下来最详尽的一份介绍： Web性能优化方案...
2018-09-11 11:07:29
1676
原创 Sizzle详解
今天重新看了一些博客对sizzle解析，有了一点新收获。jquery的sizzle选择器引擎是一个很强大的功能，兼容了很多种选择器匹配的写法，比如可以使用它们的 id, 类, 类型, 属性, 属性值、伪类等来选取元素。废话补多说，下面来对sizzle做个大概的分析：1、Sizzle整体结构if(document.querySelectorAll) { sizzle = fun...
2018-09-06 18:51:45
2463
转载 BFC（块级格式化上下文）
之前一直听说这个概念，使用的时候也一知半解，没有细细研究，今天又遇到了，来做下小结。1、什么是BFC是Box Formatting Context（块级格式化上下文）的缩写，这里我们需要拆分为Box、Formatting Context；其中， Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染区域，并且有一套渲染规则，它决定了其...
2018-08-15 15:27:14
101
原创 CSS选择器总结
选择符是指一条CSS样式规则的最左边部分，总的可分为五大类十八种。1、并联选择器：即群组选择器，即以“，”合并多个分组结果。2、简单选择器：标签、ID、类、属性、通配符。3、关系选择器：即派生选择器，亲子、后代、相邻、兄长。4、伪类选择器：动作伪类、目标伪类、语言伪类、状态伪类、结构伪类、取反伪类。5、伪元素选择器：仅有几种。 并联选择器并联选择器即群组选择器，以“...
2018-08-15 10:50:33
391
转载 JavaScript数据结构和算法
虽然前端平时用到的算法和数据结构并不多，但是还是很重要，今天偶然发现一个总结前端数据结构和算法的很好的博客，与大家共享一下。下面是链接：前端数据结构和算法总结...
2018-08-15 10:32:06
353
原创 vuex中使用modules时遇到的坑
其实也不算坑，只是自己没注意看官网api，定义module另外命名时，需要在module中加一个命名空间namespaced: true属性，否则命名无法暴露出来，导致报[vuex] module namespace not found in mapState()等错误。...
2018-08-02 20:28:29
24841
原创 vue的常用UI库之iView
最近写一个vue小项目（音乐播放器），需要使用到一些小图标，网上找到的零零碎碎，不成一套。于是在网上寻摸各种UI库，如element-ui、vux、mint-ui等，最后选择了iview，主要是icon比较多，使用也方便。 ...
2018-07-20 18:54:24
479
原创 flex布局遇到white-space失效问题
昨天在用vue做移动端单页面时，遇到一个问题，给子标签加上flex等于1，尝试多次无效，发现把white-space属性去掉，就能正常实现等宽自适应布局。 初步定位问题为，white-space对flex弹性布局有影响。在网上找了一系列的资料，找到一个解决办法，给使用了white-space的子标签添加一个属性min-width: 0，可以解决问题。HTML--伪代码...
2018-07-09 16:35:14
4714
原创 vue开发中遇到的滚动到底部加载更多数据问题
今天一直在思考如何这个效果，发现下拉到底部时，总是请求数据很多次，结果就是页面很长，无法再次下拉到底部。在网上找到了一个解决办法，通过增设一个开关，在拉到底部时，请求一次数据，如果成功，关闭开关；如果请求失败，继续打开开关，下拉再次请求。...
2018-07-04 20:33:44
5410
原创 localStorage、sessionStorage、cookie、session
在HTML5中，新加入了一个localStorage的特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题（cookie中每条cookie的存储空间为4K），localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。localStorage的优势： 1、localStorage拓展了cookie的4K限...
2018-07-04 14:58:36
164
原创 观察者模式（订阅发布者模式）
观察者（Observer）模式，也叫订阅发布者模式，顾名思义，就是有订阅者（Subscriber）和发布者（Publisher），两者的功能，订阅是请求在某些事件(event)到达时可以通知它并执行对应的动作(action)，而发布则相对的是向订阅告知事件(event)已经到达，你可以执行对应的动作(action)了。但是具体是怎么的一个思维呢，听我娓娓道来。 大家应该都知道...
2018-07-04 11:20:37
357
转载 JavaScript获取屏幕的宽度、高度
网页可见区域宽：document.body.clientWidth网页可见区域高：document.body.clientHeight网页可见区域宽：document.body.offsetWidth网页可见区域高：document.body.offsetHeight网页正文全文宽：document.body.scrollWidth网页正文全文高：document.body.scrollHeigh...
2018-07-04 10:06:00
148
原创 call、apply、bind的联系和区别
call和apply都是为了改变某个函数运行时的上下文而存在的（也就是改变函数的this指向）；如果使用call/apply，那么this指向的是第一个参数，apply的第二个参数是一个参数数组，call的第二个及其以后的参数都是数组里面的元素，就是说要全部列举出来； 看到一个比较形象的表达方式：foo.call(this,arg1,arg2,arg3) == foo.apply(...
2018-06-25 11:11:52
134
转载 Ajax详解
一、什么是ajaxajax是 "Asynchronous Javascript And XML" （异步JavaScript和XML）缩写。ajax不是一种语言，而是一种为了创建更好更快和交互性更强的一种web应用程序的技术。它是一套综合了多项技术的客户端网页开发的技术。这些技术包含了JavaScript、XHTML和CSS、DOM、XML和XMLHttpRequest。二、a...
2018-06-22 19:05:59
153
原创 JavaScript字符串String的原生方法汇总
定位：charAt() 返回在指定位置的字符；charCodeAt() 返回在指定位置的字符的Unicode编码；indexOf() 返回某个制动的字符值在字符串中首次出现的位置；lastIndexOf() 从后向前搜索字符串；合并/截取：concat() 合并字符串slice() 提取字符串片段substr() 此方法和slice()提取片段效果是一样的，参数也一样substrin...
2018-06-20 10:23:18
890
原创 JavaScript数组Array的原生方法汇总
增删的方法：push() 插入数组末尾，返回数组长度unshift() 插入数组开头，返回数组长度pop() 删除数组末尾，返回删除项shift() 删除数组开头，返回删除项重排序方法：reverse() 将数组翻转sort() 将数组按升序重排序截取/合并：concat() 合并，将添加的项合并到数组尾部 ，返回合并后的数组 （不改变原数组）s...
2018-06-20 09:33:36
667
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人