2018年07月_极地雪狼li

原创 Webpack 4 教程：从零配置到生产发布（2018）

webpack 4 作为零配置模块打包器webpack 功能强大，具有许多独特的功能，但其中一个难点就是配置文件。为中型到大型项目提供 webpack 配置并不是什么大问题。没有它感觉你无法活了。然而，对于小一点的项目来说，这有点烦人，尤其是当你想启动一些玩玩的应用的时候。这就是为什么Parcel 获得了很多吸引的眼球。现在是突发新闻：webpack 4 默认不需要配置文件！...

2018-07-29 23:27:49 1679 1

原创 web端meta标签的各种状态的设定

2018-07-29 16:54:09 552

原创 ionic开发——完整搜索功能的实现方法

在angularjs中，我们的列表基本都是遍历的一个对象数组来显示出来的，那么我们的搜索功能也就在这个基础上来实现。那就假设我们有一个事先显示的对象数组ItemArr1=[];然后有一个输入关键字搜索后要显示的另一个对象数组ItemArr2=[];HTML代码如下：<ion-list> <ion-item class="item-inp...

2018-07-26 15:27:03 1491

转载 Angularjs实现分页和分页算法

页面展示效果：页面HTML代码：<table class="table table-striped" style="margin: 0px;"> <thead> <tr> <td>选择</td> <td>企业名称&am

2018-07-21 14:31:39 901

转载 AngularJS分页显示的简单案例

由于我下载的anjularJs是1.3的,所以有些代码会和1.5以及之后的有些不同.虽然代码可能不同,但是分页思想还是差不多的.<body ng-app="myApp" ng-controller="myController"> <table class="table table-bordered"> <tr> ..

2018-07-21 13:37:33 306

原创 AngularJS 文件上传控件 ng-file-upload带进度条

由于项目需要显示上传文件的进度条，而我们的项目前台用的是AngularJS 所以就在网上找了一个有关AngularJS上传的控件ng-file-upload：https://github.com/danialfarid/ng-file-upload 这个为文件下载地址<!DOCTYPE html><html ng-app="app"><head&gt...

2018-07-20 10:26:01 4032

转载 angular ng-file-upload文件图片上传

资源地址 : https://github.com/danialfarid/ng-file-upload<script src="angular(.min).js"></script><script src="ng-file-upload-shim(.min).js"></script> <!-- for no html5 browse

2018-07-20 10:21:22 2970

转载 Web前端技术 Web学习资料 Web学习路线 Web入门宝典

学习路线第一章核心1.NodeNode.js 就是运行在服务端的 JavaScript。Node.js 是一个基于Chrome JavaScript运行时建立的一个平台。Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎。相当与JDK。Github:https://github.com/nodejs/node官网教程：h...

2018-07-19 22:47:48 1483

转载 angularjs 上传照片电脑选取照片并且预览

html 中代码： <input type="file" file-Model="myFile" /> <div class="col-md-12"> <img ng-src="{{imageSrc}}" style="width:300px;height:300px;" /> &lt

2018-07-19 14:09:21 583

原创 ionic系列：$state.go()传递对象参数

