随笔分类 -  日常开发沉淀

前端实现全景图1
摘要:使用前端可视化界面的方案:xml+krpano 约定开发命名规则 a. XML标签中,自定义变量,方法,函数,都需使用下划线 _ 方式进行命名连接,禁止使用驼峰命名; b. XML调用js函数以 handle_xxx开头; c. 属性值不区分大小写,系统属性值-统一采用大写,自定义属性值采用小写加下 阅读全文

posted @ 2022-06-21 11:45 忘忧很努力呀~ 阅读(313) 评论(0) 推荐(0)

前端性能优化方案
摘要:// 节流函数 function throttle2(method, duration) { // 当前时间间隔内是否有方法执行,设置一个开关标识 var runFlag = false; // 返回一个事件处理函数 return function(e) { // 判断当前是否有方法执行,有则什么都 阅读全文

posted @ 2022-05-25 17:21 忘忧很努力呀~ 阅读(52) 评论(0) 推荐(0)

前端项目工具函数整理
摘要:数组去重, 数组对象去重, 自定义排序, 下载文件重命名, cookie获取, 时间戳装换, 页面白屏优化, 获取当前路径下?后边的值,获取某个规则的值, 正则取第一个符号后面的值 阅读全文

posted @ 2022-05-25 16:14 忘忧很努力呀~ 阅读(76) 评论(0) 推荐(0)

MonacoEditor编辑器自动格式代码
摘要:json格式化,MonacoEdito自动格式化 阅读全文

posted @ 2021-09-01 15:44 忘忧很努力呀~ 阅读(8011) 评论(0) 推荐(0)

前端-常用函数记录-持续更新
摘要:自定义排序,去重,随机数,问号后取值 阅读全文

posted @ 2020-05-28 12:16 忘忧很努力呀~ 阅读(240) 评论(0) 推荐(0)

前端-单点登录中cookie中domain的思考
摘要:疑问:cookie中的domain属性,为啥有的前面带.点,有的不带点,截图如下: 分析过程: 我们这个项目是单点登录种的cookie,别的项目组同学种的cookie不同,那咋肯定要让他们和咋一样,然后开始蛇皮操作 首先上述截图中看到的cookie都是在一个主域下,那么出现这样问题的原因可能就是域名 阅读全文

posted @ 2020-04-24 09:28 忘忧很努力呀~ 阅读(1732) 评论(0) 推荐(0)

前端-判断字节数
摘要://判断字节数 export function nameBytes(str) { let personNameBytes = str.replace(/[^\x00-\xff]/g, '01').length return personNameBytes }// 前端的正则表示遇到中文就转换成2个长 阅读全文

posted @ 2020-03-02 16:14 忘忧很努力呀~ 阅读(902) 评论(0) 推荐(0)

前端开发-清除浮动的终极解决方案
摘要:<div class="clear"> <div style="float:left;">float left</div> <div >...</div> </div> <div>随便写的一些内容,为了对比清除浮动带来的影响</div> 方法一:使用clear:both清楚浮动 先说使用最多的,也是 阅读全文

posted @ 2020-01-19 15:15 忘忧很努力呀~ 阅读(430) 评论(0) 推荐(0)

warning: Unexpected unnamed function (func-names)
摘要:warning: Unexpected unnamed function (func-names) 看到这个提示基本是就是说你的函数不能是匿名函数,最好可以起一个名字,然后你增加一个函数名称就好了 Rule Details 该规则要求或禁止命名的 function 表达式。 Options 该规则有一个字符串选项: "always" (默认) 要求函数表达式有一个名字 "as-needed" 如果 阅读全文

posted @ 2019-11-14 11:29 忘忧很努力呀~ 阅读(5871) 评论(0) 推荐(1)

前端实现文件下载功能-多方案汇总
摘要:前端实现下载文件功能一般使用以下三种方式,vue,react都适用无框架限制: 1.请求后台接口拿到对应的 url,访问 url 地址下载; 2.文件放在前端静态资源文件夹下,直接访问下载,这里注意一个情况,那就是打包build后到线上的时候资源地址会改变; 3.请求后台接口拿到对应的文件内容,js 阅读全文

posted @ 2019-09-23 09:35 忘忧很努力呀~ 阅读(8854) 评论(0) 推荐(1)

前端开发中如何快速定位问题
摘要:​ 前端项目的运行环境大多数都是在浏览器上面的,调试的时候借助浏览器的 console 功能就可以能方便的解决问题了,就能愉快的 debug了,下面说下用的比较多的方法: 1. 在项目开发过程中定位问题一般都是通过控制台输出变量值,多打几个console就能看到数据值的变化了; 2. 在项目中借助控 阅读全文

posted @ 2019-08-22 17:34 忘忧很努力呀~ 阅读(1912) 评论(0) 推荐(0)

修改浏览器属性配置的作用---开发机上解决跨域的方式
摘要:开发阶段解决跨域问题,可以通过修改浏览器属性配置,来关闭浏览器的同源策略保护机制,从而实现解决跨域问题,有下面三种方式:1. MAC系统,终端输入代码段 "open -n /Applications/Google\ Chrome.app/ --args --disable-web-security 阅读全文

posted @ 2019-08-10 00:49 忘忧很努力呀~ 阅读(1213) 评论(0) 推荐(0)

vue展示md文件,前端读取展示markdown文件
摘要:方案1:每次都需要重新打包,每次修改都需要build 直接使用require + v-html; <div v-html="htmlMD"></div> 方案2: 直接读取static静态资源MD文件 使用vue-markdown组件 + axios; 还有一个最重要的代码部分忘记写了,现在补充上 阅读全文

posted @ 2019-06-24 19:45 忘忧很努力呀~ 阅读(20625) 评论(0) 推荐(1)

前端开发-日常开发沉淀之git提交文件忽略
摘要:.gitignore文件里添加需忽略的文件,或需要提交的文件 阅读全文

posted @ 2019-01-28 20:26 忘忧很努力呀~ 阅读(1115) 评论(0) 推荐(0)

开发技巧-解决打开谷歌浏览器跳转问题
摘要:首先地址栏输入: chrome://settings/或者chrome://settings/searchEngines 添加搜索引擎图中的设置值:google.com g http://www.google.com/search?q=%s 然后设置为默认搜索引擎就行了 阅读全文

posted @ 2019-01-27 15:47 忘忧很努力呀~ 阅读(3378) 评论(0) 推荐(0)

前端调试-跨域解决方式
摘要:chrome使用插件:Allow-Control-Allow-Origin chrome修改配置: windows: mac: open -a "Google Chrome" --args --disable-web-security --user-data-dir 阅读全文

posted @ 2019-01-27 14:51 忘忧很努力呀~ 阅读(783) 评论(0) 推荐(0)

React中redux表单编辑
摘要:reduxForm中反写数据在输入框中,数据是从别的模块拉取 // 编辑应用表单 class EditCode extends React.Component { constructor(props) { super(props) } // 取消编辑 handleBack=()=>{ window. 阅读全文

posted @ 2018-12-20 23:09 忘忧很努力呀~ 阅读(227) 评论(0) 推荐(0)