Web前端

你不知道的console


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

超详细动手搭建一个Vuepress站点及开启PWA与自动部署


五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍官网:https://vuepress.vuejs.org/类似hexo一个极简的静态网站生成器,用来写技术文档不能在爽。当然搭建成博客也不成问题。Vuepress特点响应式,也可以自定义主题与hexo类似内置mark......
五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍官网:https://vuepress.vuejs.org/类似hexo一个极简的......

超详细动手搭建一个Vuepress站点及开启PWA与自动部署

五一之前就想写一篇关于Vuepress的文章,结果朋友结婚就不了了之了。记得最后一定要看注意事项!Vuepress介绍官网:https://vuepress.vuejs.org/类似hexo一个极简的......
阅读全文 14
Web前端

PWA介绍及快速上手搭建一个PWA应用


PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressive Web App )也就是说这是个渐进式的网页应用程序。官网:https://developers.google.com/web/prog......
PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressiv......

PWA介绍及快速上手搭建一个PWA应用

PWA初次体验​ 前言:本示例不用安装任何东西部分资源来自网络资源及PWA官网,不要把PWA想象的太复杂,跟着示例走一下,你行的。PWA介绍一个新的前端技术,PWA( 全称:Progressiv......
阅读全文 2
Web前端

一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)


请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局安装加 -g) :npm install http-serverWindows 下使用在站点目录下开启命令行输入:htt......
请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局......

一个简单的零配置命令行HTTP服务器 - http-server (nodeJs)

请前提安装Nodehttp-server 是一个简单的零配置命令行HTTP服务器, 基于 nodeJs.如果你不想重复的写 nodeJs 的 web-server.js, 则可以使用这个.安装 (全局......
阅读全文 0
Web前端

Vue-cli脚手架快速搭建项目图文教程


​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子,你直接拿过来用然后添加新项目需要的东西。准备工作安装node首先我们需要安装node环境,官网https://nodejs.org下载安装包。......
​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子......

Vue-cli脚手架快速搭建项目图文教程

​ 前言:比较基础的教程,大神自行忽略脚手架是什么?“脚手架”是一种元编程的方法,用于构建基于数据库的应用。许多MVC框架都有运用这种思想。好吧,其实说白点就是可以快速帮你搭建一个项目的基础架子......
阅读全文 0
Web前端

[记]使用jQuery Jcrop 图像裁剪无法更换图片的坑


[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方法载入 CSS 文件<link rel="stylesheet" href="jquery.Jcrop.css">载入 Ja......
[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方......

[记]使用jQuery Jcrop 图像裁剪无法更换图片的坑

[记]使用jQuery Jcrop 图像裁剪的坑​ 因为公司需求,需要完成一个显示屏定制的业务,用户自主上传图片然后在线裁剪的功能,我选择了jQuery Jcrop这个插件。先看看怎么使用使用方......
阅读全文 1
Web前端

深入理解vue中slot与slot-scope


深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有可能造成初次接触插槽的开发者容易产生“算了吧,回头再学,反正已经可以写基础组件了”,于是就关闭了vue说明文档。实际上,插槽的概念很简单,下面通过分三部分来......
深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有......

深入理解vue中slot与slot-scope

深入理解vue中slot与slot-scope写在前面vue中关于插槽的文档说明很短,语言又写的很凝练,再加上其和methods,data,computed等常用选项使用频率、使用先后上的差别,这就有......
阅读全文 0