随笔分类 -  Javascript

Javascript学习笔记,经验心得
摘要:avue可以说前端开发的一大利器了。给大家封装了一些非常易用的组件,尤其对于 crud以及 表单的操作。但是封装易用的同时,也会导致一些api不能方便的调用,尤其是多组件嵌套交互的情况下,某些问题处理起来会比较棘手。下面总结几个近期发现的问题,以及我采用的解决方案。仅供参考。 1、 select下拉 阅读全文
posted @ 2023-01-09 17:39 前端小小菜 阅读(3529) 评论(0) 推荐(0)
摘要:很少几个人协作开发的时候,可能代码格式和规范没那么重要,只要开发者水平不要差太多,相互口头说一下基本可以避免大部分问题。 但是团队人员一旦多起来,那么这种沟通成本就是几何级数增长了。这个时候就需要通过项目中的规范来实行了。 而这里面目前来说比较有效的办法就是通过 git钩子来对代码进行检查和格式化。 阅读全文
posted @ 2021-08-09 12:08 前端小小菜 阅读(672) 评论(0) 推荐(0)
摘要:先做个快速记录吧。 等有空再来详细修改。 基于egg+vue+vuex 的ssr实现。 1、 通过组件套娃的方式实现 title keywords 等的设定。待优化 spa方式下不变化问题 2、对于依赖window 或者document等的组件,采用异步加载组件方式(不通过服务端渲染),网上也有另外 阅读全文
posted @ 2020-08-24 17:54 前端小小菜 阅读(120) 评论(0) 推荐(0)
摘要:echarts的各个配置参数之间会有覆盖和优先级的问题。 比如: 1.echarts 折线图, lines lineStyle.color 无效问题 当设置visualMap(视觉映射后),默认所有系列的数据都会根据data值,按照inRange配置的颜色进行显示(例如,由浅到深,那么对应的data 阅读全文
posted @ 2020-07-15 14:43 前端小小菜 阅读(1307) 评论(0) 推荐(0)
摘要:1、测试号 接入中心, 总是提示接入失败。 可能是端口不对哦,目前只支持80端口,其他端口就别费劲了哈哈哈哈。 frp内网穿透本地测试的话, 需要加一层Nginx,这样就可以用80端口了。 frp 肯定不能占80。。。 参考文档: frp的配置直接照着GitHub来就行。 只不过可能前期对几个参数理 阅读全文
posted @ 2020-07-09 18:32 前端小小菜 阅读(165) 评论(0) 推荐(0)
摘要:react 生命周期 1. 实例化: a.首次加载 getDefaultProps getInitialState componentWillMount render() componentDidMount b. 实例化完成后的更新 getInitialState componentWillMoun 阅读全文
posted @ 2019-11-21 16:45 前端小小菜 阅读(215) 评论(0) 推荐(0)
摘要:先上代码, 上面一段是 GeographicView.js 上面是models数据, 基于dva(redux以及saga的集成就不再详述了) view中的部分, 关于下面一行代码的思考。 这里的this调用 该函数, 从而获取到了value的值(注意,这里的value是redux中通过models传 阅读全文
posted @ 2019-04-18 11:07 前端小小菜 阅读(482) 评论(0) 推荐(0)
摘要:基础: 1.JS基本数据类型有哪些? 2.复制数组有哪些方式? 3.数组去重的方式有哪些? 4.如何判断一个值未定义或为空,常见应用场景是什么? 5.跨域请求服务端的返回值是什么? 6.简述事件冒泡/浏览器事件流向? CSS: 1.简述flex-direction的作用 2.CSS中实现动画时,an 阅读全文
posted @ 2019-01-17 09:27 前端小小菜 阅读(141) 评论(0) 推荐(0)
摘要:spa(单页应用,vue)中,使用history模式时,微信长按识别二维码在ios下失效的问题。 触发条件: spa单页应用; 路由模式 history 从其他页面跳转到带有微信二维码识别的页面(不是直接打开该页面) ios版本的微信(实测版本6.5.19) 结果: 二维码长按无法识别,刷新页面后恢 阅读全文
posted @ 2017-11-10 13:50 前端小小菜 阅读(848) 评论(0) 推荐(0)
摘要:axios默认是没有jsonp 跨域请求的方法的。一般来说流行的做法是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。 例如java中的 但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。 引入依赖 导入到vue文件 阅读全文
posted @ 2017-10-18 16:55 前端小小菜 阅读(586) 评论(0) 推荐(0)
摘要:axios默认是没有jsonp 跨域请求的方法的。一般来说流行的做法是cors,也就是将跨域放在后台来解决,也就是后台开发人员添加跨域头信息。 例如java中的 但是很多时候,后台出于一些原因不想修改或者已经写好jsonp的接口需要适应不同平台,此时,前端就可以单独引入依赖解决该问题了。 引入依赖 阅读全文
posted @ 2017-10-18 16:55 前端小小菜 阅读(316) 评论(0) 推荐(0)
摘要:vue 集成axios之后,发送的post请求默认为payload 方式。 如果想改为正常的方式,需要增加headers头,并且将发送是数据json格式改为 querystring的方式。 安装依赖 导入依赖 在需要使用post的地方使用下面的方法,其中postData是一个json对象 这样,发送 阅读全文
posted @ 2017-10-18 16:46 前端小小菜 阅读(5647) 评论(0) 推荐(0)
摘要:目录结构截图如下 /build 编译配置文件目录,由脚手架自动生成 /config webpack 配置文件目录,由脚手架自动生成 /node_modules node依赖目录,可通过package.json的配置进行命令行安装,需要添加git忽略,因为文件超多,会导致项目提交和对比异常缓慢甚至卡死 阅读全文
posted @ 2017-10-12 11:36 前端小小菜 阅读(425) 评论(0) 推荐(0)
摘要:使用 webpack的方式开发的时候,前台开发过程中需要调用很多后台的数据接口,但是通常前后台分离的开发方式,后台的接口数据很可能是不方便或者是不能在前端同学的电脑上运行的,也就出现了所谓的跨域问题。 当然,开发过程中可以使用模拟的json数据来替代,但是实际的测试环境,以及联调环节还是必须要运行后 阅读全文
posted @ 2017-10-12 10:11 前端小小菜 阅读(965) 评论(0) 推荐(0)
摘要:先弹出1,弹2,弹3,之后span才改变背景色。why? alert会阻塞所有线程,而且alert会被优先执行。 alert会阻塞所有线程,其中就包括GUI渲染线程(所以颜色不变)和主线程(所以setTimeout里面的任务只是在1秒后被添加到了任务队列里面,但是没有执行,需要你关闭了alert之后 阅读全文
posted @ 2017-06-14 15:26 前端小小菜 阅读(1024) 评论(0) 推荐(0)
摘要:<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewp 阅读全文
posted @ 2017-04-28 09:11 前端小小菜 阅读(454) 评论(0) 推荐(0)
摘要:sublime 就不介绍了,less2css 是一个安装在sublime上的插件,可以让你书写less后自动生成css文件,而且还可以提示less的语法错误。 搜了一下相关的教程,很多都写的不全,按照他们的步骤操作下来之后发现有错误,甚至无法正确运行。 直入主题吧,步骤(这里只写windows下的安 阅读全文
posted @ 2016-08-23 15:03 前端小小菜 阅读(279) 评论(0) 推荐(0)
摘要:ueditor初次使用的时候加载的文件大小大概有1MB还要多,这个页面的打开速度相对来说是很慢很慢的。 其实通常我们并不需要ueditor的全部功能,通过chromedev工具发现初次加载的时候就调用了 codemirror (用来将源码方式显示的美观的插件)以及百度的复制插件(兼容谷歌等浏览器使用 阅读全文
posted @ 2016-04-15 09:04 前端小小菜 阅读(685) 评论(0) 推荐(0)
摘要:最近遇到需要将WORD WPS等复制的带有格式的内容粘贴到富文本编辑器里面去掉冗余的HTML,只保留最有用的部分。 第一步肯定是先查官方文档了。 http://fex.baidu.com/ueditor/#start-config 里面的filterTxtRules {Object} //纯文本粘贴 阅读全文
posted @ 2016-04-06 17:17 前端小小菜 阅读(1605) 评论(0) 推荐(0)
摘要:寻最短路径问题。 重新整理了一下,加了些注释,以备后面参考。 /* ============================================================================== // @pos => 起点坐标id // @endId => 终点坐标id 阅读全文
posted @ 2016-03-07 10:02 前端小小菜 阅读(341) 评论(0) 推荐(0)