• vue 学习资料


     自学资料地址:

    https://zhuanlan.zhihu.com/p/26535530
    项目UI部分
    1.pc站 UI:
    (1)考虑自己写
    成本高,需要花费不少时间,好处是可以自己控制维护!
    (2)引入第三方的ui库
    利用现成的组件来做业务,可以满足你大部分场景的
    Pc ui库:
    element-UI
    http://element.eleme.io/#/zh-CN
    使用它开发过管理后台
    2.移动端UI:
    有赞UI vant
    https://www.youzanyun.com/zanui/vue/component/quickstart
    感觉比mint-ui 的文档要好,一直在维护,打算自己去试试水!
    项目后端接口api请求:
    (1)jquery的ajax (不推荐,你要使用的话,需要引入jquery)
    (2)axios (官方也是推荐这个)
    项目路由:
    (1)vue-route (官方文档,建议至少过3边以上)
    https://router.vuejs.org/zh-cn/
    (2)Vue2.0 探索之路——vue-router入门教程和总结
    https://segmentfault.com/a/1190000009651628
    项目状态管理:
    https://vuex.vuejs.org/
    webpack工具相关:
    (1)webpack 中文社区
    https://doc.webpack-china.org/
    (2)webpack 优秀中文文章
    https://github.com/webpack-china/awesome-webpack-cn
    脚手架vue-cli
    (1)vue-cli的webpack模板项目配置文件分析
    http://blog.csdn.net/hongchh/article/details/55113751
    (2)从0到1搭建webpack2+vue2自定义模板详细教程
    https://segmentfault.com/a/1190000009454172
    es6 语法知识
    (1)30分钟掌握ES6/ES2015核心内容 (先理解文中使用的,不懂的再查后面的es6文档)
    (上)https://segmentfault.com/a/1190000004365693
    (下)https://segmentfault.com/a/1190000004368132
    (2)火狐开发者社区提供的js语法
    https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects
    (3)阮一峰的es6 语法书
    http://es6.ruanyifeng.com/
    Vuejs2项目-demo例子文档资源
    (1)Vue2 后台管理系统解决方案
    https://segmentfault.com/a/1190000008582706
    (2)vue2.0-cnode 社区
    https://github.com/soulcm/vue-cnode-mobile/tree/V2.0
    (3)低仿饿了么H5-纯前端Vue版+手把手教学
    https://github.com/hbxywdk/eleme-vue2
    (4)模仿猫眼电影制作的webapp
    https://github.com/zhixuanziben/gouyan-movie-vue
    (5)Timeline-X 本例子涉及一些nodejs相关,大家只关注前端即可
    https://github.com/hongchh/timeline-x
    github仓库
    http://blog.csdn.net/hongchh/article/details/54744318 文档
    (6)Vue全家桶+Mint-Ui打造高仿QQMusic,搭配详细说明
    https://segmentfault.com/a/1190000009583786?_ea=1991259
    (7)豆瓣:
    https://github.com/jeneser/douban
    (8)咸鱼:
    https://segmentfault.com/a/1190000009919769
    好博客:
    (1)饿了么前端知乎专栏
    https://zhuanlan.zhihu.com/ElemeFE?topic=Vue.js
    (2)滴滴前端知乎专栏
    https://zhuanlan.zhihu.com/ddfe-weekly?topic=Vue.js
    (3)segmentfault社区上 可以找解决vuejs的问题
    https://segmentfault.com/t/vue.js

    php去掉一个文件所有的空行

    <?php
    $in = new SplFileObject('VueRef.txt', 'rb');
     
    if (!$in) {
        throw new Exception('open file for read failed!');
    }
     
    $out = new SplFileObject('out.txt', 'w');
    if (!$out) {
        throw new Exception('open file for write failed!');
    }
     
    foreach ($in as $lineNum => $line) {
        $line = trim($line);
        if (strlen($line)) {
            $out->fwrite($line.PHP_EOL);
        }    
    }
    

      

    关于vue打包的问题

    -------------------------------------------------------------------------------------------------------------

    vue打包后的代码是不能修改的,我们在vue开发的时候条长会代理接口,方便本地开发,比如代理一个api,那么访问就是 /api/
    我们打包后,vue中代理的东西是不存在的,也就是说,访问接口 /api/....这个api已经失去意义了

    那么这个/api/在打包后就只能是作为字符的形式出现在你的接口中,所以上线后接口中出现 /api/。。。这个api可能再你接口中是没有的

    首先,要确认,你代理的接口是你服务器本身的ip还是跨域请求的,比如页面所在的服务器的ip是从192.168.0.11,
    那么你代理的api的ip是192.168.0.11还是别的

    如果是192.168.0.11,那么你可以在开发的时候设置一个js,里面设置api两个状态,一个是开发,一个是上线,比如,api: api // 开发 api: '' // 打包

    这样就是同于代理的设置

    开发时,禁掉打包的api,打包时,禁掉开发的api

    还有一种情况,就是当你的接口ip不是192.168.0.11时,这个时候就要nginx代理了

    代理如下,比如:
    location ^~ /api/ {
    proxy_pass http://192.168.0.110;
    }

    这就跟vue代理一样的效果了

    -------------------------------------------------------------------------------------------------------------

    https://github.com/brickspert/react-admin
    兼容IE8的react全家桶
    https://github.com/brickspert/react-family-ie8
     
    javascript的难点列表:原型、作用域、执行上下文、变量对象、this、闭包、按值传递、call、apply、bind、new、继承
  • 相关阅读:
    20100920 [随笔] -Roy
    20100826 [随笔] Roy
    20100820随笔Roy
    20100825 [随笔] -Roy
    博客园开博随笔
    Synchronized vs SyncRoot
    Exception vs ApplicationException
    Monitor用法
    捕获ASP.NET程序发生的异常
    理解ParseChildren用法
  • 原文地址:https://www.cnblogs.com/mingzhanghui/p/9413497.html
Copyright © 2020-2023  润新知