Web前端

手机上debug调试代码


有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vConsole一个轻量、可拓展、针对手机网页的前端开发者调试面板。在线体验(UI就是微信开发者工具的UI)官方网站特性查看 console 日志查看网......
有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vC......

手机上debug调试代码

有时候为了在手机上调试网页,大都是大费周章,有的使用Chrome DevTools远程链接手机调试,有的使用专门的工具或者浏览器调试,现在腾讯开源了一个vConsole的工具,就解决了这一个痛点!vC......
阅读全文 3
Web前端

Flutter开发环境搭建


​ 工欲善其事,必先利其器科学上网Flutter谷歌的,因为国内的某些原因,没办法正常访问或者下载一些依赖的,这时候一个能访问墙外的网络就尤为重要,你们懂得。可以自己去买服务器搭建,在这里不做另外说明,推荐一篇搭建教程:https://www.shen.ee/article/45273.html我主要说下服务器,最近Vultr被墙的厉害......
​ 工欲善其事,必先利其器科学上网Flutter谷歌的,因为国内的某些原因,没办法正常访问或者下载一些依赖的,这时候一个能访问墙外的网络就尤为重要,你们懂得。可以自己去买服务器搭建,在这里不做另......

Flutter开发环境搭建

​ 工欲善其事,必先利其器科学上网Flutter谷歌的,因为国内的某些原因,没办法正常访问或者下载一些依赖的,这时候一个能访问墙外的网络就尤为重要,你们懂得。可以自己去买服务器搭建,在这里不做另......
阅读全文 1
Web前端

VS Code书写vue项目配置 eslint+prettier 统一代码风格


前言以前公司的vue项目只是我一个人在写,代码风格统一,但是后来随着团队增加,统一的代码风格就越来越重要。我的主力工具是sublime,ws辅助,vscode基本很少使用(就下载安装放在冷宫),但是听说用来写vue项目还不错,就开启了一番折腾。当然工具么,没有谁好谁坏了~~ 不盲目站队,适合自己的就是最好的。目标是:Eslint校验代码语法,pretti......
前言以前公司的vue项目只是我一个人在写,代码风格统一,但是后来随着团队增加,统一的代码风格就越来越重要。我的主力工具是sublime,ws辅助,vscode基本很少使用(就下载安装放在冷宫),但是听......

VS Code书写vue项目配置 eslint+prettier 统一代码风格

前言以前公司的vue项目只是我一个人在写,代码风格统一,但是后来随着团队增加,统一的代码风格就越来越重要。我的主力工具是sublime,ws辅助,vscode基本很少使用(就下载安装放在冷宫),但是听......
阅读全文 3
Web前端

基于gulp的前端自动化方案


前言​ 最近几年前端技术发展日新月异,特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流,但是一些老古董的项目还是存在的,也有优化的必要,正好公司的老项目需要优化,不多说拿gulp实践一下。本文需要安装node(自行安装),并了解过gulp入门。gulp脚本下载:https://git......
前言​ 最近几年前端技术发展日新月异,特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流,但是一些老古董的项目还是存在的,也有优化的必要,......

基于gulp的前端自动化方案

前言​ 最近几年前端技术发展日新月异,特别是单页应用的普及。组件化、工程化、自动化成了前端发展的趋势。webpack已经成为了前端打包构建的主流,但是一些老古董的项目还是存在的,也有优化的必要,......
阅读全文 0
Web前端

小程序的全栈开发新时代


