随笔分类 -  JavaScript

上一页 1 2 3 4 5 下一页
react里执行shouldComponentUpdate时返回false的后果
摘要：大家都知道生命周期shouldComponentUpdate返回false时，不会进行后续的渲染，那这个时候state是什么情况呢。我们看一下demo number是4的时候，我们返回false。运行结果表明，当按钮的数字是4的时候，再点击，数字不变化，接着点击，数字由4变成了6。表明，should 阅读全文
posted @ 2019-01-20 12:33 姜瑞涛 阅读(393) 评论(0) 推荐(0)
最近阅读记录
摘要：1.实现多个标签页之间通信的几种方法 2.vue和react全面对比(详解) 3.前端专栏 4. vue+axios上传文件 5.算法 6.表单可以跨域么 7.不要再问我跨域的问题了 8.js内存泄露的几种情况 9.前端好的github 10.最常用的移动端1像素边框解决方法 11.cookie 和 阅读全文
posted @ 2018-12-13 16:28 姜瑞涛 阅读(1363) 评论(0) 推荐(0)
node与webpack的process.env.NODE_ENV
摘要：先看两篇文章 1.前端工程项目的NODE_ENV 2. Node 环境变量 process.env.NODE_ENV 之webpack应用 3.process.env.NODE_ENV 下面全部是在windows系统， 我们在命令行输入node，进入node模式，输入process.env，发现pr 阅读全文
posted @ 2018-11-01 13:05 姜瑞涛 阅读(436) 评论(0) 推荐(0)
最近阅读链接
摘要：1.vue-router为何要有命名视图 2.vue 一些webpack的配置详解 3.webpack中output之path和publicPath详解 可用vue simple webpack修改实验 path是打包文件的存放位置，publicPath是css、图片等引用的地址 4.[webpac 阅读全文
posted @ 2018-10-23 15:35 姜瑞涛 阅读(197) 评论(0) 推荐(0)
js实现笛卡尔积
该文被密码保护。
posted @ 2018-09-19 16:14 姜瑞涛 阅读(39) 评论(0) 推荐(0)
hexo从零配置next全纪录
摘要：1.按照官网按照hexo； 2.下载next（目前使用的是最新发布版本6.4.1），解压后重命名为next，放在hexo工程themes目录下； 3.网站配置文件_config.yml中，改成theme: next；language: zh-CN，作者、关键字等都改一下 4.修改next配置文件_c 阅读全文
posted @ 2018-09-15 08:46 姜瑞涛 阅读(267) 评论(0) 推荐(0)
hexo的url路径修改以及发布与修改时间
摘要：hexo默认url是年/月/日，这样其实不利于SEO。hexo生成新文章命令，hexo new [layout] <title>，这个title最好是英文的，因为我们要把这个title放在url里，如何修改这个title呢？那就是去source文件夹里直接修改.md文件名即可。但我们想让我们文章的标 阅读全文
posted @ 2018-09-13 20:55 姜瑞涛 阅读(7031) 评论(0) 推荐(1)
hexo主题选择和配置
摘要：之前用next主题，发现文章标题都是h2，不利于seo，想着通过改模板改成h1的，发现很繁琐。今天发现，通过下载指定版本的next后，标题自动是h1的。 参考网页https://notes.iissnan.com/ 阅读全文
posted @ 2018-09-09 21:40 姜瑞涛 阅读(199) 评论(0) 推荐(0)
一个里程碑，新网站实现全站https
摘要：本地验证node服务没问题后，上传到阿里云服务器上，发现无法访问。一开始以为是SSL证书有问题，去腾讯云SSL证书重新下载，还是不行。然后改node应用文件代码app.js，猜测是crt证书应该改成pem证书。花了很长时间研究怎么把crt证书改成pem的，没有研究出来。实在没招了，去腾讯云域名解析猜 阅读全文
posted @ 2018-09-09 12:58 姜瑞涛 阅读(203) 评论(0) 推荐(0)
最近阅读链接
摘要：1.vue中慎用style的scoped属性 2.vue按需加载组件-webpack require.ensure 3.webpack代码分离 ensure 看了还不懂，你打我 4.vue项目实现按需加载的3种方式 webpack解惑：require的五种用法 vue文档的异步组件用的就是AMD的r 阅读全文
posted @ 2018-08-27 18:21 姜瑞涛 阅读(134) 评论(0) 推荐(0)
Vue中v-for不绑定key会怎样
摘要：Vue的v-for不绑定key，默认行为和绑定key="index"是差不多的，官方没有默认这种行为的情况下，会导致所有列表DOM重新渲染。key="index"这种行为无法最大化性能，比如在第一个元素插入新元素，会导致所有列表DOM重新渲染。绑定key后，发现绑定的key值的元素变化了，就重新渲染 阅读全文
posted @ 2018-08-23 15:49 姜瑞涛 阅读(3232) 评论(0) 推荐(0)
关于Vuex可直接修改state问题
摘要：下面的代码证明不通过mutation，而直接修改state修改确实生效了。这样子多人协作岂不是很容易出问题。对于这个问题，在创建 store 的时候传入 strict: true, 开启严格模式，那么任何修改state的操作，只要不经过mutation的函数，vue就会 throw error。 参 阅读全文
posted @ 2018-08-23 09:32 姜瑞涛 阅读(8782) 评论(0) 推荐(0)
不要完全相信Chrome控制台打印的信息
摘要：以下两张图，第一张是Chrome控制台Network里请求返回的信息，图二是在代码里在请求返回的处理第一行代码用console.log打印的信息。 图一 图二 那么问题来了，为何通过console.log打印出的数据和Network接口返回的数据不一致，多了很多了。 研究了半天，发现在请求返回后的处 阅读全文
posted @ 2018-08-22 16:28 姜瑞涛 阅读(909) 评论(0) 推荐(0)
Vue挂载元素的替换
摘要：Vue根组件已有挂载DOM'#app'，在render又引进一个组件，该组件最外层也是用了'#app'，为何根组件的DOM'#app'会被替换掉。 阅读全文
posted @ 2018-08-22 13:37 姜瑞涛 阅读(4420) 评论(0) 推荐(0)
Vue Router的官方示例改造
摘要：基于Vue Router 2018年8月的官方文档示例，改造一下，通过一个最简单的例子，解决很多初学者的一个困惑。 首先是官方文档示例代码 效果如下 但此时，你点击子组件路由链接，会发现进入新路由后，页面外层的'Hello App!'等文字等仍然都在。不想要这些东西该怎么办？ 其实这个很好办，先看咱 阅读全文
posted @ 2018-08-17 06:49 姜瑞涛 阅读(334) 评论(0) 推荐(0)
Vue中import '@...'是什么
摘要：今天看新项目代码，有import '@/assets/css/theme/index.css'一类的代码，里面的@是做什么的呢。 找到这篇文章https://www.cnblogs.com/boshow/p/8758927.html，这个是webpack使用loader里配置的 @ 等价于 /src 阅读全文
posted @ 2018-07-29 17:50 姜瑞涛 阅读(22734) 评论(0) 推荐(4)
node.js爬虫，牛刀小试
该文被密码保护。
posted @ 2018-06-13 08:08 姜瑞涛 阅读(4) 评论(0) 推荐(0)
webpack run dev后并没有生成dist目录，但是浏览器里却读取了dist里的build.js？
摘要：最近想看看现在做的React项目用的脚手架，看了下webpack的配置，尝试修改一些东西看看输出结果，结果允许npm run dev发现没有输出目录，怎么回事呢。又安装了vue官方提供的webpack-simple脚手架，发现也是没有输出目录。 到网上搜寻该问题，发现一个不错的解答。 最近刚学vue 阅读全文
posted @ 2018-06-12 08:26 姜瑞涛 阅读(1151) 评论(0) 推荐(0)
vuex的简单例子和vue model组件
摘要：好久没用过vuex了，vuex官方示例的计算器counter是用的webpack打包了单文件组件，不方便回顾，今天把代码改成了html引人的方式，方便回顾 下面是vue model组件，当时做千分位格式化用的 vue只输入数字https://segmentfault.com/q/1010000007 阅读全文
posted @ 2018-05-25 22:47 姜瑞涛 阅读(211) 评论(0) 推荐(0)
react中对象扩展运算符使用问题
摘要：看别人代码看到 对其中的{...this.props}产生了疑惑。我们知道在JSX中遇到{}就以js来解析，所以遇到{...this.props}左边的 { 时，开始以js来解析。但我们在这里按照ES7的对象扩展运算符语法，无法解析 成对象，因为需要再多一个{}包住...this.props才行，否 阅读全文
posted @ 2018-05-09 19:52 姜瑞涛 阅读(983) 评论(0) 推荐(0)

上一页 1 2 3 4 5 下一页