- 博客(20)
- 收藏
- 关注
RSS订阅转载 关于使用vue-router的嵌套路由的命名路由时踩的坑
今天在做我的模仿微博项目时，我想实现点击router-link后，跳转到微博正文页面，并渲染其嵌套视图-评论组件。但是在实际实现时，我发现页面可以正常跳转，但是在页面加载后，并不渲染该页面的嵌套视图，但是在点击该嵌套视图所对应的嵌套路由后，该嵌套视图会进行渲染。并且，我的另一个页面的嵌套视图可以正确的进行初始渲染。仔细的查看后，我怀疑问题在于命名路由，可以正常渲染的视图未使用命名路由，不...
2019-08-14 18:38:00
317
转载 记录一下webpack好用的node模块
postcss-loader autoprefixer: 自动添加css前缀css-loader: 能在js文件中导入css(配合React比较好，我猜)style-loader:将所有的计算后的样式加入页面中@babel/core: babel的核心包babel-loader: babel用于支持webpack的loader功能的模块@babel/preset-e...
2019-07-10 10:04:00
198
转载 关于第一次web前端面试的记录
最近参加了一场面试，感觉自己题目都懂，但是说起来就是有点说不明白，所以写个博客整理以下吧。答案不少不是面试时回答的答案，只是整理一下可行答案1、 如图1，使B相对于A垂直居中图1<style> /*方案一，父元素高度确定，使用高度+行高，内部只能有一行元素(可以有几个单行排列的行内盒子)*/ #A{ height: 100px;...
2019-07-07 12:18:00
198
转载 关于元素的offsetHeight、line-htight
最近在做一个自适应高度的加载时的瀑布效果，使用加载完毕后为其一个A容器设置style的高度的方式完成（原高度为0且超出部分裁剪），使用offsetHeight获取其子元素高度（所有子元素高度均相等），完成后，A容器底部总是比预期长了一点。查了一下资料，发现offsetHeight得到的是元素的整数高度，而我的子元素高度为浮点数且小数第一位大于4，所以我就去看了看子元素各自的高度，发现...
2019-06-03 16:39:00
204
转载 关于使用vue时的个人规范
js文件： 公共功能文件：common_功能名.js 例：common_ajax.js 页面级功能文件（在不同页面复用）：page_功能名.js 放置在html文件中加载的js文件命名：app_html文件名称.js 该页特有的js功能文件：app_html文件名称_功能名称.js vue文件： 创建新的vue功能块的文件：vue_app...
2019-05-10 17:11:00
96
转载 关于ES6的module的循环加载
今天写js时，碰到了一个模块循环加载的错误，下面时例子：// testa.mjsimport testb from './testb.mjs';const {b} = testb;const a = { ccc: 'ccc',};console.log(`aa:${a}`);console.log(`ab:${b}`);expor...
2019-04-19 13:13:00
226
转载 使用ES6的模块编写web页面碰到的坑
昨天写最近在做的web应用时，在web页面的js文件中使用了模块功能，这样在html文件中只需要导入一个js就好了????做完测试时发现，模块导入时向服务器发送申请时，没有后缀名！但是如果加了后缀名的话，eslint就会提示代码不规范。。----------------------------------------------------------------------...
2019-04-10 19:46:00
278
转载 记录使用nodejs时，未正确使用import导致的错误
2019/04/08今天看了es6入门，才发现以前碰到的关于import的错误，是因为使用了import，但nodejs默认不支持导致的。如果想要使用es6的module功能，需要把整个文件的导入导出均改写成es6的标准且文件后缀名改为.mjs，在运行时也需要在node xxx.js 中间添加--experimental-modules指令才可以使用，特此记录.2019...
2019-04-08 18:57:00
2591
转载 关于使用nodejs的mysql查询时碰到的坑
今天在编写登录模块时，碰到一个隐蔽的坑，故记录一番在使用Node.js的mysql模块的query方法时，查询语句使用了`select password from login where name=${name}`注：name为传入的一个字符串而非传统的'select password from login where name=' + name...
2019-04-06 13:54:00
593
转载 关于尾调用的优化-----------------摘录
摘自《ECMAScript6入门》第七章何为尾调用function f(x){ return g(x);}最后一步调用函数g，叫尾调用下列情况不属于尾调用// 情况一function f(x){ let y = g(x); return y;}// 情况二function f(x){ return g(x) ...
2019-04-03 10:00:00
115
转载 记录nodejs的writeHead
使用response.writeHead()时，如果第二个参数的值使用错误的字符时，会使整个页面被镶嵌在<pre></pre>中被传输过去。例：response.writeHead(200, {'Content-Type': `text/x.html`});转载于:https://www.cnblogs.com/Freeze...
2019-03-31 09:57:00
554
转载 记录一下不能使用let时如何创建局部变量(使用立即执行函数)
记录一下阮老师提及的立即执行函数模拟let(以前根本没想到可以这样做啊！)// IIFE 写法(function () { var tmp = ...; ...}());// 块级作用域写法{ let tmp = ...; ...}该方法利用使用var创建的变量会存放在函数作用域中的特点，使用一个匿名立即执行函数来包裹其中的...
2019-03-26 18:48:00
238
转载 对var的新笔记
今天看阮老师的ES6入门时，看见一个对我来说从没想到过的var赋值变量导致的错误，故记录一下var tmp = new Date();function f() { console.log(tmp); if (false) { var tmp = 'hello world'; }}f(); // undefined这种情况的起...
2019-03-26 18:25:00
181
转载 关于:target与定位动画的奇怪现象
今天在制作首页导航图特效demo时，无意发现一个奇怪的交互现象，故记录经测试，简化了触发该现象的代码，如下：<!DOCTYPE html><html><head> <title></title> <style type="text/css"> @keyfram...
2019-03-24 12:26:00
142
转载 在JavaScript中使用三目运算符时进行多个操作
今天使用三目运算符时，刚好需要在false时进行两个操作，故测试并记录在三目运算符中使用多个操作的方式例子如下： true ? (console.log(1),console.log(2), test()) : console.log(0); function test(){ console.log('test'); }效果如下：需要使用...
2019-03-17 12:07:00
429
转载 关于表单元素的name及HTML中的id
这种在上高级WEB课时，老师为表单元素赋了name值，之后直接在JS中使用该值而不需要使用document.get...来获取了，例：<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></h...
2019-03-10 18:44:00
252
转载 关于for循环与setTimeout的延迟
在for循环中使用setTimeout时，想使其每个setTimeout在上一个setTimeout的基础上进行延时，使用传入数组方式设置时间时，发现实际是按照每次设置的setTimeout的延时执行的，而不是相加，例：let time = [4, 3, 5, 1, 2];for(let i = 0; i < time.length; i++){ // 当...
2019-03-07 15:43:00
248
转载 关于JavaScript闭包的粗浅理解
在JavaScript中，使用var创建变量，会创建全局变量或局部变量。只有在非函数内创建的变量，才是全局变量，该变量可以在任何地方被读取。而在函数内创建变量时，只有在函数内部才可读取。在函数外部时，调用函数也无法读取局部变量。function test(){ var g = 5;}// 提示无法读取未定义属性console.log(test().g...
2019-03-02 10:43:00
100
转载 关于childNodes的删除
在使用childNodes时，发现需要删除的元素多于1时，会出现无法全部删除的情况。谷歌以后发现，该属性返回的子节点集合是实时更新的，也就是说，在for循环中，当删除第一个子节点之后，第二次删除的是原子节点集合中的第三个元素。故需要删除全部子节点时，使用while(node.childNodes.length>0){ node.removeChild(node.c...
2019-02-22 15:38:00
272
转载 对于for循环中使用let或var时，i的作用域范围的记录
在for循环中使用let时，结果如下for内部定义的i在循环结束后不会覆盖外部的i在for循环中使用var，且不控制i的作用域时，结果如下第一个for循环内部定义的i并不会创建，而是直接使用外部中的i，故在循环结束时外部的i变为了5。第二个for循环直接使用了外部的i把第一个for循环存于匿名函数中，第二个for循...
2019-02-15 13:19:00
692
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人