web前端
Crying_cat
用博文来见证我的成长过程
展开
-
手写vue-router,理解原理,写啥都不是事
关于vue-router我们简单的实现他的hash模式和history模式。这两种模式可以做到单页面应用路由跳转页面不刷新,实现之前我们来分析一下实现原理。hash的原理比如 http://localhost:8080/#/about 这样的路由我们通过location.hash 可以取到 /#/about 这样的部分。不管hash如何变化我们只需要/about这部分就好了所以我们只...原创 2019-12-23 10:19:00 · 192 阅读 · 0 评论 -
anhularjs-路由。关于嵌入html页面
本篇基于ng-route来讲下angular中的路由,路由功能主要是 $routeProvider服务 与 ng-view 实现。ng-view的实现原理,是根据路由的切换,动态编译html模板——$compile(html)(scope)。更多内容参考:Angularjs总结前提首先需要在页面引入angular和angular-route,注意要在angular-route之前引入angul转载 2017-10-08 15:50:02 · 748 阅读 · 0 评论 -
接上一个webpack资源整合。我觉得这样更清晰
这是参照上一个转载教程总结的。很清晰。当然关于webpack的server和插件部分,没有再次整合。这个教程适合菜鸟,即对webpack一点也不懂的。大神就略过,1.下载.msi格式node.js的安装文件,并且安装好 2.cmd命令:npm install webpack -g 全局安装webpack 3.转到项目文件夹下。运行npm init 创建package.json说明文件,测试时转载 2017-10-03 12:58:26 · 360 阅读 · 0 评论 -
新版vue-init 脚手架去除dev-server.js问题
原文地址:https://segmentfault.com/a/1190000012133507转载 2017-12-10 21:15:52 · 1880 阅读 · 0 评论 -
360一道关于this的题目
原题目是这样子的:window.val = 1;var obj = { val: 2, dbl: function () { this.val *= 2; val *= 2; console.log(val); console.log(this.val); } }; // 说原创 2018-01-20 10:43:28 · 294 阅读 · 0 评论 -
精致的web UI框架
1.AliceuiAliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。gitHub地址:https://github.com/aliceui/aliceui.github.io2.AmazeuiAmaze UI 是一个轻量级、 Mobile f...转载 2018-02-28 10:19:42 · 253 阅读 · 0 评论 -
金9银10大厂19道面试题
1.new 的实现原理是什么?new 的实现原理:创建一个空对象,构造函数中的 this 指向这个空对象。这个新对象被执行 [[原型]] 连接。执行构造函数方法,属性和方法被添加到 this 引用的对象中。如果构造函数中没有返回其它对象,那么返回 this,即创建的这个的新对象,否则,返回构造函数中返回的对象。function _new() {let target = {}; // ...原创 2019-08-04 16:44:16 · 288 阅读 · 0 评论 -
大厂vue代码很优雅
全局注册conponent全局注册component的优雅之处在于,对于一些高频率使用的组件,不需要在使用的组件里面单个引入,造成引入过多感官不优美。基于个人编码习惯,会将component组件作为全局的组件使用。// 在component组件中新建global.js// global.jsimport Vue from 'vue'// 首字母变大写function ChangeS...原创 2019-10-08 22:00:53 · 488 阅读 · 0 评论