传统开发模式: JQuery+RequireJS/SeaJS+artTemplate+Gulp/Grunt
laravel自带了laravel-mix，用于对js、css、图片等静态资源进行打包。生成的文件的命名会是：app.asjduiik2l1323879dasfydua23.js, 即js原文件名+hash+.js后缀，因为中间的那个hash是随时会变化的，所以在页面引入js文件的时候，就不能写死文件的路径，而是使用mix('app.js')，此时laravel会自动去匹配当前的app.js对应哪个app+hash+.js的文件（项目public目录下会有一个mix-manifest.json, 这里面保存了两者的对应关系，每次打包静态资源的时候都会更新该文件）。
Vue就是构建用户界面的渐进式javascript框架，而Vue也和React以及Angular并称为前端三大框架。
大概解释一下就是现在使用的是runtime-only,代码中不能存在模板代码,如果想运行代码中有模板代码的环境,请使用runtime-compiler
像我上次做的案例一样,每次路径前面都要../一下,不仅麻烦,而且如果复制粘贴这一块代码到了别的文件夹中,路径全部要重新更改
今天主要和大家分享下，在 react 中"如何进行代理跨域"的方法 针对 create-react-app 脚手架 1、create-react-app脚手架低于2.0版本时 直接在 package.json 下配置 "proxy": "http://api.xxxx.com" 或者如果创建多个域，该如何设置 proxy "proxy":{ "/api":{ "target":"http://localhost:8888", "changeOrigin": true,
简介 node 读取文件目录实现去中心化管理路由 背景 最近写node项目发现路由太多，手动require不符合程序员的气质。为了偷懒只能写一段代码自动导入了。 目录结构 │─app.js // 入口文件 │─router // 路由文件夹 │ │─router.js // 路由集中 │ ├─V1 //版本文件 │ │ └─test.js // 路由 │ └─V2 │ └─test.js │─utils └─requireContext.js // 工具
最近面对一个庞大的项目，但是只需要修改某个模块，每次都手搓命令太麻烦了，于是就想着能不能写个脚本来辅助处理这些事情。
初入软件开发这一行时，当时还没有前后端分离这个概念，所有的开发工程师既能写html，也能写后台服务，随着技术的发展，前后端分离成为趋势，目前团队不少人能熟悉的写java后台服务，却难以hold住前端页面的开发，前端页面开发成为瓶颈。针对这个情况，筹划了一个前端培训专题，让后端的同事可以通过学习快速掌握前端开发技能。 愿景 培养全栈工程师，前后端均可以Hold住 前端技能梳理 我们把前端同事做的事情简单的梳理下，大概可以分为： 效果图 -> HTML还原 将UED设计的效果图还原为页面，这个也是以前狭义的UI
路由，其实就是指向的意思，当我点击页面上的home 按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射。 所以在页面显示中，有两个部分，一个是需要点击的部分，一个是点击之后，显示点击内容的部分。 点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么才能显示home的内容。这就要在js 文件中配置路由。 路由中有三个基本的概念
最近刚做了一个微信公众号H5项目，里面包含一个分享到朋友圈和分享给好友的功能。配置白名单以及公众号js安全域名这些就不赘述了，接下来简单介绍下实现这个功能的几个前端步骤
Vue动态生成表单组件 可以根据数据配置表单 使用的UI库是iView 在Vue里 一般要用到什么组件或数据 都得提前声明 所以要根据数据来生成表单 只能使用Vue的render函数 要做这一个组件 其实并不难 看一下Vue官方示例 再找个UI组件库 差不多就能写出来 如果对项目有兴趣 可以fork或克隆项目 自行研究 有问题或BUG欢迎提issues
新增App.vue文件,使用IDEA新建,如果没有的话在Setting->plugin中安装vue插件
一个web网页一般是由html、css、javascript、ajax四门技术实现出来的。html构成了网页的结构，css描述网页的样式，javascript完成事件逻辑比如点击、悬浮事件，ajax完成了前端和后台的通信。
看到的错误大概是不能读取属性中的 initialize方法,是一个没有定义的,经过查看源码,发现在最新的版本中确实没有这个方法了,后来看了下老师的版本是3.2.0,我的是5.3.1
可以看到JS已经被压缩了,但是存在一个问题,那就是版权声明没有了,还有注释都没有了,应为这就是压缩的一部分,这个和版权插件是冲突的
七.Vue模板语法
开发小程序先要做的就是注册小程序，要开发自然要一个账号，账号就自己的那个号，然后直接访问 https://mp.weixin.qq.com/， 可以看到账号分三类：服务号，订阅号和小程序。前两者这里不多说，直接点击小程序进去注册即可。
创建一个chrome的插件，并让这个插件能够作为一个app，运行在终端设备上。 创建一个chrome插件 该插件app实现一个搜索框，输入内容后，根据输入内容去github搜索名称有关联的repositories 书写manifest.json 创建chrome app的加载页面 书写加载页面的内容 使用chrome的扩展程序加载程序代码manifest.json chrome的app的配置文件有固定的形式，简单配置如下{ "manifest_version": 2,//
最近做项目要求将webpack打包方式换成vite，下面将详细讲解一下配置vite需要修改哪些文件，以及过程中踩到的奇葩坑。
https://github.com/marcuswestin/WebViewJavascriptBridge function setupWebViewJavascriptBridge(callback) { if (window.WebViewJavascriptBridge) { return callback(WebViewJavascriptBridge); } if (window.WVJBCallbacks) { return window.WVJBCallbacks.push
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库指南 了解设计指南,帮助产品设计人员搭建逻辑清晰、结构合理且高效易用的产品。
2018即将过去，2019即将来临，前端技术不断在在更新，学的东西越来越多。我们只有不断的学习，才不能被淘汰。在前后端分离的一个时代，后端提供接口，前端调用接口，逻辑判断，每个都是独立的工作。如果自己在空余的时间，想学习新的知识，却没有好的接口，只能写写假的json数据。或者网上开源的数据库，mock，野狗数据库，firebase，或者使用本地的json-server搭建本地数据库使用也是完全没有问题的，也可以正常的实现数据的接口请求。
webpack-dev-server是一个小型的Node.js Express服务器,我们可以通过它搭建一个本地服务器,并且实现文件热更新; 1.切换到你的目录下对项目进行初始化 npm init
由于混合应用的大势所趋，经常会看到这个问题:如何在不发一个新版本的情况下更新App布局？
核心思路是把 Flutter 的渲染逻辑中的三棵树中的第一棵，放到 JavaScript 中生成。用 JavaScript 完整实现了 Flutter 控件层封装，可以使用 JavaScript，用极其类似 Dart 的开发方式，开发Flutter应用，利用JavaScript版的轻量级Flutter Runtime，生成UI描述，传递给Dart层的UI引擎，UI引擎把UI描述生产真正的 Flutter 控件。所以在iOS上是完全动态化的 ，完整代码在github，如果能帮助到大家，请给MXFlutter点个Star，给我们动力继续更新下去^_*，github TGIF-iMatrix MXFlutter
创建一个chrome的插件，并让这个插件能够作为一个app，运行在终端设备上。
本文主要介绍了如何通过Chrome插件在iOS设备上实现网页的渲染和交互，同时介绍了如何通过Chrome App开发一个桌面应用，并通过官方模拟器进行调试和运行。同时，作者还分享了在开发过程中遇到的问题和解决方法，以及Chrome App和Hybrid App之间的区别和优劣。
说到看源码，很多人都有个误区，觉得看源码必须要到 github 上把完整的代码 clone 下来，认为只有把完整的代码下载下来，才能开始愉快的学习。
Express框架中一个非常重要的概念——中间件。在Express框架中，允许通过中间件的使用来调用各种第三方类库，这让我们的开发工作变得更为方便，也使得我们可以开发出各种更为强大的应用程序。
(adsbygoogle = window.adsbygoogle || []).push({});
mustache语法就是双大括号{ {msg}},即插值语法;插值表达式里面做一些简单的运算.复杂的运算使用computed计算属性.
此时input标签中加入了“v-model='title'”，表示input的value值与vue对象中的title属性绑定，当在input输入框中输入内容会实时修改title的值。于是{{title}}插值表达式能实时输出input输入框内的值。
这是开发中、大型项目的必备技能，网上资料也很多，这里只是一个简单的综合性的介绍。包括vue的全家桶、建立项目的几种方式、UI库的简单使用等。 可以和上一篇的cnd方式做项目做一下对比。
来点现实中遇到的坑儿吧~~~~~~~~~~~解决前 心中有千万个草泥马在奔跑。解决后，kao 这么简单！！！！！！！！
现在网上有很多播放量巨高的免费编程项目教程，很多学编程的同学可能都看过，就导致大家可能写在简历上的内容都差不多。
本文转自: https://www.cnblogs.com/SamWeb/p/6610733.html
前端做表单的验证基本不用自己写，有很多 validation 的库，大家写的也比较多了。后端的验证大家可能写的相对较少，今天我们就来学下后端框架 Nest.js 如何做参数的验证吧。
跨域有多种方式，现在的情况看来还是CORS更适合一些，有很多优点，比如浏览器正式支持、支持post、可以控制跨域访问的网站等。
文件上传是一个基本的功能，每个系统几乎都会有，比如上传图片、上传Excel等。那么在Node Koa应用中如何实现一个支持文件上传的接口呢？本文从环境准备开始、最后分别用 Postman 和一个HTML页面来测试。
之前用 django+vue 写过一个数据构造平台：通过把业务逻辑接口在后台串起来，前端暴露简要的字段，来帮助自己快速构造数据
我们在请求接口的时候，会出现很多的请求的例子，有的时候接口是需要加请求头的，应该说绝大多数的情况都是需要加请求头的，我在做项目的时候，我们有一个就是需要在每一个接口的请求之前加上请求头，作为一个令牌，也就是我们常用的auto验证，那么我刚开始的时候是在每一个接口的里面加上了这个请求头的，这也是我们一个很常规的做法，但是我写着写着觉得自己是一个傻逼，这样写也太没效率了，我一个对代码有追求的人，怎么可能写出来那么没有质量的代码呢？于是就开始找vue里面是怎么统一管理这个的方法，于是乎，功夫不负有心人，在别人的帮助下，我还是成功的找到了，这里做一个简单的记录，以备以后可能用的到。
每年的年中，都是找工作求职的高峰期，大量的毕业生，换工作跳槽的人也都在投简历找下家。在这过程中，每个人都会尽量的美化或包装自己的简历，以期让自己的简历看起来更有竞争力。 这其中最常见的办法，就是想办法让自己的工作年限看上去显得长一些。这没什么什么问题，因为各种招聘中都有关于工作年限的要求。在很多人的眼中，工作经验就等于工作年限，但实际上，很多时候，工作经验并不以年为单位来衡量，有时甚至和年限无关。 不管多么牛b的人，不管多么有工作经验，工作了多久，他的直接工作成果，都是以js代码来体现的。代码这东西有一些
● 所有的Vue组件同时也都是Vue实例，所以可以接受相同的选项对象（除了一些根级特有的选项），并提供相同的生命周期钩子
React是当下前端生态圈流行的框架之一，与Vue和Angular并称前端三架马车。今天，我们就一起来学习下React，今天的主要内容有。
给两个链接： - webView:shouldStartLoadWithRequest:navigationType: public void addJavascriptInterface (Object object, String name)
最近在做自己的小程序《看啥好呢》，这个小程序是使用云开发的方式开发的，功能特别简单，就是获取豆瓣、大麦网的数据展示，虽然功能简单，但还是记录下开发过程和一些技术点，大约会有两篇博文产出，这是第二篇。GitHub地址
在去年2017年1月9日，张小龙在2017微信公开课Pro上发布的小程序正式上线 。时至今日，小程序已经有整整一年时间了 。在2017年12月28日，微信更新的 6.6.1 版本开放了小游戏，「跳一跳」小游戏在那一晚彻底火了。由于微信的流量庞大，所以很多开发者看好小程序，我也不例外 。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议
