Murphy Leung 's Personal Blog

Go to my blog：http://1025623017.github.io/blog

Email to me

Web Front Tree Mindmap 01：https://raw.githubusercontent.com/1025623017/blog/master/Front_End_teee_01.png

Web Front Tree Mindmap 02：https://raw.githubusercontent.com/1025623017/blog/master/Front_End_teee_02.jpg

Edit this page

模具知识分享(Plastic Engineers,Mould Designers,Tooling Design Engineers)

• Tools

  • PTC Creo Parametric 3.0 M100
  • ZBrush 2021
  • Rhino 6
  • Autodesk_3ds_Max_2020
  • Adobe Photoshop CS5
  • Adobe Illustrator CC 2018
  • Adobe Acrobat 9 Pro (For reading 3D PDF)
  • 3D-Tool CAD-Viewer

• Videos

  • PROE/CREO
  • Auto Surface Creo parametric
  • CAD

• Standards

我的产品(My Products)

• BANDAI(日本)

• BANDAI(中国)

  • 奥特曼 超精细奥特变身器

• 核诚治造

  • 核诚治造 LunchBox
  • 核诚治造 新品发布中！

• CCSTOYS

  • CCSTOYS 铁魄 Cybaster 精灵凭依ver.

• GK

• 其他

  • 白骑士 绝邢战士/EVA初号机觉醒 合金成品
  • Metal Power 宇宙骑士
  • 钢铁侠 MK85

Go to my 3D Museum

Buy them in https://app.gumroad.com/products

前端知识分享(Front End)

• Tools

  • Web Browsers
    • Chorme
    • Safari
    • IE
  • Firebug
  • VPN：Lantern
  • Markman
  • Adobe Photoshop CS5
  • Sublime Text 3
    • Sublime Text有各种好用的插件
    • 汉化版下载
    • 汉化 / 破解 / 插件
  • CSS Sprite Generator
  • Less/Sass/CoffeeScript GUI编译器
    • Koala
  • 兼容性查询：Can I use?
  • 版本管理
    • GitHub
    • GitHub客户端
    • Git
    • Git（windows: TortoiseSVN | Mac: SourceTree）
  • 服务器端
    • XAMPP
    • Navicat for MySQL
    • WampServer

• 规范

  • 代码规范
  • W3C中文网
  • HTTP权威指南

• html

  • Bootstrap
  • ACE
  • Foundation

