前端-艺生-CSDN博客

转载类似于vuex的react状态管理工具smox

import React from 'react'import ReactDOM from 'react-dom'import App from './app.js'import { Store, Provider } from 'smox'const state = { count: 0}const actions = { up(state) { state...

2019-02-19 09:27:47 905

原创 weex android 选择文件拍照获得uri 并转为文件真实路径转base64码回传weex

public class findModule extends WXModule { /** * 打开本地文件器 */ JSCallback callback; @JSMethod(uiThread = true) public void openPdf(final JSCallback callback) { ...

2020-03-30 22:06:05 781

转载 create-react-app run eject 后 antd 按需引入的配置

首先我们create-react-app创建一个项目antd 官网中推荐我们经过这样配置之后发现我们的react项目已经完成了对antd的按需加载但是如果我们想更改一下webpack配置的时候需要用到 npm run eject把一些配置暴露出来可能你执行npm run eject的时候会报错没关系我们执行一下git initgit add ....

2019-08-20 23:13:28 667

转载微信小程序前端请求后台请求微信api 生产二维码返回前端

1.小程序码介绍从微信小程序开发文档上我们可以了解到，目前微信支持两种二维码（左），小程序码和小程序二维码（右）。官方推荐使用小程序码，因为小程序码具有更好的辨识度。0-1官方提供生成小程序码的两种方式一种适用于需要的码的数量相对较少的业务场景：接口地址https://api.weixin.qq.com/wxa/getwxacode?access_token=A...

2019-08-19 16:53:34 4633

原创微信小程序的cover-image 无法覆盖的问题！

注意一定是地址的问题之前试了好多次！首先要在cover-view 标签里面外层是 map chart，camera 等原始组件cover-view要设置css 相对定位然后cover-img 要设置为绝对定位并且要设置高度...

2019-05-25 00:03:32 3027

原创如何在Node.js上使用Sequelize进行连接查询

首先定义2张表ar User = db.seq.define('User',{ username: { type: db.Sequelize.STRING}, email: { type: db.Sequelize.STRING}, password: { type: db.Sequelize.STRING}, sex : { type: db.Sequeli...

2019-05-07 00:01:13 1528

转载 Node.js Sequelize 模型(表)之间的关联及关系模型的操作

Sequelize模型之间存在关联关系，这些关系代表了数据库中对应表之间的主/外键关系。基于模型关系可以实现关联表之间的连接查询、更新、删除等操作。本文将通过一个示例，介绍模型的定义，创建模型关联关系，模型与关联关系同步数据库，及关系模型的增、删、改、查操作。模型(表)之间的关联关系 1.1 模型关系概述 1.2 定义关系模型 1.3 模型关联与数据库同步关系模型(表)的操...

2019-05-05 22:41:34 4939

转载 koa2+mysql+vue实现用户注册、登录、token验证

说明：　　node.js提供接口，vue展现页面，前后端分离，出于编辑器功能和编辑习惯，vue用HbuilderX，node.js用VScode。（PS：仅作为学习笔记，如有不当之处欢迎指出，在此先谢为敬~~~）环境：　　首先需要有node.js环境，安装教程在这里，最好下载较新的版本，对es6、es7有更好的支持，再装个淘宝镜像，完毕！后台：1、安装mysql　　1....

2019-05-04 01:58:36 1278

原创 mpvue关于小程序内嵌网页 web-view 的分享

在main。js 里面声明小程序的全局变量绑定到vue的原型对象上面点击右上角菜单转发后把webViewUrl 绑定到全局变量里面去内嵌网页点击右上角的分享会多出一个webViewUrlonShareAppMessage: function(res) {console.log(res);var that = this;if (res.from ...

2019-04-23 22:58:19 2491

原创前端 vue 加载TIFF图片

公司最近需求需要加载tiff图片网上查找了很多例子发现一个很好的库 tiff.jshttp://seikichi.github.io/tiff.js/basic.htmlBrowserDownload tiff.min.js and load the script by yourself:var xhr = new XMLHttpRequest();xhr.r...

2019-04-22 10:26:18 9059 3

原创微信小程序头像上传 we-cropper

一款非常好用的 canvas 裁剪的头像上传组价不需要写很多代码github 地址：https://github.com/we-plugin/we-cropper

2019-04-21 01:13:53 1037

原创小程序授权在开发环境下和上线发布的区别

这里是前端自己调取微信接口获取openid但是到了上线发布的时候就失效了是为什么呢原来是https://api.weixin.qq 不在合法域名内且不能设置为合法域名！开发是勾选了不检验合法域名所以开发时候可以请求所以这段代码搬到后台去！通过自己的服务器访问微信接口返回给前端！...

2019-04-20 22:51:24 659

原创 mpvue 的 picker 类似移动端的select

前言在mpvue开源之初写了用 vue 写小程序，基于 mpvue 框架重写 weui。当时用的是小程序的原生组件，没有对其进行封装和组件化。而对于现在的前端开发环境，组件化，模块化，工程化以及自动化已经是一种标配。而mpvue框架又提供了一个很好的组件化开发平台，因此就对小程序中的picker组件进行封装，使其在用mpvue开发的时候能够用快速的实现picker的功能。为什么封...

2019-04-20 22:42:01 2192 1

转载 vue 兼容IE解决方案, Babel .babelrc

阅读目录IE 页面空白报错原因 Polyfill 是什么解决方案总结回到目录IE 页面空白报错信息此时页面一片空白回到目录报错原因Babel 默认只转换新的 JavaScript 语法（如箭头函数），而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等...

2019-03-27 14:07:21 2447

原创 vue 向公共组件传参时来回切换公共组件不刷新生命周期不触发

就是动态路由在来回切换时，由于它们都是指向同一组件，vue不会销毁再创建这个组件，而是复用这个组件，就是当第一次点击（如：user123）的时候，vue 把对应的组件渲染出来，但在user123, user456点击来回切换的时候，这个组件就不会发生变化了，组件的生命周期不管用了。这时如果想要在组件来回切换的时候做点事情，那么只能在组件内部（user.vue中）利用watch 来监听$route ...

2019-03-25 11:04:11 2061

原创微信小程序某个页面直接返回首页（微信小程序回退到首页）

微信小程序某个页面直接返回首页（微信小程序回退到首页）打开小程序后，到三级页面后点击左上角的返回按钮，能够直接返回到首页正常 A -> B -> C 都是通过 wx.navigateTo 跳转的，所以 wx.navigateBack 只能返回上一界面，如果要返回到A 界面就会出现 C -> B -> A 的效果。如果想实现 A -> B ->...

2019-03-11 16:56:38 7415

转载 VUE mpvue 中用 MD5 和base64

一、在项目根目录下安装npm install --save js-base64npm install --save js-md5 1 2二、在项目文件中引入import md5 from 'js-md5';let Base64 = require('js-base64').Base64; 1 2 3三、在项目文件中使用base6...

2019-03-09 01:58:05 1015

转载微信小程序跳转传参

wx.navigateTo({ url: 'test?id=1'}) 1 2 3Page({ onLoad: function(option){ console.log(option.query) }}) 1 2 3 4 5我在mpvue中写法export function getQuery()...

2019-03-09 01:54:24 219

转载 vue ref 和 $refs 和原生的document.getElementById

如图，ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：在上面的例子中，input的引用信息为input1 ，$refs 是所有注册过的ref的一个集合，console.log(this.$refs.input1)//<input ...

2019-03-01 15:22:43 26699 1

原创 canvas 判断鼠标点击是否选中当前项

2019-02-28 18:43:12 2128

转载关于H5页面适配的问题

1.问题描述适配的目标：在不同尺寸的手机设备上，页面“相对性的达到合理的展示（自适应）”或者“保持统一效果的等比缩放（看起来差不多，但不是完全等比例，对于字体我们并不喜欢等比例的去放缩）”。问题:手机设备的尺寸不同，让页面在不同的手机设备上显示的效果看起来大致相同或者展示效果比较合理就成了一个问题。目前移动端比较通用的几个方案媒体查询和rem 适配 viewport 缩放,...

2019-02-26 18:26:09 5868

原创 @import 后面的波浪号~ 代表什么意思

@import "~bootstrap/dist/css/bootstrap.min.css";@import "~font-awesome/css/font-awesome.min.css";前面加 ~ 表示你后面的值为 alias, 然后就会去 webpack alias 配置中找相应的值, 然后拼接成最后的地址, 例如resolve: { alias: { ...

2019-02-20 21:17:59 10039

转载 vue 插件大全

UI组件 element - 饿了么出品的Vue2的web UI工具套件 Vux - 基于Vue和WeUI的组件库 mint-ui - Vue 2的移动UI元素 iview - 基于 Vuejs 的开源 UI 组件库 Keen-UI - 轻量级的基本UI组件合集 vue-material - 通过Vue Material和Vue 2建立精美的app应用 muse-ui - 三端...

2019-02-19 14:20:09 272

原创 svg 字体图标转成本地css

具体描述在项目开发当中，我们常常遇到需要将获取到的svg转换为，css可用的图标字体，那么具体该如何进行操作呢具体操作登录icomoon 点击右上角登录旁边的icoMoon App这里写图片描述3. 点击左上角的import Icon导入需要转换的svg图片下载到本地后就可以使用 ...

2019-02-15 15:54:56 1055

转载怎么使用电脑端的微信多开

1、找到微信文件路径(如果桌面上有微信的话，直接将鼠标放在微信LOGO上，系统自动会显示出文件路径)2、打开cmd命令窗进入文件夹(有Wechat.exe的目录)，先按住shift键，再点击鼠标右键，然后再点击‘在此处打开命令窗口’3、输入命令打开一个微信：start WeChat.exe打开两个微信：start WeChat.exe&WeChat.exe打开三个...

2019-02-15 15:39:10 170

原创 clintx offsetx screenx 的剖析

event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X，Y坐标（窗口坐标），可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY，但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性，但得到了广泛支持。IE事件中没有这2个属性。event.o...

2018-04-10 22:34:45 345

转载 JS Array.from() 将类数组转成数组

Array.from() 方法从一个类似数组或可迭代对象中创建一个新的数组实例。const bar = ["a", "b", "c"];Array.from(bar);// ["a", "b", "c"]Array.from('foo');// ["f", "o", "o"]语法Array.from(arrayLike, mapFn, thisArg)参数array

2017-12-08 15:30:38 7501 1

转载 JS ES6中Arguments和Parameters用法解析

ECMAScript 6 (也称 ECMAScript 2015)是ECMAScript标准的最新版本，显著地完善了JS中参数的处理方式。除了其它新特性外，我们还可以使用rest参数、默认值、解构赋值等。　　本教程中，我们将详细探索arguments和parameters，看看ES6是如果改善升级它们的。对比 Arguments和 Parameters　　通常情况下提到 A

2017-12-08 12:40:15 3410

原创 js 正则去掉标签前后的空格

1、去掉字符串前后所有空格：代码如下： function Trim(str) { return str.replace(/(^\s*)|(\s*$)/g, ""); } 说明：如果使用jQuery直接使用$.trim(str)方法即可，str表示要去掉前后所有空格的字符串。 2

2017-12-07 22:20:33 1504

原创 ajax 如何用then 链式操作实现异步先后执行顺序

doSubmit: function(){ return $.ajax({ url: url, type: 'post', data: $("#fm").serialize(), dataType: 'html' }).then(function(data){ toastr.error(" 提交成功",

2017-12-05 11:41:08 16208

原创怎样防止重复发送 Ajax 请求

//ajax 重复提交只要组后一次的结果！window.pendingRequests = {};$.ajaxPrefilter(function (options, originalOptions, jqXHR) { var key = options.url+Math.random(); if (!pendingRequests[key] && key.indexOf('

2017-12-05 10:19:00 679

转载 js 数组api

/** * Created by Administrator on 2017/1/10. *//* * concat(agr1,agr2,agrN...) * 参数：(必须有一个参数)agrS * 将多个数组合并为一个数组，不影响原数组 * 返回新的数组 * */var arr1 = [1,2,3,4,5];var arr2 = [6,7,8,9,10];v

2017-12-04 15:12:24 176

原创正则验证数字

验证数字的正则表达式集验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ 验证有两位小数的正实数：^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数：^[0-9]+(.[0-9]{1,3})?$ 验证非零

2017-12-03 22:10:29 147

转载 js es6 promise用法

去年6月份， ES2015正式发布（也就是ES6，ES6是它的乳名），其中Promise被列为正式规范。作为ES6中最重要的特性之一，我们有必要掌握并理解透彻。本文将由浅到深，讲解Promise的基本概念与使用方法。 ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是

2017-12-03 16:18:25 2949 1

原创双击表格 td 变成可以编辑的input框失去焦点提交

$("#table").on("dblclick","td",function(){ var td = $(this); var url=$("form").attr("action"); // 根据表格文本创建文本框并加入表表中--文本框的样式自己调整 var text = td.text(); var txt = $("").val(text);

2017-12-01 09:47:38 4385

转载 js判断客户端是pc端还是移动端

Js判断客户端是否为PC还是手持移动设备方法一[html]view plaincopyfunction IsPC(){ var userAgentInfo = navigator.userAgent; var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone

2017-11-28 23:56:44 424

转载移动端头部信息

使用 HTML5 doctype，不区分大小写更加标准的 lang 属性写法html lang="zh-cmn-Hans">meta声明文档使用的字符编码meta charset='utf-8'>优先使用 IE 最新版本和 Chromemeta http-equiv="X-UA-Compatible" content="IE=edge,

2017-11-28 22:35:13 764

转载 bootstrap-table 的回掉函数！不用写在bootstrap初始化里的！

demo数据以json加载数据自己写... ... ...分析事件及回调函数bootstrap-table事件基本以on绑定，bootstrap-table的事件都有.bs.table后缀 bs即bootstrap 显然.bs.table是申明boostrap-table。click-row：行点击事件，callback获取4个参数： e 事件对象， row 当前行数据对象，

2017-11-28 11:50:40 8650

原创 bootstrap-table 隐藏某列！然后选中获取隐藏列的信息！

{ title:'服务id', field:'service_id', align:'center', valign:'middle', visible:false }, {

2017-11-28 11:42:06 6443 1

原创页面带有多个ifrme 的时候为iframe 内的元素绑定事件 history 返回事件！

div class="clear">div>div class="tabs_block"> div class="list_block"> iframe id="order-info" name="order-info" data-src="iframe/order-info/order-info.html" frameborder="0" width=100% hei

2017-10-31 20:07:38 1105

空空如也

空空如也