分类 前端 下的文章

WKWebview+H5获取相册图片实现预览及上传

300这个功能已经写完快两个月了,马上要把这个H5功能改成原生的,也就是说之前的代码暂时没有别的地方需要用,所以准备匿了,现在来分享一下过程应该不算晚 说一下这个功能在Android的Webview上实现思路是一样的,但是iOS这边稍微麻烦了一点,主要是因为UIWebview和WKWebview的区别以及iOS的版本问题,因此需要兼容两种办法——iOS11.*以前和以后 需求:在WKWebview的H5页面中需要选择图片(调用自定义的图片选择器而不是系统相册)然后再页面中预览,点击上传按钮后开始上传(由H5进行上传) 语言用的是最新的Swift4.0,配合之前的一篇文章WKWebview与Ja...

WKWebview与Javascript互相调用传参(Swift)

300这几乎是WKWebview使用者的一大痛了,前提是当你不懂Javascript的时候,你压根不知道这个怎么玩。 原因是WKWebview并不是完全不能向Javascript传参,理论上是可以的,Swift提供了两个通道和Javascript进行交互: 实现WKScriptMessageHandler协议对Javascript的调用进行监听 使用evaluateJavaScript方法执行Javascript的方法 当我们使用WKScriptMessageHandler对Javascript的调用进行监听的时候,将通信桥注入到Javascript里 let config: WKWebV...

Vue.js单文件项目中使用Vuex:数据持久化

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 经过之前两篇的介绍,基本上我们队Vuex的基础用法已经有了一定的了解。但是在Vuex的使用过程中,经常性地遇到像页面刷新导致数据丢失的问题,就像我们在用Memcached一样——一重启,所有的缓存全部丢失,这就很尴尬了。所以我们需要有一个比较完善的数据持久化方案。 在Vuex支持第三方中间件扩展的基础上,我们发现一个非常好用的插件。所以,这篇只是一个扩充说明,会...

Vue.js单文件项目中使用Vuex:数据操作

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 上一篇文章我们讲了怎么在Vue.js单文件项目里面装载Vuex,这次我们来讲一下怎么使用Vuex。 这里会直接开搞,所以,前期没准备好的人请看上一篇。 我们先在src/vuex/store.js里做一些修改 const state = { count: 0 } const mutations = { inc(state, playload) {...

Vue.js单文件项目中使用Vuex:装载工具

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 当我们在开发Vuejs单文件项目中,经常需要使用到全局变量,相当于Session,官方推荐使用Vuex工具去管理这些全局的变量。从官方的说法这叫“状态管理模式”,以下参考官方对于Vuex的介绍: Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。Vuex ...

vuejs单文件应用入门

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 之前说了vuejs多文件工程的上手 今天咱们来点不一样的——给予Vuejs的单文件系统的上手 现在单文件项目异常流行,当然你表示不能接受这个理由我也表示接受,但是可以说基于单文件系统我们可以对真个HTML文档用有更大限度的操作,包括数据的渲染。 那么废话不多说,毕竟别的网站说的比我溜,下面我会用比较简单的步骤来带你搭建一个可以跑得起来的项目。 1. vue-c...

Vuejs网络请求组件的使用及解决跨域问题

300 回头我会补上Vuejs通过Vue-cli创建项目的过程 目前我们已经通过Vue-cli工具搭建了vuejs项目,那么问题来了,关于我们常用的网路请求,vuejs是不带的,只能通过第三方工具来实现这部分需求。 常用的像jQuery可以满足这部分需求,但是目前来讲,如果你已经接触到Nodejs并用上了Vuejs框架的话,你还用jQuery就未免显得太Low了。之前我用superagent来实现网络请求,用Promise封装了异步,实现同步请求,但是和Vuejs这么高大上的框架比来显得有些格格不入。所以我采用了基于Vuejs开发的第三方插件vue-resource来实现网络请求。 vue-...

从Demo到实例快速上手Vue.js

300Vuejs教程目录: 从Demo到实例快速上手Vue.js Vuejs网络请求组件的使用及解决跨域问题 vuejs单文件应用入门 Vue.js单文件项目中使用Vuex:装载工具 Vue.js单文件项目中使用Vuex:数据操作 参考: Vue.js中文网 体验Vue.js 我们暂时先抛开它的各种深入应用场景,先尝试一个最简单的Demo,体验一下在前端应用MVVM模式的舒爽。 把下面的Demo代码贴到html里面并且浏览一下这个文件(双击浏览器打开就行) <html> <body> <div id="app"&...

Nginx安装concat模块

300先上一段关于concat模块的介绍: This is a module that is distributed with tengine which is a distribution of Nginx that is used by the e-commerce/auction site Taobao.com. This distribution contains some modules that are new on the Nginx scene. The ngx_http_concat module is one of them. The module is inspired ...

Ajax AutoComplete for jQuery 使用方法

300在找适用于ajax的autocomplete(自动完成)插件的时候淘到了这个插件,属于devbridge的版本,和其他版本不一样。说实话,API文档写的跟渣渣一样,所以写这篇文章来解释这个插件的AJAX功能怎么用。顺带提一句,如果数据是local的,那看官方的API文档就够了,因为local数据很简单。 现在说一下这个插件的用法,其实难就难在ajax返回数据格式上,官方的文档没有写清楚。 首先,前端的写法和官方的一样: <input placeholder="input" id="autocomplete" type="text&q...
微信扫描以下二维码,关注我的公众号