51Dev开发社区
登录 注册

#端自

近期总结：generator-web，前端自动化构建的解决方案
本文结合最近的工作经验，总结出一个较简洁的前端自动化构建方案，主张css和js的模块化，并通过grunt的自动化构建，有效地解决css合并，js合并和图片优化等问题，对于提高前端性能和项目代码质量有一定参考价值，欢迎阅读和点评：）github地址：https://github.com/liuyunzhuge/gener...
代码星球 ·2020-05-27

前端自动化构建工具webpack （二）之css和插件加载总结
1. webpack只识别js文件，其他文件都需要转换成js文件。所有文件都是模块;2.css解析   css需要css-loader ---》style-loader-----》less-loaderless文件还需要less-loader（注意书写顺序）3.plug...
代码星球 ·2020-05-23

前端自动化构建工具webpack （一）之webpack安装 和 设置webpack.confi.js
目的： 模块化开发，组件化开发，让代码符合开发规范，更高效webpack作用：从pack，就知道这是包的意思，比较专业点叫做前端自动化打包构建工具，代码错误检查，预处理，文件合并（打包），代码压缩，         &n...
代码星球 ·2020-05-23

node前端自动化
一、前端自动化-项目构建我们平时写代码，喜欢建一个project，然后里面是css、js、images文件，以及index.html，而node可以自动化构建好项目，如下： /***Createdby毅on2015/9/20.*/varprojectData={'name':'project','fileDa...
代码星球 ·2020-05-17

微信客户端自带的Js Api：WeixinJSBridge
<!DOCTYPEhtml><html><head><title>微信WeixinJSBridgeAPI</title><metacharset="utf-8"/><scripttype="text/javascript">(funct...
代码星球 ·2020-04-18

基于rem的移动端自适应解决方案
adaptivejs原理：利用rem布局，根据公式html元素字体大小=document根节点(html)宽度*100/设计图宽度计算html元素的font-size,使1rem等于100px,方便快速开发开发时，一个div设计图宽度为89px,那么在css中我们可以这样书写：width:0.89rem;如果是文字，我...
代码星球 ·2020-04-18

HTML5移动端自适应解决方案
自接触移动端H5页面以来，从未停止对H5页面适配不同屏幕的解决方案的探索。从最初的bootstrap响应式框架来做手机适配；后来尝试用百分比去做H5的适配；接着又去尝试媒体查询，但移动端的屏幕大小个各异，各种尺寸的机型都有，难以做到不同手机适配，后来看到京东，网易，手淘等使用rem做手机适配，使用rem前端开发者可以很...
代码星球 ·2020-04-17

react前端自动化测试： jest + enzyme
本文中的自动化测试指的是单元测试（UT），所谓单元测试也就是对每个单元进行测试，通俗的将一般针对的是函数，类或单个组件，不涉及系统和集成。单元测试是软件测试的基础测试，主要是用来验证所测代码是否和程序员的期望一致。jest是facebook开源的，用来进行单元测试的框架，功能比较全面，测试、断言、覆盖率它都可以，另外还...
代码星球 ·2020-04-17

前端自动化构建工具
全局安装是把包安装在Node安装目录下的node_modules文件夹中，一般在Users用户名AppDataRoaming目录下，可以使用npmroot-g查看全局安装目录本地（局部）安装是把包安装在指定项目（要在指定的根目录下输入命令）的node_modules文件夹下（若没有，会自动创建一个node_module...
代码星球 ·2020-04-15

一个Web前端自学者的自述
想来想去还是写下这篇文章，先说明，我精通JAVA编程语言和web前端常见的技术，个人是做JAVA的多，但是更加喜欢前端。因为我从高一开始接触JAVA，家父是黑马的JAVA讲师，自己对编程很热爱，在大学的时候就选择了软件工程。距今接触开发能有十年的时间。本次文章不可以太短，显得我不太认真，也不可以太长，那样看的人很少。我...
代码星球 ·2020-04-15

细说前端自动化打包工具--webpack
记得2004年的时候，互联网开发就是做网页，那时也没有前端和后端的区分，有时一个网站就是一些纯静态的html，通过链接组织在一起。用过Dreamweaver的都知道，做网页就像用word编辑文档一样。一个html页面，夹杂着css,javascript是再常见不过的事了。随着前端的不断发展，特别是单页应用的兴起，这种所...
代码星球 ·2020-04-12

NodeJS + PhantomJS 前端自动化资源监控
前言：最近做前端资源监控，看了很多例子，没有达到想要的效果。首先的槽点是PhantomJS的官方文档，真鸡肋，其次是网上的例子，多数是介绍PhantomJS的用法，而并没有介绍怎么完整的去实现，跟官方文档好像也没啥区别......一、实现了什么？   本文只做一个简单的例子，获取网址加载时...
代码星球 ·2020-04-10

手机端自适应字体大小和元素宽度自适应
第一种，媒体查询：@media(min-width:0px){html{font-size:12px;}}@media(min-width:320px){html{font-size:12px;}}@media(min-width:340px){html{font-size:13px;}}@media(min-widt...
代码星球 ·2020-04-08

vue-cli配置移动端自适应flexible.js
第一部分：项目中引入lib-flexible一、项目中安装lib-flexiblenpminstalllib-flexible--save-dev二、在项目入口文件main.js中引入lib-flexibleimport'lib-flexible/flexible.js'三、在项目根目录的index.html头部加入手...
代码星球 ·2020-04-08

后端自动验证与错误提示
 验证错误提示：控制器里调取模型中的方法$this->error($cate->getError());模型里CateModel.class.php：<?phpnamespaceAdminModel;useThinkModel;classCateModelextendsModel{prote...
代码星球 ·2020-04-08
首页上一页123下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他