- 博客(27)
- 收藏
- 关注
RSS订阅原创 浏览器渲染流程
流水线可分为如下几个子阶段：构建 DOM 树、样式计算、布局阶段、分层、绘制、分块、光栅化和合成。样式计算（recalculate Style）1.将css转换为浏览器可以理解的结构当渲染引擎接收到 CSS 文本时，会执行一个转换操作，将 CSS 文本转换为浏览器可以理解的结构——styleSheets。控制台输入：document.styleSheets即可查看2. 转换样式表中的属性值...
2019-12-23 18:49:01
353
原创 axios使用FormData 发送post请求
预备知识：post提交数据的四种编码方式1.application/x-www-form-urlencoded传表单格式键值对。2.multipart/form-data能传文件，不仅仅是表单数据这也是一种比较常见的post数据格式，我们用表单上传文件时，必须使form表单的enctype属性或者ajax的contentType参数等于multipart/form-data。使用这种...
2019-11-03 20:57:02
6684
原创 关于如何监控vuex里对象的属性变化
我有一个这样的数据结构，在store里有一个msgList的对象，属性是用户的username，要在每次这个用户发出一条消息记录时push一个新元素进去，并响应这个变化，同时更新当前对话记录。https://cn.vuejs.org/v2/guide/list.html#这是官方写的对于数组，对象属性更新检测的注意事项。我自己使用了其中的Object.assign()，来实现响应。Obje...
2019-11-01 17:05:53
2724
1
原创 electron-vue上的坑
1.不能使用vuex的原因，据这篇文章介绍有两种方法。但是我自己只能注释掉 ，再引入 。2.加了drag后 点击事件无效。
2019-10-24 19:36:14
572
原创 小程序：建立购物车表
这是我看别人代码总结出来的方法：思路是一，当用户在商品详情页点击加入购物车时，建立一张表，存放在storage空间中。二，每次进入商品详情页时，也就是在onload里面，再次读取这个数组，用getStorage把这个数组赋值给data中我们定义好的shopCatInfo.这是在商品详情页的逻辑。购物车页面的逻辑等下再讲。以下是具体代码一：先定义datadata:{ shopCarI...
2019-09-28 19:48:23
549
原创 小程序：用Storage存储用户搜索历史
今天在写商品搜索时，要记录用户的搜索历史。用setStorage建立一个数组，每次进入商品搜索页面，加载。代码如下：一：一进去先读取history表onLoad:function(){ const that=this; wx.getStorage({ key: 'history', success: function(res) { ...
2019-09-28 19:29:49
305
原创 小程序商城开发-tabbar
自定义tabbar现在项目根目录配置以下入口文件custom-tab-bar/index.jscustom-tab-bar/index.jsoncustom-tab-bar/index.wxmlcustom-tab-bar/index.wxss因为路径问题所以icon图片一直加载不成功…以下是目录和index.js中正确的路径配置list:[{ "pagePath"...
2019-09-24 21:47:37
1218
原创 vue:19.9.15日记
非父子组件通信：用bus这个中间人，A组件发布事件$emit,B组件订阅on，来源于js的观察者模式（发布者-订阅者模式）。bus.jsimport Vue from 'vue'const bus=new Vue();export default busA.vuecreated():{bus.$emit('val','我是A收到了吗')}B.vuecreated():{...
2019-09-24 21:47:13
93
原创 Ajax技术的核心XMLHttpRequest对象
以下简称：XHR干嘛用的：为服务器发送请求和解析服务器响应提供了流畅的接口。能够以异步的方式从服务器获得更多信息，意味着用户单击后不用刷新页面也可以取得新数据。也就是说，使用XHR对象取得新数据，再通过DOM将新数据插入页面中。用法：var xhr=new XMLHttpRequest();xhr.open(‘要发送的请求类型’，‘请求的url’，是否异步发送的布尔值)；//没真发，就是...
2019-09-24 21:45:17
291
1
原创 web storage：客户端数据存储
以前一直听说这个名字，今天来做一个细致的梳理。来历因为cookie太小了，就有了storage。有localStorage和sessionStorage ，sessionStorage保存的数据回话结束时通常是窗口关闭时结束。localStorage长期存在。属性和方法这两个都是Storage类型的实例，所以继承了Storage的方法和属性。它只有一个Storage.length这一个...
2019-09-24 20:50:30
163
原创 小程序：当前时间戳，传入时间得到时间戳，循环数组赋值
时间戳有两种方式获得：var myDate=new Date()myDate.getYear();//获取当前年份(2位)myDate.getFullYear();//获取完整的年份(4位,1970-???)myDate.getMonth();//获取当前月份(0-11,0代表1月)myDate.getDate();//获取当前日(1-31)myDate.getDay();...
2019-09-24 18:36:13
1232
原创 使用request请求后this.setData问题
接口 onLoad:function(options){ const that=this; wx.request({ url:'你的接口地址', success(res){ console.log(res.data.data.recommendList) const recommendList=res.data....
2019-09-23 18:49:57
827
原创 图解http：第六章http首部
HTTP/1.1 首部字段一览HTTP/1.1 规范定义了如下 47 种首部字段。6-2：请求首部字段通用首部字段这意味着能分别在请求报文和响应报文中使用。Cache-Control指令的参数是可选的， 多个指令之间通过“,”分隔。 首部字段 CacheControl 的指令可用于请求及响应时。如：Cache-Control: private, max-age=0, no-...
2019-09-17 17:49:25
760
原创 面向对象：属性
属性类型数据属性[[Configurable]]：能否通过delete删除属性而重新定义属性，或能否把属性修改为访问器属性。默认为：true。[[Enumerable]]：能否通过for-in循环返回属性。默认为：true。[[Writable]]:能否修改属性的值。默认为：true。[[value]]：包含这个属性的数据值。读取属性值时从这个位置读；写入时，把新值从这个地方保存。这个特...
2019-09-09 09:07:46
177
原创 es6
let&constlet：只作用于它被定义的那个作用块const：定义一个不能修改的常量tip：在for循环中，设置循环变量的那部分是父作用域，循环体内部是单独的一个子作用域，如：for (let i = 0; i < 3; i++) { let i = 'abc'; console.log(i);}// abc// abc// abc函数参数参数扩展/...
2019-09-07 07:59:03
651
原创 css的优化
css的优化有哪些？提高性能这块1.不使用@import。2.避免使用复杂的选择器，层级越少越好。3利用继承减少代码量。提高可维护性1.命名和备注2.提取重复样式方法论oocss （object oriented css）两个原则：1.结构与样式分离：提取公用的样式出来，减少重复代码和精简css。2.内容和容器分离。SMACSS Scalable and Modular ...
2019-09-07 07:52:32
912
原创 图解Http第五章：与http协作的Web服务器
用单台虚拟主机实现多个域名一台服务器可以托管多个网址，因为使用了虚拟主机的功能。当客户端发起请求其中a网址时，DNS解析域名后的ip地址和b网址相同。那么要怎么分辨客户端要访问的网址呢？答：在发送http请求时，在Host首部内完整指定主机名或域名的URI（统一资源标识符）。通信数据转发程序：代理，网关，隧道它们都是辅助客户端和服务器通信工作的。代理：一种有转发功能的应用程序，是客户...
2019-08-27 22:29:40
197
原创 图解http：第二章
http协议：应用于客服端和服务器之间的通信。http协议的应用类型：get：告诉服务器要获取资源。POST：传输实体主体 。PUT：传输文件 PUT 方法用来传输文件。就像 FTP 协议的文件上传一样，要求在请 求报文的主体中包含文件内容，然后保存到请求 URI 指定的位置。HEAD：获得报文首部 HEAD 方法和 GET 方法一样，只是不返回报文主体部分。用于确认 URI 的有...
2019-08-09 21:48:53
339
原创 http协议：一次请求
tcp：握手过程中使用了 TCP 的标志（flag） —— SYN（synchronize） 和 ACK（acknowledgement）。 发送端首先发送一个带 SYN 标志的数据包给对方。接收端收到后， 回传一个带有 SYN/ACK 标志的数据包以示传达确认信息。最后，发 送端再回传一个带 ACK 标志的数据包，代表“握手”结束。...
2019-08-09 20:53:53
251
原创 js：函数的递归
汉诺塔var hanoi=function(n,a,b,c){ if(n>0){ hanoi(n-1,a,c,b); //将n-1个盘子由a-->b，以c为缓冲 document.writeln('移动盘子'+n+'从'+a+'到'+c+'<br>'); hanoi(n-1,b,a,c);;将n-1个盘子由b-->c，以a为缓冲 }}hano...
2019-08-02 00:12:27
116
原创 js：函数的调用
什么是函数？在js中函数是对象。invocation（调用）调用一个函数时，函数接受两个附加的参数：this和arguments。参数this的初始化方式取决于调用的模式。一共有四种调用模式：方法调用模式（the method invocation pattern）当一个函数被保存为一个对象的属性时，被称为‘方法’。当一个方法被调用时，this被绑定到该对象。var myObject=...
2019-08-01 22:34:40
152
原创 js：函数中的作用域和作用域链
原型作用域js看似有”块级作用域“其实它没有，取而代之的是“函数作用域”。块级作用域：在一个代码块（一对花括号内）定义的变量在代码块外部是不可见的，且在代码块执行结束后被释放掉。函数作用域：定义在该函数中的参数和变量在函数外部不可见，而一个函数内部任何位置定义的变量，在该函数内部任何地方都可见。也就是说，变量不仅在声明它们的函数体内有定义，还在这个函数体嵌套的任意函数体内都有定义。代...
2019-08-01 16:43:08
166
原创 js面向对象3：非构造函数的继承
什么是非构造函数的继承A：var Chinese={nation:'中国'}B:var Doctor={ career:'医生'}如何让B继承A呢？也就是说如何生成一个“中国医生”的对象。object()方法funciton object(o){ // object函数就是让子对象的prototype属性指向父对象， //...
2019-08-01 16:42:27
153
原创 js面向对象2：构造函数的继承
现在有个动物对象的构造函数function Animal(){this.species="动物";}和一个猫的构造函数function Cat(name,color){ this.name = name; this.color = color; }如何让猫继承动物？prototype模式如果"猫"的prototype对象，指向一个Animal的实...
2019-08-01 16:42:19
126
原创 js面向对象1：封装
主旨：如何"封装"数据和方法，以及如何从原型对象生成实例。对象string，number，null，undefined，布尔值，是js的简单类型。其他的所有值都是对象：如数组，函数，正则表达式，对象。对象的类型内置对象宿主对象自定义对象继承属性自有属性创建对象的方法对象直接量var book={"main title":"javaScript","for":"all a...
2019-08-01 16:32:05
138
原创 头条面试题
TCP连接一个包丢了怎么处理tcp协议关于发送数据包：慢启动（slow start）机制，开始时发送较慢，然后根据丢包情况判断加快还是降低。默认情况下，接受方每接受到两个tcp数据包就要发送一个acknowledgement 简称 ACKACK:1.期待要收到的下一个数据包的编号2.接收方的接受窗口剩余容量丢了包：如果发送方发现受到三个重复的ACK或者超时了还没有收到任何ACK，就...
2019-07-10 14:54:58
467
原创 安装vue-cli的坑
Vue的脚手架搭建失败点（vue-cli)webpack下载失败解决方法一：在node安装成功前提下，将npm替换成cnpm替换代码：npm install -g cnpm --registry=https://registry.npm.taobao.org检查版本：安装webpack：cnpm install webpack -g解决方法二：检查node版本，检查方法 node -...
2019-07-07 15:19:12
259
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人