随笔分类 - JAVASCRIPT
摘要：是我需要的效果，是我搞不定的效果，网上有现成的，感谢互联网~ 以下内容为摘抄： 前言 看了很多案例，从简单的角度，position:sticky，似乎是比较理想的选择，可是当el-table设置了fixed后，这里的fixed会失效。最后还是采用了js监听滚动的思路实现。 实现思路 表格距离顶部的距
阅读全文
摘要：npm run dev可以正常运行项目，在npm run build的时候，报错。其中就有一行提示：npm run build ERROR in xxx.js from UglifyJs 网上搜了相关的文章，都说是babel配置有问题，在【.babelrc】文件中添加"presets": ["es2
阅读全文
摘要：原文：https://www.cnblogs.com/mayufo/p/7094496.html
阅读全文
摘要：被这个动态路由折磨了三天，记录下经验： 一、路由： 路由分两块，一是公共页面，如登录页、不需要登录、不需要权限就能访问的页面。另一部分是后台动态返回的权限列表。 因此，路由分为了默认路由和权限路由两部分： 默认路由：登录页。 权限路由：其他所有需要控制权限的路由。 二、登录： 1、登录获取登录状态、
阅读全文
摘要：需求：点击按钮，下载一个文件，由于种种原因，需要借助iframe实现。 实现：点击按钮往页面上append一个iframe，将iframe的src设置为文件的url路径，实现下载。如果url不对或文件下载失败，提示下载失败。 畅想：iframe.onload=function(){ //下载成功；}
阅读全文
摘要：1、webpack main.js main.bundle.js ; 将main.js打包成main.bundle.js; Hash:本次打包的哈希值 Version：本次打包所使用的webpack的版本。 Time：本次打包所花费的时间 Asset：打包生成的文件； Chunks：打包的分块； C
阅读全文
摘要：第一部分：送分题 1、简单叙述一下闭包的概念，闭包用在什么地方。 2、实现一一布局：左列固定，右列自适应。 3、｀BFC`(Block Formatting Context)。 4、写出6个以上常用的标签，并注明用法。 5、列举出所有能让一个元素看不到的CSS属性。 6、移动端布局的方式有哪些？ 第
阅读全文
摘要：1、什么是state：应用中所有的数据都以 state的形式存放在store中。 2、什么是store：一个应用中只有一个store，用来维持应用所有的state树的对象。一个 State 对应一个 View，因此store是一个包含多个state的容器。 3、什么是action：action本质是
阅读全文
摘要：1、JSX更接近于js而不是HTML，所以React DOM使用驼峰属性命名规则来取代原来的HTML属性名。 2、JSX的本质是个函数对象。下面两个例子是相似的： 3、将一个React元素渲染到根节点里，通过ReactDOM.render()。 4、局部更新：React DOM会将元素和子元素与之前
阅读全文
摘要：assert模块提供了简单的断言测试功能，主要用来内部使用，也可能require(‘assert’)后在外部进行使用。 assert模块的API为locked状态，也就是说，这个模块的API将不会再有添加或修改了。 Assert模块方法列表： assert(value[, message]) ass
阅读全文
摘要：困扰一段时间的图片打包问题： 1、在react组件里的src： 2、在css里的图片引用： webpack配置图片打包： webpack里配置文件输出： 只要loaders配置和output配置正确了，路径就不是问题了。
阅读全文
摘要：问题：写一个mul函数调用时将生成以下输出: console.log(mul(2)(3)(4)); // output : 24 console.log(mul(4)(3)(4)); // output : 48 回答：时允 这个应该是题主想要的答案，支持任意次数调用。主要是考察了对递归的理解，和
阅读全文
摘要：悦老大说：不要以为会用$.ajax()就觉得自己了解ajax了。今天也空，正好把ajax的相关知识再复习一遍，顺便做个记录。 一、什么是AJAX 所谓的ajax，是Asynchronous Javascript XML的简写；简单来说就是js异步请求数据。ajax的技术核心是XMLHttpReque
阅读全文
摘要：一、数组方法： array.concat(): array.join(): array.pop(): array.push(): array.reverse(): array.shift(): array.unshift(): array.slice(): array.sort(): array.s
阅读全文
摘要：首先先贴个网址：https://regexper.com/ 此工具是用来帮助理解正则表达式的，在你阅读正则表达式的时候非常有用。 元字符： 具有特殊含义的非字母字符。包括： * + ？^ $ . | \ ( ) [ ] { } ，如果你能一下子就说出这些符号的含义，表示正则表达式的基础已经掌握了。
阅读全文
摘要：先上一下自己写的源代码： 根据效果图，应该点击.arrow让dropdown显示出来，所以就如上部局了。 坑一：用js来手动调出dropdown； 我想的是当点击到input上时，就应该显示出dropdown，这样才更符合人的体验嘛，所以我就把focus事件往input上加，想让它focus时显示出
阅读全文
摘要：Ajax技术的核心是XMLHttpRequest对象，简称XHR。 一、XMLHttpRequest对象 XHR最早由IE引入并实现，原生的XHR仅支持IE7以上版本。如果要兼容IE6，需作另外处理(ActiveXObject对象)。 1、简单ajax函数的封装： 2、XHR的用法 xhr.open
阅读全文
摘要：两种形式： 一、JS调用时： 二、直接写在modal的结构上： <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" data-backdrop="static"
阅读全文
摘要：我很幸运，项目经历了angular时代、backbone时代，react时代。我又很不幸，每一个框架刚刚入门的时候，就被弃之不用了。所以我永远在学习新的框架，遗忘着前面用过的框架。以致于现在自己也十分迷惑，脑子里竟想不出每个框架独特的地方，甚至都忘了那些框架最基本的用法。这，是我的问题！ 所有，我现
阅读全文
摘要：Origin1、React并不会通过String类型的Html片段生成DOM2、在componentWillReceiveProps中调用setState()不会触发re-render3、componentWillUpdate中不能调用this.setState()4、在通过Ajax获取到数据，调用
阅读全文
