前端
文章平均质量分 62
wyk304443164
这个作者很懒,什么都没留下…
展开
-
PC 打开 vue h5移动端 页面 不变形
有时候,我们想让pc打开适配手机的h5,并且不变形,在不使用媒体查询的情况下,我们可以使用以下方式:实现功能如下pc打开周围留空白,居中显示当浏览器切换为手机模式/手机打开网址时会变为手机模式以下为主要代码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <script async="" src="https://www.g原创 2021-12-27 20:38:51 · 2275 阅读 · 1 评论 -
js input 监听所有格式是否正确 不使用插件
本文出自: http://blog.csdn.net/wyk304443164直接上代码,使用比较简单,思想稍微复杂一点/** * Created by wuyakun on 2017/7/7. */var cooperation = {};cooperation.isCanSubmit = function () { var allInputValue = common.getA原创 2017-07-12 15:09:47 · 512 阅读 · 0 评论 -
js 锚点联动 回调渲染改变a标签 定位 滚动 导航
本文出自: http://blog.csdn.net/wyk304443164直接放代码,道理很简单应该看得懂/** * Created by wuyakun on 2017/7/11. */var head_footer = {};head_footer.reSetM = function () { //锚点 #id var thisId = window.locatio原创 2017-07-12 14:39:45 · 3059 阅读 · 0 评论 -
ie9 ajax 跨域请求不了 提交为空 jquery-ajaxtransport-xdomainrequest
本问出自: http://blog.csdn.net/wyk304443164几种方式:可以手动修改ie9的允许跨域访问(不实际)使用jquery-ajaxtransport-xdomainrequestapi这边 https://github.com/MoonScript/jQuery-ajaxTransport-XDomainRequest// GET$.getJSON('h原创 2017-07-12 14:27:01 · 3308 阅读 · 0 评论 -
simditor 限制图片格式 和 上传图片过慢
本文出自: http://blog.csdn.net/wyk304443164Simditor 编辑器没有给我们留下限制图片格式的api那么你可以通过下方修改源码达到效果 http://www.php.cn/php-weizijiaocheng-333445.html当然也可以不修改源码//更改图片上传类型 $(".simditor input[type='file']"原创 2017-06-09 11:20:14 · 1761 阅读 · 0 评论 -
React Js 微信支付 简单封装
本文出自: http://blog.csdn.net/wyk304443164//** * Created by wuyakun on 2017/5/8. */import common from './common';import Fetch from './FetchIt';import API_URL from "./url";let Pay = {};/** * 支付的回调原创 2017-06-02 16:17:01 · 4966 阅读 · 0 评论 -
React Js 仿京东物流列表查询
本文出自: http://blog.csdn.net/wyk304443164我们先看一下效果:上面没有什么好说的下面的列表的左边,我看了一下 https://home.m.jd.com他是在最左边加了一个border上面下面都多了一点于是我修改了一下。className 都是照抄的,人懒。。OrderFlow.js/** * Created by wuyakun on 2017/原创 2017-06-19 17:37:54 · 2977 阅读 · 0 评论 -
React Js html 正则替换 转换为 jsx 写法 style=" {{
本文出自: http://blog.csdn.net/wyk304443164用的是idea的正则替换功能,由于没有更多的时间,我没有继续研究下去,只有一个半成品功能。。总比手改好。。。教程开始:(style=")(.*?)(")下方style={{$2}};下方,px下方为空-top下方Top(可能有很多):#下方:'#(后面的自己搜索替换)说实话方法有...原创 2017-05-31 17:41:56 · 2604 阅读 · 0 评论 -
React Js 生成二维码 插件 qrcode.react
qrcode 是一个js插件,具体可以github,这边不多介绍。qrcode.react这个是修改为React的一个插件。具体是生成二维码的原理是什么,这边也不多做介绍。下面介绍如何使用,或封装。package.json添加:"qrcode.react": "^0.6.1","copy-to-clipboard": "^3.0.5"npm install webpackwebpack-原创 2017-05-10 15:47:54 · 10107 阅读 · 0 评论 -
ant design (antd) Upload组件传入url 给出url 的简单封装
参数都在/** * Created by wuyakun on 2017/3/20. */import React from 'react';import {Upload, Icon, Modal, message} from 'antd';import './uploadManyView.less';import API_URL from '../../../common/url';i原创 2017-05-05 17:51:48 · 17201 阅读 · 4 评论 -
React Js 精简 Toast 提示框 不使用jquery
本文出自: http://blog.csdn.net/wyk304443164效果图:直接放代码,代码贼少。toast.js/** * Created by wuyakun on 2017/6/7. */import './toast.less';export let toastIt = function (text, timeout, options) { var timeout原创 2017-06-07 09:58:10 · 4775 阅读 · 0 评论 -
React Js Simditor Textarea 富文本的组件封装
本文出自: http://blog.csdn.net/wyk304443164下面用了jquery如果不需要自行删除即可.import React from 'react';import Simditor from "simditor";import $ from "jquery";require("simditor/styles/simditor.css");class Simdito原创 2017-05-23 13:45:53 · 4136 阅读 · 6 评论 -
ant design (antd) Modal 自定义样式,去除白色背景,边框,关闭按钮
想实现功能如下:这个Modal没有头,没有确定什么的。因为Modal组件不能自定义外边框,所以把所有的属性全都删掉之后:Modal title={null} visible={this.state.visible} onCancel={this.handleCancel} footer={null} closable={f原创 2017-03-30 10:49:10 · 67998 阅读 · 4 评论 -
纯css svg 改变图片颜色 ios android 小程序
本文出自: http://blog.csdn.net/wyk304443164使用的是 filter drop-shadow 如果你只想兼容 Chrome 那么请看: http://www.zhangxinxu.com/wordpress/2016/06/png-icon-change-color-by-css/如果你想兼容ios Android 小程序,那么.tian-word {原创 2017-11-28 18:13:52 · 2380 阅读 · 0 评论 -
webstorm 不识别 rpx 格式化出错
本文出自: http://blog.csdn.net/wyk304443164如果你用的是sass那么 http://www.qianduan.org/post-471.html如果只用了less那么你可以.userinfo-avatar { width: ~"200rpx"; height: ~"200rpx"; border-radius: 50%;}避免编原创 2017-09-25 13:46:55 · 18489 阅读 · 4 评论 -
React Js img 图片显示默认 占位符
本问出自: http://blog.csdn.net/wyk304443164没有考虑到兼容性,因为我们暂时只适配了webkit。 也没有考虑到懒加载,因为项目比较紧有需要加的朋友看react-lazyload,也比较简单,现成的轮子/** * Created by wuyakun on 2017/8/11. * 会显示默认图片的image */import React from '原创 2017-08-11 11:02:19 · 7442 阅读 · 0 评论 -
html.replace is not a function
本文出自: http://blog.csdn.net/wyk304443164莫名其妙的错,我是在Fetch请求里面 get 请求后面?xxx=dd&xxxx=ddd 这边又用了一个? 也就是变成了?xxx=dd&xxxx=ddd?xxxxxx=dddddd多了一个?去掉即可let url = `${API_URL.customers.homepage.getActivityCount}${c原创 2017-08-02 15:44:56 · 5997 阅读 · 0 评论 -
React Js 微信分享封装
本文出自: http://blog.csdn.net/wyk304443164直接上源码:/** * Created by wuyakun on 2017/5/23. */import Fetch from './FetchIt';import API_URL from './url';import Share from './Share';let wxUtils = {};/////原创 2017-07-05 17:24:04 · 7564 阅读 · 10 评论 -
js 时间戳差 转日(天)时分秒 倒计时工具插件
common.formatDiffDate = function (diffTime) { let date = { day: 0, hour: 0, minute: 0, second: 0, }; if (diffTime <= 0) { return date; } if (!this.isN原创 2017-05-03 17:36:30 · 3054 阅读 · 0 评论 -
Js (Javascript) 回调的简单理解
当时学Java的时候不理解什么叫回调,看了好长一段时间,也没找到什么相对简单的讲解。Java 内因为不能使用委托(方法当成参数传递),所以只能借助Interface(接口)来实现。在需要回调的地方给一个接口参数,用到的时候,传接口实例即可(扯远了)。Javascript因为可以使用委托,那么简单很多,我就不说得很复杂。回调说白了,就是:我需要返回东西给你,但是我也不知道什么时候返回给你(异步)。原创 2017-05-09 10:30:31 · 448 阅读 · 0 评论 -
React Js Router 静态方法跳转 直接点到组件
本文出自: http://blog.csdn.net/wyk304443164我们先看看原始的写法:import {hashHistory} from 'react-router';class GoodsInfo extends BaseComponent { startBuy = ()=> { let path = `/shopping_flow?id=${id}&t原创 2017-05-17 14:34:55 · 887 阅读 · 0 评论 -
给你的 js string 加上startWith endWith 方法
Java狗转js的,为啥Java String类就有js就没有,关键还有时候用到。可能js有更高效的方法吧,暂时还没有研究~/** * 判断是不是空的或者undefined * @param obj * @returns {boolean} */common.isNull = function (obj) { return obj == null || obj == 'undefi原创 2017-05-05 15:04:22 · 1008 阅读 · 0 评论 -
js 计算总页数的最高效方式
不是自己想的,也是别人教的,嘻嘻~/** * 每一页的页数 * @type {number} */common.pageSize = 10;/** * 算出一共有多少页数 * @param totalRecord * @param pageSize 默认就是上面的数量 * @returns {number} */common.getTotalPageNum = function (t原创 2017-05-05 15:01:04 · 9940 阅读 · 0 评论 -
React Js 如何引用 img src require
当html转换成jsx写法时:src已经没有效果了。但是写在css里面的还是有效果的,如果想写在组件里面,那么你需要://这边的require()里面也可以写服务器给的绝对路径<img id="sku-quit" src={require('../../../images/quit_button.png')}/>原创 2017-05-05 14:54:23 · 6970 阅读 · 0 评论 -
React Js string字符串转换为html dom
如果你没有走网络请求,也就是没有render两次,就使用注释掉的两个方法即可。或者两个都写一遍。/** * Created by wuyakun on 2017/4/27. */import React from 'react';class GoodsDetail extends React.Component { constructor(props) { super(pr原创 2017-05-05 14:46:55 · 11910 阅读 · 0 评论 -
js,html 监听页面滚动高度 点击返回顶部
自己上代码比较容易:这边是es6的写法,可以封装成一个组件,这样每个界面都可以用了/** * Created by wuyakun on 2017/4/28. */import React from 'react';//点击返回顶部class BackTop extends React.Component { // 渲染之后 componentDidMount() {原创 2017-05-05 14:43:14 · 4471 阅读 · 0 评论 -
ReactJs Router 路由地址跳转方式带参数
一般有两种,效果都是一样的。这边使用的是hashHistoryimport {hashHistory} from 'react-router';let path = '/activity/share?id=' + id;hashHistory.push(path);Link:import {Link} from 'react-router'<Link to={{ pathname: '/a原创 2017-05-05 14:34:24 · 1506 阅读 · 0 评论 -
js bootstrap modal 点击空白 不自动关闭
本文出自: http://blog.csdn.net/wyk304443164js:$('#registCompany').modal({backdrop: 'static', keyboard: false});参数说明: backdrop 为 static 时,点击模态对话框的外部区域不会将其关闭。 keyboard 为 false 时,按下 Esc 键不会关闭 Modal。引用原创 2017-05-23 12:16:53 · 1511 阅读 · 0 评论 -
reactjs 复制url到剪切板 copy-to-clipboard
API在这边 使用方法:package.json内"dependencies": { "copy-to-clipboard": "^3.0.5"}控制台:npm install webpack webpack-dev-server使用方法://引入import copy from 'copy-to-clipboard';//使用方法copyUrl = () => { c原创 2017-03-30 14:46:19 · 9831 阅读 · 2 评论 -
新手关于 export default connect react-redux 的理解
由于是刚学js,到ReactJs,前期只能帮忙改改别人的项目,看到了React-Redux 顺便搜索了一下以下为个人理解,防止忘掉:ReactJs 的state(状态)里面的值,可以理解为全局变量,而且他们是响应式的修改,意思是改一个全部用到的地方都会修改为新值。ReactJs大家知道是基于组件开发,那么就会涉及到组件:父子/子父/兄弟,之间的传值。 1.父子:大家都知道props(子组件写在原创 2017-03-13 16:33:37 · 8449 阅读 · 0 评论 -
Failed to read the 'selectionStart' property from 'HTMLInputElement': The in
ReactJs 使用了 一个antd组件: 如果你用了组件识别不了的属性, 比如:<InputNumber/>上面使用了 type=”number” 那么就会有这个错;其他也应该类似,你可以查看你在组件或者标签里面是否使用了不该用或者不被识别的属性。原创 2017-03-28 16:56:59 · 3022 阅读 · 0 评论 -
Js 深拷贝,很好理解的方式之一
即转换为Json字符串,再转换为对象,这边是es6写法:/** * 深拷贝 * @param obj * @returns {*} */export let cloneObj = function (obj) { let str, newobj = obj.constructor === Array ? [] : {}; if (typeof obj !== 'object'原创 2017-05-05 15:42:36 · 307 阅读 · 0 评论 -
Js 访问数字属性(成员变量)的值
js有两种方式访问对象里面的值:一种是直接访问:let a = { c: 'd',}//前提是你已经拿到了那个对象,并且不是数字之类的a.c另外一种是 [”]:let a = { 5: '6',}//这种方式可以访问到数字的属性a['5']//如果这样写就会编译报错a.5原创 2017-05-05 16:03:59 · 564 阅读 · 0 评论 -
ant design (antd) Form.Item Objects are not valid as a React child
本文出自: http://blog.csdn.net/wyk304443164说白了就是你给了From他识别不了的数据类型,或者说,你更改了你传给他的数据类型。render() { const mapPropsToFields = () => { let goods_img = [{ url: this.state.course.goods_img原创 2017-05-17 11:13:40 · 3241 阅读 · 0 评论 -
ant design (antd) FormItem getFieldDecorator Checkbox 无法选中的解决方案
本文出自: http://blog.csdn.net/wyk304443164先给案例:<FormItem {...formItemLayout} label="销售方式"> {getFieldDecorator('is_alone_buy', { rules: [{ required: true, message: '请选择销原创 2017-05-11 10:44:05 · 20542 阅读 · 1 评论 -
React Js Router 获取地址栏url参数
本文出自: http://blog.csdn.net/wyk304443164有两种方式获取:请用的第二种/** * 获取url地址 * @param name */common.getQueryString = function (name) { let reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i"); l原创 2017-05-05 14:59:09 · 14250 阅读 · 0 评论 -
React Js 微信禁止复制链接,分享,禁止隐藏右上角菜单
本文出自: http://blog.csdn.net/wyk304443164/** * Created by wuyakun on 2017/5/23. */let wxUtils = {};/** * 是否开启右上角Menu * @param open */wxUtils.optionMenu = function (open = true) { if (open) {原创 2017-05-25 18:05:14 · 5912 阅读 · 2 评论 -
webpack background-image css 显示不了
webpack.config.js看一下区别:oldvar path = require('path');var webpack = require('webpack');var ExtractTextPlugin = require("extract-text-webpack-plugin");var HtmlWebpackPlugin = require("html-webpack-plu原创 2017-05-12 14:49:33 · 4380 阅读 · 0 评论 -
ant design (antd) Upload 点击上传图片反应过慢
每次点击上传的时候,要等半年,才能出来选择文件框,有的时候,还会出来俩次,比较恶心,其实是电脑去本地搜索文件啥的,过滤的时间const props = { action: this.state.action, fileList: fileList, data: { appid: appid, secret: secret, },原创 2017-05-05 17:14:18 · 9354 阅读 · 0 评论 -
Js 删掉所有的html标签
有的时候在首页显示的时候,列表里面只需要字符串,不需要标签,那么就需要删掉html标签。/** * 删掉所有的html标签 * @param html * @returns {XML|void|string} */common.removeAllHtml = function (html) { return html.replace(/<[^>]+>/g, '');};原创 2017-05-05 17:01:10 · 830 阅读 · 0 评论