- 博客(66)
- 收藏
- 关注
RSS订阅
原创 心灵鸡汤
1.每一个人，有自己想去的未来，那就上路，过程或许迷茫，结局已然精彩。2.过往不恋，未来不迎，当下不负，如此安好。3.不够优秀，参会那么依赖其他人；不够成熟，才会信任所有耀眼的外衣；不够强大，才会浪费时光去迎合他们的玩闹。4.人与人之间的能力并没有很大区别，真正区分开人的是他的眼界以及努力程度。5.永远不要怪别人不帮你，也永远别怪他人不关心你。活在世上，我们都是独立的个体...
2019-07-25 21:30:30
725
转载 2021-06-29
关于微信小程序开发工具没有上传按钮的问题怎么样？是不是很神奇？？最主要的是：在没有上传按钮的时候，点击工具－－上传，虽然提示上传成功了。但是依然没有上传到小程序后台：原因是：我们的步骤弄错了。是因为我们在创建这个小程序的时候填写的ＡＰＰＩＤ和你要上传的那个后台的ＡＰＰＩＤ不一致造成的。解决办法：１：先把文件备份一下２：重新创建一个小程序，填写正确的ＡＰＰＩＤ－－－做完这一步编辑器中应该就已经出现了“上传按钮”３：把刚才备份的文件覆盖过去。４：注意：app.json里面同样也有一个ＡＰＰ
2021-06-29 17:29:49
1495
转载 NPM镜像源查看和切换
一、镜像源链接切换全局切换镜像源：npm config set registry http://registry.npm.taobao.org查看镜像源使用状态：npm get registry全局切换官方镜像源：npm config set registry http://www.npmjs.org二、使用 nrm 切换镜像源下载 nrm：npm install -g nrm查看可切换的镜像源： nrm ls (*表示正在使用的镜像源)npm -------- https://re
2021-06-01 15:31:07
2791
转载 vue项目npm run serve报错in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法
vue项目npm run serve报错in ./src/App.vue?vue&type=style&index=0&lang=scss解决办法重新安装sass-loader node-sass一、直接安装npm install sass-loader node-sass -D二、cnpm安装npm install -g mirror-config-china --registry=http://registry.npm.taobao.orgcnpm install
2021-04-29 14:19:07
36537
2
原创 uni-app中代码打包到开发者工具导致页面空白
uni-app中代码打包到开发者工具导致页面空白开发者工具版本太低导致重新打包npm run dev:mp-weixin重启电脑，重新编译开发者工具注意appid是否正确
2021-04-28 12:02:44
2243
原创 GET和POST区别
GET——从指定的资源请求数据POST——向指定的资源提交要处理的数据GETget请求可能被缓存get请求保留在浏览器历史记录中get请求可悲收藏为书签get请求不应在处理敏感数据时使用get请求有长度限制get请求只应当用于取回数据POSTpost请求不会被缓存post请求不会保留在浏览器历史记录中post不能被收藏为书签post请求对数据长度没有要求笔记in...
2019-11-04 19:30:21
379
原创 响应式布局
作用：让一个网站可以兼容不同分辨率的设备给用户更好的视觉使用体验优缺点优点：解决了设备之间的差异化展示缺点：兼容性代码多，工作量大，加载速度受影响原则移动设备优先：在设计初期就要考虑页面如何在多终端显示渐进增强：充分发挥硬件设备的最大功能如何实现响应式布局CSS3-Media Query /*当屏幕尺寸大于480px时候，背景颜色是蓝色*/ @media s...
2019-10-30 09:47:51
326
原创 实现一个sleep函数，比如sleep(1000)意味着等待1000秒
四种方式： //Promise const sleep = time => { return new Promise(resolve => setTimeout(resolve,time)) } sleep(1000).then(()=>{ console.log(1) }) //Generator function* sleep...
2019-08-03 09:44:33
9095
原创 浏览器优化
现代浏览器大多都是通过队列机制来批量更新布局，浏览器会吧修改操作放在队列中，至少一个浏览器刷新才会清空队列，但是当你获取布局信息的时候，队列中可能会影响这些属性或方法返回值的操作，即使没有，浏览器也会强制清空队列，触发回流与重绘来确保返回正确的值。主要包括以下属性或方法offsetTop、offsetLeft、offsetWidth、offsetHeightscrollTop、scrollL...
2019-08-02 14:31:15
182
原创 服务端渲染
服务端渲染总结起来是两点：首屏加载快相比于加载单页应用，我只需要加载当前页面的内容，而不需要像react或者vue一样加载全部js文件SEO优化对于单页应用，搜索引擎并不能收录到ajax爬取数据之后然后再动态js渲染出来的页面。为了更便于理解，下面极端化摘自掘金小册:事实上，很多网站是处于效益的考虑才启用服务端渲染，性能倒是在其次。假设A网站页面中有一个关键字交“前端性能优化”，这个...
2019-08-01 15:35:34
617
原创 vue中target和eventTarget的区别
event.target始终指向事件发生时的元素，而event.currentTarget指向事件所绑定的元素。例如:<div @click="openPlays"> <i>aaa</i>内容元素</div>当点击div时候触发openPlays，并往openPlays中传入当前对象openPlays(e){ console.log(...
2019-08-01 11:33:40
7286
原创 vue强制刷新组件
使用this.$forceUpdate强制重新渲染如果要在组件内部中进行强制刷新，则可以调用this.forceUpdate强制重新渲染组件，从而达到更新目的。 <template> <button @click="reload()">刷新当前组件</button> </template> <script> export de...
2019-08-01 11:00:12
37055
2
原创 vue的methods里面的函数使用箭头函数
Vue里面methods对象里面如果使用箭头函数会导致this指向不是vue实例，而是一个xxx.a的一个类，尽量不要在vue所定义的字段里面使用箭头函数。由此可见，vue中的自带方法使用箭头函数会出现各种错误，慎用！！！...
2019-08-01 10:33:21
4410
2
原创 Vue中使用箭头函数注意事项
在Vue中watch中使用了箭头函数props:{ price:{ type:Number, num:0 }},data(){ return{ priceDefault:0 }}watch:{ price:(val,ind)=>{ console.log(val,ind) }}死活不起作用。解决办法翻了下vue中关于watch的说明文档，末尾...
2019-08-01 10:13:32
1934
转载 Vue处理边界情况
访问根实例1 .this.root2.所有的子组件都可以将这个实例作为一个全局的store来访问或者使用3.小型的小项目其实可以直接这样共享数据，大型的项目还是要使用Vuex来管理状态∗∗访问父组件实例∗∗1.root2 .所有的子组件都可以将这个实例作为一个全局的store来访问或者使用3 .小型的小项目其实可以直接这样共享数据，大型的项目还是要使用Vuex来管理状态**访问父组件实例*...
2019-08-01 09:56:39
565
原创 keep-alive属性及生命周期
1.activated：页面第一次进入的时候，钩子触发的顺序是created->mounted->activated2.deactivated ：页面退出的时候会触发deactivated，当再次前进或者后退的时候只触发activatedkeep-alive简介：keep-alive是vue内置的一个组件，可以被包含的组件保留状态，或避免重新渲染。 <keep-alive...
2019-07-30 11:55:09
18448
原创 解决vue动态设置img的src无效
<img class="logo" :src="logo"> export default{ name:"xxx", data(){ return{ logo:require("./../static/images/logo.png") } } }
2019-07-30 11:43:56
3269
1
转载 解决vue打包之后静态资源图片失效
一、静态资源static存放位置放在src目录下你可能会问为什么放在src目录下？放在跟src同级目录下不可以吗？好吧，一开始我也是放在src同级目录下，但是在某个css文件中引入背景图片的时候打包之后图片失效，我是这样引入的实践证明这个写法是错误的，这个会在你打包的时候直接抱一大堆错（如css-loader错误），连项目都跑不起来。于是我用下面的写法：这种写法也是不可以的，原因是...
2019-07-30 11:40:09
1395
转载 vue2.0不再支持v-html中使用过滤器了怎么办？
1.全局方法(推荐)2.computed 属性3.$options.filters (推荐)使用全局方法vue.prototype.msg=function(msg){return msg.replace("\n","")}commputed属性var appMain = new Vue({data:{content:“xxx”},el:"#appMain",compu...
2019-07-30 11:36:17
2195
原创 vue data和methods可以重名嘛？
答案是不可以的，重名会报错 <div id="chongming"> {{testname}} <button v-on:click='dianji'>点击</button> </div> new Vue({ el:'#chongming', data:{ testname:'这是转换...
2019-07-30 11:34:28
2585
原创 vue如何定义全局变量与方法
一、全局引入文件1.先定义公共组件common.vue <script type="text/javascript"> // 定义一些公共的属性和方法 const httpUrl = 'www.baidu.com' function common() { console.log("公共方法") } /...
2019-07-30 11:31:35
1025
转载 cookie跨域访问的解决方案
在A系统下成功登陆后，利用js动态创建一个隐藏的iframe，通过iframe的src属性将A域下的cookie值座位get参数重定向到B系统下b.aspx页面上 var _frm = document.createElement("iframe"); _frm.style.display="none"; _frm.src="http://b.com/b.jsp?test_cookie...
2019-07-27 09:38:52
673
原创 http和https的区别
1、https协议需要到ca申请证书，一般免费证书比较少，因而需要一定费用。2、http是超文本传输协议，信息是明文传输，https则是具有安全性的ssl加密传输协议3、http和https使用的是完全不同的连接方式，用的端口也不一样，前者是80，后者是443.4、http的链接很简单，是无状态的；https协议是由ssl+http协议构建的可进行加密传输、身份认证的网络协议，比http协议...
2019-07-27 08:06:16
541
转载 canvas合成
HTML5最重要的一块内容就是canvas画布，可以用js实现很多图片处理的功能。 <canvas id="canvas"></canvas> <img src="img/codebg.png" id="bg"> var w = document.documentElement.clientWidth || document.body.cli...
2019-07-25 20:35:11
164
转载 flutter框架的特性
快速开发flutter的热重载可以使得我们更快捷方便的试验，重构UI，添加特性和修复不过。在仿真器、模拟器和ios、android硬件上体验亚秒级的重载，而不会丢失状态。绚丽UI通过flutter内建的漂亮的质感设计和Cupertino小工具、丰富的动画API，平滑的自燃滚动和平台感知，让用户感到满意。响应式通过flutter的现代响应式框架和丰富的平台布局和基础组件轻松构建的用户界面。...
2019-07-25 20:28:53
419
原创 fetch请求
GET请求写法： fetch("url路径").then(function(res){ console.log("成功",res) }).catch(function(err){ console.log("失败",err) })POST请求写法： fetch("url路径",{ method:"POST", body:JSON.stringify({...
2019-07-25 20:11:53
523
原创 Promise优缺点
优点：让回调函数变成了规范的链式写法，程序流程可以看的很清楚。他有一整套接口，可以实现许多强大的功能，比如同时执行多个异步操作，等到他们的状态都改变以后，在执行一个回调函数；再比如，为多个回调函数中抛出的错误，统一制定处理方法…有一个传统写法没有的好处：他的状态一旦改变，无论何时查询，都能得到这个状态。这意味着无论何时为peomise实例添加回调函数，该函数都能正确执行。传统写法的话都通过监...
2019-07-25 19:27:31
14122
2
转载 react中将html字符串渲染到页面
在做react项目时，有时候需要将后台传过来的html的字符串变成真正的结构渲染到页面，如果直接插入的话页面显示的就是这段字符串，而不会进行转义，可以用以下方法插入，便可以html的形式展现：实际用法：<div className=“detailImgWrap” dangerouslySetInnerHTML={{ __html:goodsDetailData.skuList[0].st...
2019-07-25 15:08:26
983
原创 SEO优化技巧
SEO有三条最重要的规律，那就是原创的内容、高质量的外部链接和持之以恒适度的优化。关于meta标签 meta标签的作用有：搜索引擎优化，定义页面实用语言，自动刷新并指向新的页面，实现网页转换时的动态效果 ，控制页面缓冲，网页定级评价，控制网页显示的窗口等！`META`标签的`keywords<meta name="Keywords" content="信息参数" />...
2019-07-25 08:59:27
13287
原创 如何解决跨域问题
1.jsonp跨域（前端）JSON返回的是一串数据，而JSONP返回的是脚本代码JSONP只支持get请求，不支持post请求2.nginx反向代理（后端）www.baidu/index.html需要调用www.sina.com/server.php，可以写一个接口www.baidu.com/server.php，由这个接口在后端去调用www.sina.com/server.php并拿到返...
2019-07-24 19:53:29
999
原创 懒加载与预加载
懒加载懒加载的原理就是暂时不设置图片的src属性，而是将图片的url隐藏起来，比如写在data-src里面，等某些事件触发的时候再将图片真实的url放进src属性里面，从而实现图片的懒加载。使用场景： 我们在进行一些页面上有大量的图片资源，图片资源非常庞大，小的几kb大的几mb都有，在这种情况下我们如果说进行一次性加载所有的资源不仅用户会等待很久而且还会造成页面卡顿等情况预加载是指在...
2019-07-23 19:37:37
129
转载 受控组件与费受控组件
受控组件就是为某个form表单组件添加value属性。形式如下： render:function(){ return <input type="text" value="Hello!" /> }添加了value属性的表单组件元素其内部是不会维护自己状态state，组件的value值一旦设置某个具体值就始终是这个值，所以需要调用者来控制组件value的改变。这种写法会带来...
2019-07-23 11:58:30
223
转载 输入框优化
1.自动选中输入框的文字 <input onfocus="this.select()">2.鼠标悬停在输入框时改变边框颜色或背景色（1）css中加入input：hover{border:1px solid #f00}（2）<input onfocus="this.select()" onmouseover="this.style.bordercolor="#f00" o...
2019-07-22 17:02:17
352
原创 性能优化
减少请求数量【合并】：公共库合并、不同页面单独合并【图片处理】：雪碧图、Base64、使用字体图标来代替图片【减少重定向】：使用重定向会延迟整个HTML文档的传输【使用缓存】：使用cach-control或expires【不使用css@import】：会造成额外的请求【避免使用空的src和href】：a标签设置空的href，会重定向到当前页面地址、from设置空的method，会提交表...
2019-07-22 16:28:58
185
原创 什么是MVC
MVC是一种使用MVC设计穿件web应用程序的模式。Model：表示应用程序核心View：显示数据Controller：控制器处理输入写入数据库记录MVC模式同时提供了对HTML，CSS，JavaScript的完全控制。Model：是应用程序中用于处理应用程序数据逻辑的部分通常模型对象负责在数据库中存取数据View：是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的Co...
2019-07-22 11:41:25
405
原创 ajax和fetch的区别
ajax以及fetch优缺点：ajax：本身是针对MVC的编程，不符合现在前端MVVM的趋势基于原生的XHR开发，XHR本身的架构不清晰，已经有了fetch的替代方案fetch：符合关注分离，没有将输入、输出和用事件来跟踪的状态混杂在一个对象里更好更方便的写法更加底层，提供的API丰富脱离XHR，是ES规范里新的实现方式fetch只对网络请求报错，对400,500都当做成功的请求...
2019-07-22 11:29:47
333
转载 三次握手协议
第一次握手：建立连接时，客户端发送syn包到服务器，并进入SYN_SEND状态，等待服务器确认第二次握手：服务器收到syn包，必须确认客户的syn，同时自己也发送一个SYN包，即SYN+ACK包，此时服务器进入SYN_RECV状态第三次握手：客户端收到服务器的SYN+ACK包，向服务器发送确认包ACK，此包发送完毕，客户端和服务器进入ESTABLISHED状态，完成三次握手。核心思想既要保...
2019-07-22 11:07:52
506
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人