1.在目标页的路由中设置需要接收对象key值：.state('tab.myView', { url: '/main/myView?jsonObj', cache:'false', views: { 'tab-main': { templateUrl: 'templates/main/myView.html', params: {'jso...

2018-07-16 15:09:52 728

转载 Angular系列学习笔记（二）—— 基于gulp构建Angular单页面应用

前言构建打包工具之前一直是使用 webpack（歪脖帕克，毕竟尤大推荐的工具），由于公司这边是使用gulp，为了和公司同步，私下还是要学习学习，毕竟懂点万一需要和老大交流也不至于说有啥问题，这篇文章将会以零基础的角度去写一下基于gulp搭建angular的工程，借这个机会顺便重构一下自己的博客。gulp基础入门在开工之前确保自己已经安装了node环境，没有安装的自行安装好node，安装的时候默认会...

2018-07-11 21:23:44 844

转载 Angular 1项目构建心得（一）

目录结构如下:目录结构注意：用运了gulp前端构建工具，将src原始路径下的代码，重新构建到build文件夹下面。（一）项目的目录结构和技术架构。拿到项目后首先要搭起目录结构和技术架构,我用了angular+gulp+bootstrap构建项目，angular框架用于前后端分离和系统模块化，gulp用于压缩，生成版本号和ES6的编译等。项目的目录结构也是先以功能划分模快，然后根据ang...

2018-07-11 20:37:44 2781

转载 ngCordova插件的使用详解

当我们在开发基于Cordova+AngularJS的这种HybridAPP时，当我们遇到了前端框架不能解决的一些问题时，比如调用相机，相册，浏览器等这些操作时，使用插件就是我们的解决方法。ngCordova是Cordova和AngularJS的结合，将Cordova插件封装成了一个个AngularJS式的服务。无论使用的是OnsenUI还是Ionic框架开发项目，只要是基于Cordova+Angu...

2018-07-09 15:06:39 1540

原创 ionic1.x 缓存设置问题

1.全局配置： maxCache中的参数就是该应用允许缓存界面的最大个数angular.module('app') .config(function($httpProvider, $ionicConfigProvider) { $ionicConfigProvider.views.maxCache(0); });2.路由级配置： cache: true 时实现界...

2018-07-08 21:51:10 433

转载 gulp实现静态资源压缩，打包，上传总结

本文只是对gulp构建工具的一些常用功能的总结。 1.实现文件（css，js，image）压缩 2.实现文件合并 3.版本控制 4.上传七牛cdn 引用插件如下：var gulp = require('gulp'), eslint = require('gulp-eslint'), minify = require('gulp-minify-css'),//css压缩 co...

2018-07-08 16:40:09 920

转载 ionic + angular开发篇之踩坑集

一、API篇1.接口无法访问百度地图、自定义API无法访问，远程调试结果显示404 原因是cordova 5.x的版本增加了“Content-Security-Policy”用于解决安全访问的问题。默认情况下，只能访问本机资源。解决方法： 1.添加白名单插件，在项目目录下执行ionic plugin add cordova-plugin-whitelist12.在index.html头部增加&lt...

2018-07-08 15:43:22 4063 1

转载 ionic实战系列(一)：ionic的开发环境配置和编译、发布

1.1技术栈模型 Ionic的工作原理是通过cordova把一个Web应用嵌入原生应用。以下两张图介绍了Ionic的技术栈模型和Hybrid应用和其它类型的应用的区别，一目了然。 ionic技术栈模型比较原生应用、移动端网站和Hybrid应用的架构原生应用ios使用Objective-C，或者Sw...

2018-07-06 10:04:18 1164

转载 Ionic开发（性能很差吗？也许这些优化手段你没用过）

一提起Ionic开发混合应用（Hybrid App），首先周围群众的反应是性能很差，不推荐使用。细问哪些方面的性能差呢？回曰：IOS可以，Android平台上，页面切换的时候性能很差，有明显卡顿的感觉，真的是这样吗？如果这种说法放在一年前或许成立，但随着Android4.4版本之后，ionic和angular.js 的不更新进步，以及最重要的手机硬件内存、CPU的升级，Ionic开发的混合应用，性...

2018-07-05 15:18:48 5319

转载 ionic 通过PouchDB ＋ SQLite来实现app的本地存储（Local Storage）

1. ionic是跨平台app开发的工具（Cordova）的一个框架！2.PouchDB是操作SQLite数据库的javascript库（跟mongoose操作mongodb一样）！3.SQLite是一种轻量级的嵌入式数据库（数据库不需要你安装的，手机系统自带，你需要安装的就是SQLite插件）！第一步：安装Cordova 和 ionic 命令如下：　npm install -g cordo...

2018-07-05 09:30:41 247

xuehu837769474的博客