• css

  • sass
    • 教程
    • Sass安装(gulp with sass click HERE)：
      • 安装Ruby
      • 启动art Command Prompt with Ruby，淘宝RubyGems镜像安装 sass
      • gem sources --remove https://rubygems.org/
      • gem sources -a https://ruby.taobao.org/
      • (如果你系统不支持https，请将淘宝源更换成：gem sources -a http://gems.ruby-china.org)
      • gem sources -l
      • gem install sass
    • 或许你不喜欢使用命令行执行sass编译，那么使用GUI工具Koala更适合你。
    • compass
    • 安装sass和compass
  • css特别推荐此书：《CSS Secrets》
    • 以下是我的《CSS Secrets》笔记
    • 舍弃浏览器前缀
    • 代码要变得更DRY和可维护（如衍生只需覆盖某几小条代码）
    • 理性使用预编译器（生成SoureMap减轻维护负担）和代码缩写
    • 我的书签：P00

• javascript

  • javascript插件
    • CoffeeScript
    • RequireJS：JS模块化
    • layer：web弹层组件
    • 三级联动地区选择
    • zTree：树结构视图
    • HTML5 Sortable jQuery Plugin：拖拽排序列表
  • jquery
  • Bootstrap中文网开源项目免费CDN服务
  • 正则表达式
  • ajax
  • json
  • Avalon
  • AngularJS

• vue

  • vue-loader：vue组件化开发，结合webpack自动化生产vue SPA（单页应用）
  • vue-router：vue SPA的路由管理
  • vue-router-transition：vue SPA页面切换过渡效果
  • vue-filter：vue增强过滤器
  • vue-resource：vue版AJAX

• vux：集成了微信UI、vue、webpack等，高效制作SPA（single page web application）

  • vux demo：VUX Demo
  • Airyland：作者
  • vux 沟通团队：vux技术交流

• Node.js

  • 淘宝镜像 & cnpm
  • Gulp
  • webpack
  • gulp + webpack

• 移动端APP应用开发

  • jQuery Mobile
  • MUI
  • AUI

• UI设计（用户体验）

  • aframe VR
  • 图标库
    • 阿里巴巴
    • icomoon

• SEO

  • 代码简练
  • 减少链接或在<a>标签中设置rel="nofollow"
  • 正确的<meta>、<title>标签
  • 面包屑(让用户了解所在位置)
  • html语义化(使用适当标签，重要内容放前面)

• 其他

  • 消息推送
    • 个推
  • 标记语言
    • Markdown
    • Wiki
  • PHP
  • XML
  • DTD
  • web安全

Vux开发分享

• 安装（多次安装失败，请换台电脑试试）

    Vux项目已在2017年1月11日更新至2.0
    [https://github.com/airyland/vux](https://github.com/airyland/vux)

• 配置

  • 详情请看项目Demo

• 组件式开发

  日常添加路由，写.vue文件就可以了
  
  首先在main.js新增路由，然后在新页面中复制改写[demo](https://vux.li/demos/#/component/demo)中的代码即可

• 在main.js文件中封装全局ajax

    // 全局ajax
    export function uAjax(init,_this) {
        var type = init.type
        var url = init.url
        var params = init.params
        var successFn = init.success
        var failFn = init.fail
        var showLoading = init.showLoading
        var closeLoading = init.closeLoading
  
        // 默认自带域名
        var urlDefault = init.urlDefault
  
        // 默认显示loading
        if (showLoading != false) {
            _this.showLoading = true
        }
  
        // 默认GET方法
        type = (type==null || type=="" || typeof(type)=="undefined")? "get" : type
  
        // 设置延时才会得到Vue.http.options.root
        setTimeout(() => {
            // 默认自带域名
            if (urlDefault != false) {
                url = Vue.http.options.root+url
            }
            // 支持get/post/put方法
            if (type=='get') {
                Vue.http.get(url,{params})
                .then(response => {
                    if (response.data.code==0) {
                        successFn.call(this,response.data)
                    }else if(response.data.code==1){
                        if (failFn) {
                            failFn.call(this,response.data)
                        }
                    }else if(response.data.code==2){
                        _this.txtError = response.data.message
                        _this.showError = true
                        setTimeout(() => {
                            router.go('/login')
                        }, 1000)
                    }
                    console.warn(response)
                    // 默认关闭loading
                    if (closeLoading != false) {
                        _this.showLoading = false
                    }
                },response => {
                    console.warn('请求错误')
                    console.warn(response)
                    _this.showLoading = false
                })
                .catch(console.log)
            }else if(type=='post'){
                //
            }
        }, 500)
    }

• 在yourfile.vue中调用封装的ajax

    //<script>直属部分
    import { uAjax } from 'src/main'
  
    //methods部分其中一个函数
    var _this = this
    uAjax({
      url: '/api/yourAPI/urlname',
      success: function(rsp) {
        _this.status = rsp.data.status
      }
      //省略参数...
    },this)

• 项目示例

  • 

我的前端项目

• 茂名职业技术学院-计算机工程系
• 茂名职业技术学院-食品安全与质量控制
• 数码相机商城

公司 & 任职经历

• 深圳市友福同享信息科技有限公司(Wiki) 2016/06/12 ～ 2017/07/31
• 模型工具店 2017/08/01 ～ 2099/08/01
• 模具设计 2017/08/01 ～ 2099/08/01

科目

• 语言（国语、英语、日语）
• 数学（编程）
• 历史地理政治（摄影、旅游）
• 物理（模具设计）
• 生物化学（日常运动、伤病急救、中西医）
• 艺术（美术、音乐）

推荐网站

• https://zhuanlan.zhihu.com/p/22099626
• https://zhuanlan.zhihu.com/p/22213177
• http://reeoo.com/
• http://lea.verou.me/
• ttps://www.graphicstock.com/
• http://www.webdesignclip.com/
• https://mediatemple.net/
• 豆瓣读书
• 当当网
• 技术类书籍
• Plupload文档
• 阿里云OSS
• 醉牛前端
• Clipconverter(Youtube Videos Download Tool)

---

合作伙伴：

Bandai | Bandai Namco | CCSTOYS | 核诚治造 | 小号手模型 | 魔封真模型工作室

Copyright © 2016-2024 Murphy Leung Powered By Github