- 博客(130)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 微前端乾坤
boolean } - 可选，是否开启沙箱，默认为 true。experimentalStyleIsolation是在子应用的样式前面加上特定的一个hash属性，类似于scope但是不能防止全局在主应用的样式影响。{ strictStyleIsolation: true } 时表示开启严格的样式隔离模式。这种模式下 qiankun 会为每个微应用的容器包裹上一个 shadow dom 节点，从而确保微应用的样式不会对全局造成影响。但是这个属性有兼容性，有时候需要特殊处理（react）。
2023-05-25 19:31:10
2060
原创 小程序学习笔记（一）
学习中遇到的坑点1、创建可以云开发的小程序，会增加一个cloudfunctions模块psa、 必须要有appid才能创建 测试账号无相关功能模块b、cloudfunctions这个模块需要先点击设置当前环境名称等需要新增函数的时候选中cloudfunction右击鼠标 点击新增函数 ------新增成功后要上传部署—选中函数鼠标右击在终端打开npm install 一下—（云开发）本地调试才能在当前本地环境函数生效2、tabBar 创建的时候 list pagePath第
2023-04-13 14:22:10
187
原创 小程序相关学习记录（二）
一、数据响应WXML中使用{{}}绑定数据，然后通过setData实现数据的响应式绑定更改，不用这个不能实现动态参数更改<text>{{msg}}</text>Page({ data: {msg:'xxxx'} changeName: function(e) { // sent data change to view this.setData({ msg: 'MINA' }) }})<input model:valu
2023-04-13 14:21:23
128
原创 lerna学习笔记
背景：公司项目中开始使用，因为项目过多所以使用lerna进行项目管理，所以自己也下来想搭建和学习一下。官网：https://www.lernajs.cn/常见命令lerna create xx 创建一个lerna关联的项目可以后期通过lerna bootstrap实现项目中依赖的更新lerna clean 清除所有的node-module文件lerna bootstrap 更新项目依赖，当项目发生变化的时候可以运行lerna public更新设置顶层的package.json l
2023-04-13 11:57:00
101
原创 leadshop相关代码的部分解析
背景：最近公司想使用拖拉拽这种低代码可定制前端模板写页面，最近我项目上工作也比较少就研究了一下leadshop的相关代码，除了有php的项目没怎么看其他也算能运行能看懂代码了。所有就写个博客记录一下。重点是设置一个Proxy对象然后get方法中还返回 当前Proxy对象所以在下面就可以实现两次点的操作和属性拦截获取。var xx = new Proxy({},{ get:function(target,property){ return function(){ console.l
2022-06-27 15:39:32
386
原创 面试相关list
1、纯函数？如果函数的调用参数相同，则永远返回相同的结果。它不依赖于程序执行期间函数外部任何状态或数据的变化，必须只依赖于其输入参数。数组排序比较看以下数组，在各种排序操作后都下输出什么？const arr1 = [‘a’, ‘b’, ‘c’];const arr2 = [‘b’, ‘c’, ‘a’];console.log(arr1.sort() === arr1,arr2.sort() == arr2,arr1.sort() === arr2.sort());答案和解析答案：
2022-06-21 18:01:15
310
1
原创 npm使用中遇到的问题记录
1、全局安装了某个应用，安装成功，但是找不到**eg：npm install -g lerna 安装成功了 lerna init -i 的时候直接报错 lerna 不是内部或者外部命令，也不是可运行的程序或批处理文件原因：安装mode时候自带的npm默认全局安装在C盘，也就是后期你可能重新下载了node后期全局安装的默认在了C盘，不是在之前存放的盘，所以找不到但是我们一般怕C盘内存过多会处理将node放在其他盘，所以要重新设置node的路径地址要重新设置目录npm config set
2022-04-01 16:55:54
4288
原创 浏览器工作原理与实践学习（一）
开篇词一、以后发展1、脚本执行速度问题 WebAssembly + javascript2、前端模块化开发 vue react3、渲染效率问题 chrome 新布局方案[layoutNG]（看了一下没咋看懂，感觉写起来有点麻烦）(https://zhuanlan.zhihu.com/p/37847490) 渲染搜身方案slim paint宏观视角下的浏览器一、打开一个chrome页面 4个进程线程 进程线程：线程是不能单独存在的，它
2022-01-29 17:21:37
1523
原创 chrome开发者工具使用总结--network
背景：1、最近公司项目通过谷歌linehouse分析出来的数据并不是很好，但是实际我们自己访问觉得也还行，就各种找问题。不过大概问题也知道，项目首页运行资源太多，首页看请求就有160多个，再加上里面图片加载大概就占到了70%-80%的样子还都是基本是通过后台获取图片地址然后script添加后展示的图片。所以现在为了解决性能问题，想先看看chrome的性能分析的原理和页面渲染原理和时间影响因素等各种问题。所以有了这些文章。2、chrome版本 94.0.4606.61（正式版本） （64 位）一、net
2021-11-05 17:58:09
694
原创 base64图片转换为file，blob上传及兼容性
// base64 转 files 这是原来的写法dataURLtoFile(dataURI, fileName) { var arr = dataURI.split(','); var byteString = atob(arr[1]); var mime = arr[0].match(/:(.*?);/)[1]; var ab =new ArrayBuffer(byteString.length); var ia = new Uint8Array(ab);
2021-09-01 19:11:23
1447
2
原创 h5开发充电补习的一些基础知识
这篇文章诞生的背景： 以前做的h5页面比较少，最近接触了好几个移动端项目，虽然都是小项目都是打游击似的写页面，但是还是觉得对整个框架不是很懂的样子。所以为了更好的提升自己的能力，这里记录一些在工作中遇到自己不是很清晰的或者以前不是很了解的东西都查询记录一下，方便扩展自己的知识盲区。希望自己早日成为独立的移动端开发1、webview是术语，是指网页视图。可以内嵌在移动端，实现前端的混合式开发，大多数混合式开发框架都是基于WebView模式进行二次开发的。比如：APIcloud、uni-...
2020-08-12 15:35:29
255
原创 h5开发部分总结
1、后台返回status 0 前端响应返回 networkerror出现原因：前端没访问到后台服务器 跨域或者是链接服务器失败解决方法：然后台根据实际情况查看该环境下的日志查找是否报错或者链接后台服务器 看是更改配置还是更换域名2、当进行单行的超出部分添加省略号的时候遇到了flex布局 text-overflow: ellipsis;无效问题text-overflow: ellipsis;overflow-x: hidden;white-space: n...
2020-08-09 13:05:50
450
原创 swiper5在vue中的运用和组件化处理
背景：最近接触了一个需要使用swiper插件的pc端企业业务展示页面。由于页面需要用到很多个不同的swiper效果。所以准备做一个公共的组件来使用，只用通过引入组件改变传进去的参数来使用实际操作中遇到的问题1、多个组件swiperOption设置的时候button 的class使用的是同一个引入的时候就造成了有左右移动点击按钮的时候没有个体化都变成了点一个改变多个的情况解决方案 ：将按钮的左右键的class动态化传递2、swiper点击事件这个由于swiper使用了loop 自己多虚拟创建了几
2020-05-08 20:51:25
2045
原创 vue相关面试题
背景：最近在看vue源码，但是好像很多基础的不是很牢固 ，想通过看面试题来巩固一下自己的知识点1、说说你对 SPA 单页面的理解，它的优缺点分别是什么？SPA（ single-page application ）仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成，SPA 不会因为用户的操作而进行页面的重新加载或跳转；取而代之的是利用路由机制实现 ...
2020-03-13 15:55:00
767
转载 Google和百度在抓取上有什么区别？
1、百度很重视收录网站页面的更新频率，尤其重视原创内容，“如果一个网站某单一页面能做到及时的更新和有大量原创内容，那么即便它的网站整体表现并不太好，也能被百度及时抓取。”而谷歌则会更喜欢抓取那些网站整体效果以及综合表现（PR值）好的网站。2、在对待网站的内、外部链接上，谷歌尤其重视外链。如果一个网站外链的数量、质量和链接相关性都做得好，那么谷歌会优先抓取。百度则没有那么重视外链。百度更重视网站内...
2020-03-05 19:52:24
765
转载 css清除浮动方法小结
清除浮动其实主要解决的就是高度塌陷问题，具体在此不再赘述~~~那些年我们一起清除过的浮动（大佬博客，写的挺不错）方法小结：1.1）添加额外标签这是在学校老师就告诉我们的 一种方法，通过在浮动元素末尾添加一个空的标签例如 ，其他标签br等亦可。<div class="main left">.main{float:left;}</div><div class="...
2020-02-26 17:02:58
764
转载 伪类与伪元素的区别
伪类与伪元素，傻傻分不清楚。伪类(pseudo-classes)官方定义:The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the oth...
2020-02-26 16:24:01
343
原创 最近想部署一个docker前端环境玩玩，结果弄了一天头都晕了，这里放几个网址先
背景：本人电脑是win10家庭版 显示各种搜密匙升级为专业版，然后激活。。。，然后开启hyper-y能用的密匙关太快忘了留存，大佬些自己去找最新的的试试吧然后安装了个toolbox的docker 镜像上又出问题 然后又添加阿里镜像，处理各种问题vi vim 最后也看了一会儿https://www.runoob.com/linux/linux-vim.htmldocker从入门到...
2020-02-10 00:10:19
154
原创 关于js执行顺序的总结
背景：最近在做管理项目的时候，由于页面业务比较多，调用方法比较多。就经常出现同步异步的问题，在方法中套用方法，数据的各种渲染等问题接踵而至，遇到多了，感觉需要总结一下。参考资料：https://www.jianshu.com/p/62c7d633a879添加链接描述https://www.jianshu.com/p/ca480f9e7dea通过阅读大神们的文章大概知道了部分理论，然后就是看题...
2019-12-09 11:35:27
452
转载 仿bootstrap hover 提示字符
思路：对target 设置自data-msg 自定义属性利用伪元素 content: attr(data-msg) 拿到内容接下来就是针对伪元素进行定位以及修饰了，这里用到::before 作为箭头；首先设置一个div，data-msg是悬停的内容测试内容如下是样式：.inner {position: relative;width:300px;background: #39f;...
2019-07-23 15:59:06
283
转载 浏览器缓存机制详解
浏览器缓存浏览器缓存的知识是前端工程师必须要掌握的，因为这些知识直接影响到你的页面的用户体验，影响到你的页面的加载策略。接下来将要详细的讲述浏览器缓存的概 念和原理，新人要仔细阅读，甚至要多次反刍，缓存的知识除了和浏览器有关，还涉及到HTTP协议，所以这也是比较难于掌握的内容。一般在硬件中，缓存在硬件中分一级缓存，二级缓存。但在软件中的缓存却不一样。狭义上讲缓存就叫高速缓存，严格讲就是将数据...
2019-07-21 13:37:12
225
转载 【缓存技术原理】浏览器端缓存机制详解
浏览器缓存是浏览器端保存数据用于快速读取或避免重复资源请求的优化机制，有效的缓存使用可以避免重复的网络请求和浏览器快速地读取本地数据，整体上加速网页展示给用户。浏览器端缓存的机制种类较多，总体归纳为九种，这里详细分析下这九种缓存机制的原理和使用场景。打开浏览器的调试模式->resources左侧就有浏览器的8种缓存机制。第一种 Http缓存chrome控制台下的Frames即展示的是浏览...
2019-07-21 13:25:37
508
转载 缓存有那么多种，分别是干什么的？
只要是位正儿八经的程序员应该都知道“缓存”是什么，甚至我司的很多做运营的小姐姐现在和程序员小哥哥交流中都时不时冒出“缓存”这个词，让人压力山大。当然，这里讨论的是指软件层面的缓存。大家都知道的一点是，缓存可以让原本打开很慢的页面，变得能“秒开”。你平时访问的App与网站几乎都有涉及到缓存的运用。那么，缓存除了能加速数据的访问之外，还有什么作用呢？另外，任何事物都有两面性，我们如何才能将缓存的...
2019-07-20 11:44:28
197
原创 vue-elementui-admin项目 woff，tff字体 404处理
1、出现原因elementui 的css woff tff 的路径然后打包的文件路径为 dist这就直接造成了最后的访问路劲为http://127.0.0.1/dist/static/css/static/font.element-iconsXXX.woff这样导致直接就多了static/css两层路径最后导致404在网上看了好多资料是说加个publicPath:’…/…/’但...
2019-07-08 16:44:08
5030
5
原创 max(min)-device-width和max(min)-width的区别
max(min)-device-width和max(min)-width的区别在网页自适应设计中，max-device-width和max-width是不可缺少的两大CSS属性，但是可能大家在使用的选择上没有太多讲究，认为用其中一个即可。确实，如果没有特定要求，用任何一个都没有什么问题，不过如果你对此两个属性有了充分的认识之后，你或许把网页的自适应设计得更为极致一些。max-device-wi...
2019-05-15 11:21:41
1243
转载 Vuejs一个小坑，v-model绑定input，js操作value数据不响应
为了和再iview 第十点中分享的东西https://blog.youkuaiyun.com/bluefish_flying/article/details/80936954（在iview中实现在dateTime类型的时间控件在选择了时分秒的时候输入框展示年月日时分秒的格式，但是如果没有选择时分秒的情况下 只展示年月日）做区别，这里同时转载了另外一个问题新手碰到的一些坑，也只能解决新手一些问题，因为我刚...
2019-04-28 14:31:55
38555
2
原创 总结梳理一些在工作中用到的插件，希望以后有用改的时候能够一下找到
1、clipboard.js 现代化的拷贝文字这是在看vue-elementui-admin框架的时候看到的。看了api感觉挺有用的；vue-elementui-admin地址：https://panjiachen.github.io/vue-element-admin/#/clipboard/indexclipboard.js中文文档：http://www.clipboardjs.cn/...
2019-04-26 09:35:48
9811
转载 tabindex
tabindex 全局属性 是个整数，表示元素（如果可聚焦）是否能够接受输入焦点。 如果它应该参与键盘序列导航，那么就是它的位置。它可以设为多种值：tabindex=负值 (通常是tabindex=“-1”)，表示元素是可聚焦的，但是不能通过键盘导航来访问到该元素，用JS做页面小组件内部键盘导航的时候非常有用。tabindex=“0” ，表示元素是可聚焦的，并且可以通过键盘导航来聚焦到该元素，...
2019-04-17 14:17:18
2394
原创 兼容性问题部分总结
背景：今天在iview+vue前端框架 render中鼠标点击事件的时候实现当前项样式改变；问题：但是火狐测试的时候 e.path is undefinded 火狐没有这个属性参考并且打印出e再参考https://blog.youkuaiyun.com/jenny8080/article/details/73480288之后更改代码为解决方法：（这里只兼容ie11,10所以没有做event兼...
2019-03-04 11:45:42
490
转载 努力工作时容易掉进的几个陷阱
陷阱一：不向直属上级/领导主动汇报工作这里汇报的具体内容包括：工作的进展、遇到的问题、影响进度的突发事件、工作成果等。 这里有两点需要注意的误区：不主动汇报。 如果上级/领导来问你工作进度的时候，即使你回答的再”完美“，也不会拿到100分了汇报内容不周全，还需要上级/领导反反复复追问。例如：加入一个突发事件耽误了工作的正常进度，假如你只汇报了XXX事件影响了工作，完成需...
2019-02-02 16:54:55
248
转载 关于echarts使用的常见问题总结
关于echarts使用的问题总结1.legend图例不显示的问题:在legend中的data为一个数组项,数组项通常为一个字符串，每一项需要对应一个系列的 name,如果数组项的值与name不相符则图例不会显示;2.图表位置无法紧贴画布边缘的问题:在grid绘图网格里,containLabel(grid 区域是否包含坐标轴的刻度标签,默认不包含)为true的情况下,无法使图表紧贴着画布显示...
2018-12-26 11:48:34
8268
原创 iview 实现在theme主题中添加某一个新模块的主题颜色切换
背景：直接下载的iview-admin 1.3.1模板1、iview 自带主题theme 主要有4个颜色组成 分别为 默认的蓝色，其他分别为红色，蓝色，洋红色；然后在根据菜单栏是否为黑色和白色的组合状态所以有8中组合的主题；2、默认的蓝色的css为node-modules iview/dist/styles/iview.css 需要有新模块的颜色变化可以通过在源码css中重新定义写c...
2018-12-05 17:38:30
7751
原创 学习mysql报错信息及解决方案集合
mysql错误：Column ‘id’ in field list is ambiguous的解决方法列’ID’在字段列表中重复，其实就是两张表有相同的字段，但是使用时表字段的名称前没有加表名，导致指代不明如 前面加上前缀就没问题了。SELECTparentId,IdFROMparentmenuRIGHT JOIN (USERINNER JOIN relationshiprol...
2018-11-20 10:57:16
416
原创 学习mysql
1、报错cmd不是内部也不是外部命令一般是环境变量有问题，在电脑中全局搜索mysql.exe 查找应用的位置然后 我的电脑–右键–属性–环境变量–path设置当前应用的位置2、在cmd中输入mysql 报错ERROR 1045 (28000): Access denied for user ‘ODBC’@'localhost打开cmd：mysql -u root -p输入密码roo...
2018-11-06 14:34:42
246
原创 网上部分js常用方法归纳
//utc 时间转换这是在网上找的utc时间转化为当地时间的方法export function convertUTCTimeToLocalTime(UTCDateString) { if(!UTCDateString){ return '-'; } function formatFunc(str) { //格式化显示 ...
2018-09-28 14:28:46
152
原创 js部分知识梳理
写这个的原因是，无意间发觉之前学习的东西不够深入，写的代码很冗余，就觉得应该温故知新，多看看，所以这里想把平常忽略的一些知识集中起来归档一下eg：var aa = ‘xxx’;原来写if(aa!=null &amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp; aa !=undefined){}后面才知道直接写if(aa){}就可以了，所以感觉还是要多看书多梳理。。。。。。。。。。。但是这里提醒一个，如果是做一个数字的验证我...
2018-09-28 11:22:03
241
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人