
js
alt琳
code
展开
-
前端实现路由
前端实现路由目的:后端实现的路由本质是通过服务器代理与路径的配合去访问服务器上的静态资源。而我们现在的项目都是单页面,路由控制权都是放在前端了。前端框架现在都是单页面模式,了解他们实现的本质变得重中之重。简单分析:前端实现路由有两种方式 hash 与 historyhash路由:hash原本是作为页面定位使用,本身会在URL后携带#,切换路由只改变#后面的值,他不会改变浏览器访问服务器资源的地址(#前的才会被用在请求中),所以改变hash值就像我们改变url参数一样不会导致页面的重载原创 2020-05-29 16:37:03 · 485 阅读 · 0 评论 -
对可视化项目模型加载进行的性能提升(10多倍)
可视化项目中经常会加载进模型,我的业务中,有个大楼的3D模型,一共有3个FPX模型,加起来30兆左右,使用公司之前的加载组件加载一共耗费了将近20多秒。而且浏览器会卡顿 模型显示花了10多秒,显示完后到能操作又消耗了10多秒,并且加载期间导致我的首屏动画无法逐帧显示,严重影响了效果的展示,后来推测可能是js阻塞造成的,查看了之前FPX加载源码后发现了问题所在,解析FPX二进...原创 2020-03-30 14:13:45 · 1263 阅读 · 0 评论 -
scss中配置式编程(解决大量相似样式与class)
scss中对象式编程(骚操作)好久没有写博客了,最近一直比较忙。今天在做大屏可视化项目的时候,需要写一个动画,供6个表格使用,但是每个表格相差的只有参数不同:具体效果如下:这是左侧的三个面板从左侧弹出 ,右边也有这样的三个正常来说 在vue中我需要写好多的class 从wrap1 - wrap6 <transition appear name="wrap1"> ......原创 2020-03-26 21:12:49 · 1493 阅读 · 0 评论 -
/deep/的用法
/deep/的意思大概为深入的,深远的。无意中看到css中有关于这种写法,开始没太注意 ,以为是组件css的写法,后来才发现不是。我们都知道Scoped CSS规范是Web组件产生不污染其他组件,也不被其他组件污染的CSS规范。这样在打包的时候会生成一个独一无二hash值,这样父组件的样式就不会影响到子组件了,然后你要想修改子组件的样式,一般是提取一个公共文件,在公共文件里面修改样式,但是这样也存...转载 2019-07-19 18:38:03 · 49287 阅读 · 5 评论 -
关于withCredentials与状态码204
The value of the ‘Access-Control-Allow-Origin’ header in the response must not be the wildcard ‘*’ when the request’s credentials mode is ‘include’. Origin ‘’ is therefore not allowed access. The cred...原创 2019-07-24 12:57:37 · 548 阅读 · 0 评论 -
分享一下自己react项目中封装的axios
分享一下自己react项目中封装的axios原创 2019-07-17 13:55:46 · 2081 阅读 · 0 评论 -
mui,uniapp实现APP整包更新,并展示更新进度条
整包更新与热更新不同,整包更新比对的版本号是应用版本名称 //检测当前版本号 dqbanben:function(){ var that=this; //在页面中初始化plus插件 mui.init(); mui.plusReady(function(){ // 获取本地应用资源版本号 that.wgtV...原创 2019-01-02 19:38:15 · 9730 阅读 · 8 评论 -
笛卡尔积:电商中sku规格属性算法
前两天做电商前端的朋友问我,根据产品属性,显示出所有不同属性产品,属性是动态的。这是电商中经常会遇到的笛卡尔积问题。例如一个手机有金色,白色。内存有8G,16G。那他就要生成4中不同属性的手机。我的做法如下:// 产品属性 let list = [ { name: '存储容量', checkList: [ ...原创 2019-07-05 09:49:58 · 5522 阅读 · 2 评论 -
egg.js部署到服务器
用egg.js写了一些接口,要上传测试服务器测试,还不会egg.js可以看看官方api :https://eggjs.org。说一下部署上传服务器的流程。1.首先先把egg项目文件夹中除了node_modules的文件放到服务器的某个目录下2.然后确保nginx服务器上安装了mysql,node如果没安装node,可以去https://nodejs.org/en/download/下载对...原创 2019-07-09 14:36:59 · 15410 阅读 · 11 评论 -
网站迁移之:301永久重定向与302临时重定向
重定向就是将网页自动转向重定向,即:301永久性重定向:新网址完全继承旧网址,旧网址的排名等完全清零301重定向是网页更改地址后对搜索引擎友好的最好方法,只要不是暂时搬移的情况,都建议使用301来做转址。302临时性重定向:对旧网址没有影响,但新网址不会有排名例如:我们之前网站的域名是 a.com,现在替换成了 b.com。但是用户并不知道域名改了,所以还是在浏览器里输入 a.com,We...转载 2019-06-10 21:58:16 · 1116 阅读 · 0 评论 -
记一次失误,jsonp不属于XmlHttpRequest协议
今天在react开发中使用了jsonp请求高的天气,然后在开发者工具的XHR中怎么也找不到请求,后来才发现jsonp请求不属于XmlHttpRequest协议,所以network的XHR中不会显示。JSONP只能实现GET请求,由于同源策略的限制,XmlHttpRequest只允许请求当前源(域名、协议、端口)的资源。如果要进行跨域请求, 我们可以通过使用html的script标记来进行跨域请...原创 2019-05-24 23:01:09 · 1306 阅读 · 3 评论 -
详述Promise的使用(前端必备)
Promise的重要性我认为我没有必要多讲,概括起来说就是必须得掌握,而且还要掌握透彻。这篇文章的开头,主要跟大家分析一下,为什么会有Promise出现。在实际的使用当中,有非常多的应用场景我们不能立即知道应该如何继续往下执行。最重要也是最主要的一个场景就是ajax请求。通俗来说,由于网速的不同,可能你得到返回值的时间也是不同的,这个时候我们就需要等待,结果出来了之后才知道怎么样继续下去。//...转载 2019-01-16 11:46:29 · 13362 阅读 · 0 评论