原文链接什么是小程序·云开发小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。整套功能是基于腾讯云全新推出的云开发(Tencent Cloud Base)所研发出来的一套完备的小程序后台开发方案。小程序·云开发为开发者提供完整的云端流程,简化后端开发和运维概念,无需搭建服务器,使用平台提供的......
原文链接什么是小程序·云开发小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。整套功能是基于腾讯云全新推出的云开发(Tencent Clou......

小程序的全栈开发新时代

原文链接什么是小程序·云开发小程序·云开发是微信团队和腾讯云团队共同研发的一套小程序基础能力,简言之就是:云能力将会成为小程序的基础能力。整套功能是基于腾讯云全新推出的云开发(Tencent Clou......
阅读全文 0
Web前端

Jenkins配合github实现前端项目自动化构建部署


前言大家以前写前端项目部署,可能都是手动运行命令,打包完,然后压缩,再利用FTP、Xshell等这类的工具上传到服务器解压。也或者你不会操作,你认为这些事情是运维做的,你只需要打包你的前端项目代码后发给运维你就不管了。这种方式确实有点low且效率也不高。现在大家更关注的是Devops,关注如何来做持续集成,持续交付,如何来做CI/CD。今天就拿Jen......
前言大家以前写前端项目部署,可能都是手动运行命令,打包完,然后压缩,再利用FTP、Xshell等这类的工具上传到服务器解压。也或者你不会操作,你认为这些事情是运维做的,你只需要打包你的前端项目代码后发......

Jenkins配合github实现前端项目自动化构建部署

前言大家以前写前端项目部署,可能都是手动运行命令,打包完,然后压缩,再利用FTP、Xshell等这类的工具上传到服务器解压。也或者你不会操作,你认为这些事情是运维做的,你只需要打包你的前端项目代码后发......
阅读全文 2
Web前端

你不知道的console


前言对于前端开发者,使用console.log() 次数绝对很多,但是大部分人认识的 console 对象还不是很全面,其实深入了解这些后,你会发现给开发过程带来很多便利,而且还很有趣。先来看看别人的控制台。天猫(还加入了字符画)百度(这个大家都不陌生,最近还稍微有点改变)再来看下我博客的是不是感觉你之前用的console.l......
前言对于前端开发者,使用console.log() 次数绝对很多,但是大部分人认识的 console 对象还不是很全面,其实深入了解这些后,你会发现给开发过程带来很多便利,而且还很有趣。先来看看别人的......

你不知道的console

前言对于前端开发者,使用console.log() 次数绝对很多,但是大部分人认识的 console 对象还不是很全面,其实深入了解这些后,你会发现给开发过程带来很多便利,而且还很有趣。先来看看别人的......
阅读全文 9
Web前端

json-server进阶


​ 上一篇文章详细介绍了下json-server的基础使用,完成了简单的增删改查操作,但是如果有时候我们需要大量并且合理的数据,之前的操作似乎就很鸡肋了,或者亦又想自定义api访问地址等等。那么这篇文章正是你所需要的。动态数据使用js动态生成数据创建db.js文件module.exports = function() { let da......
​ 上一篇文章详细介绍了下json-server的基础使用,完成了简单的增删改查操作,但是如果有时候我们需要大量并且合理的数据,之前的操作似乎就很鸡肋了,或者亦又想自定义api访问地址等等。那么......

json-server进阶

​ 上一篇文章详细介绍了下json-server的基础使用,完成了简单的增删改查操作,但是如果有时候我们需要大量并且合理的数据,之前的操作似乎就很鸡肋了,或者亦又想自定义api访问地址等等。那么......
阅读全文 0
Web前端

使用 json-server 简单完成CRUD模拟后台数据


在开发中,后端的接口往往是较晚出来的,但是有时候我们必须给前端页面一些虚假的数据去开发,这个时候一些mock工具就很有必要了,最终我选择了json server工具,因为它足够简单,而且也能和你们所熟知的Mock.js 配合模拟数据(思考:mockjs是可以作为一个独立的mock server存在,但为什么不单独用它?)。安装npm install js......
在开发中,后端的接口往往是较晚出来的,但是有时候我们必须给前端页面一些虚假的数据去开发,这个时候一些mock工具就很有必要了,最终我选择了json server工具,因为它足够简单,而且也能和你们所熟......

使用 json-server 简单完成CRUD模拟后台数据

在开发中,后端的接口往往是较晚出来的,但是有时候我们必须给前端页面一些虚假的数据去开发,这个时候一些mock工具就很有必要了,最终我选择了json server工具,因为它足够简单,而且也能和你们所熟......
阅读全文 0
Web前端

so easy 前端实现多语言【更新2018-07-17】


​ 每个公司业务不一样,此解决方案仅做参考 。Git demo地址更新(2018-07-17)默认当前系统设置语言;考虑到一些表单输入框placeholder也有中文,加lang-input翻译。前言其实现在开发者解决多语言普遍三种解决方案:第一个是为每个页面提供每种语言的相关页面。第二种是把内容从表现形式中分离出来,做不同语言的内......
​ 每个公司业务不一样,此解决方案仅做参考 。Git demo地址更新(2018-07-17)默认当前系统设置语言;考虑到一些表单输入框placeholder也有中文,加lang-input翻译......

so easy 前端实现多语言【更新2018-07-17】

​ 每个公司业务不一样,此解决方案仅做参考 。Git demo地址更新(2018-07-17)默认当前系统设置语言;考虑到一些表单输入框placeholder也有中文,加lang-input翻译......
阅读全文 2