Eternal-memory-CSDN博客

原创 react侧边栏

import React from 'react'import { Layout, Menu } from 'antd';import './index.css'import {withRouter} from 'react-router-dom'import { UserOutlined} from '@ant-design/icons';const { Sider } = Layout;const { SubMenu } = Menu//模拟数组结构const menuLis.

2021-09-06 16:51:25 898

原创 react+antd4之Table（版本一）

表格带有筛选、分页、操作（上下架、表单）等功能（初期版本）接口server.jsexport function listApi(params) { const reqBody = { pageNum : 1, pageSize: 10, ...params } return post('/users/page', reqBody);}页面.jsimport React, { useEffect, useState } from 'react'import { Card

2021-08-06 11:06:14 336

原创 ‘Access-Control-Allow-Credentials‘ header in the response is ‘true‘ ...‘include‘

解决办法： crossDomain: true, xhrFields: {withCredentials: true}

2021-03-26 14:09:24 592

原创阿里云Aliplayer播放器列表切换播放视频

videoDetail.js代码var headerImg,vid,MtsHlsUriToken,videoSrc;var getvoice = { "action": "courseChapterList", "groupId": "0", "pageIndex": "1", "pageSize": "999", "productId": _id, "rankType":...

2019-11-08 13:13:52 4760 1

原创 H5与App交互

if(userAgent.indexOf("app协议头") || userAgent.search("app协议头")){ // APP打开 html 页面逻辑 //判断系统@type {{versions: {ios, android}}} var proform; var browser={ versions:function(){ var u =...

2019-05-24 10:40:33 522

原创 js对时间的各种处理

//时间戳格式化1、function timestampToTime(timestamp) { var date = new Date(timestamp * 1000);//时间戳为10位需*1000，时间戳为13位的话不需乘1000 var Y = date.getFullYear() + '-'; var M = (date.getM...

2018-11-12 16:30:53 339

原创点赞、踩及收藏功能

/*点赞点踩收藏*/ .link_reward .link_box { float: left; margin-right: 20px; } .link_reward .link_box a { display: inline-block; } .zan_statue{background:url(dianzan_huise.png...

2018-11-12 15:44:15 3626 1

原创点赞

<div class="manage_list"> <a href="javascript:;" class="manage_zan"> <i></i> <span>点赞(<em class="support_num">0&am

2018-11-12 15:34:17 392

原创截取url参数

//截取url参数 function parseUrl(url) { var result = []; var query = url.split("?")[1]; var queryArr = query.split("&"); queryArr.forEach(function(item) { ...

2018-11-12 15:22:26 248

原创 js倒计时120分钟

<div class="time"></div><script src="js/jquery-1.10.1.min.js"></script>var userTime = 120;var userTimes = 120 * 60 * 1000;console.log('用户限定毫秒数' +userTimes);var data = n...

2018-09-07 15:28:23 1542

原创 vue改变循环遍历后的数据

<dd class="clearfix" v-for="(item,index) in tableDataList" :class="index%2 != 0 ? 'dd-bg' : ''"> <div class="indexItem indexItem3 tal" title=""><span>{{item.sta

2018-08-09 16:00:28 5476

原创 vue发送post请求时如何携带cookie

只需要在main.js中写这三行代码即可import axios from 'axios'axios.defaults.withCredentials=true;//让ajax携带cookieVue.prototype.$axios = axios;如果cookie携带不过去的话，请求响应的时候他会报错显示登陆过期的呦！！！顺便说一下原生js携带cookie的方法： ...

2018-08-09 10:03:58 15638 1

原创 vue实现下拉表单二级联动

<select name="province" id="province" class="classify" v-on:change="indexSelect01" v-model="indexId"> <option value="选择一级菜单">选择一级菜单<

2018-08-08 09:57:08 21306

原创 vue动态绑定样式

1、循环数据中基础动态绑定样式<div class="indexItem tal" v-for="(item,index) in tableTittle" :class="indexItem(index)" :title="item.value">{{item.value}}</div>indexItem(index){ return "index

2018-07-31 11:48:41 428

原创 vue实现鼠标移入移出事件

<div class="index_tableTitle clearfix" v-for="(item,index) in table_tit"> <div class="indexItem"> <span :title="item.name">{{item.name}}&lt

2018-07-30 14:17:06 135932 5

原创 vue中使用echarts制作圆环图

<div id="main"></div><script type="text/ecmascript-6"> export default { //从父组件中接收到的数据 props:{ chartT:{ type:Object, required:true } }, ...

2018-07-27 11:44:51 4184

原创点击切换图标（收藏和取消收藏）

<div id="collection"> <i class="iconfont col02 iconfont-fs20">&#xe666;</i><br />收藏</div><script src="js/jquery-1.10.1.min.js"&gt

2018-07-25 15:49:05 11219 1

原创 vuejs实现下拉框菜单选择

2018-07-24 11:43:38 53416 5

原创 jquery下拉框二级联动

<div class="select_addApply">  <select name="province" id="province" class="classify"> <option value="选择一级分类">选择一级分类</option&

2018-07-18 11:11:24 7808

原创 jquery动态获取下拉框select的数据

<select name="province class_ms" id="channel" class="classify"> <option value="请选择">请选择</option></select> //获取发布渠道 $.ajax({ type:"GET", url:&am

2018-07-10 09:09:54 3386 1

原创 Vue项目启动报错整理4

1、Error:Cannot find module 'xxx'出现这种报错的时候，说明安装包安装的不全解决办法：npm install xxx --save注意：若是报错时单独安装相应的插件后还会连续出现别的安装不完善，建议直接删除文件夹node_modules ，而后再次执行npm install2、vue.esm.js?3153:591 [Vue ...

2018-05-25 13:19:27 1903

原创图片蒙层样式设置技巧

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1,maximum-scale=1,user-scalable

2018-03-07 14:09:00 4025

原创 vue-lazyload懒加载插件介绍和应用

当前窗口看到的内容是有限的，当滚动到相应位置时加载其余内容插件vue-lazyload：https://github.com/hilongjw/vue-lazyload安装后main.js中import VueLazyLoad from ‘vue-lazyload’Vue.use(VueLazyLoad, {loading:require(‘common/image/default.png’)})...

2018-02-25 09:04:40 1084

原创 Vue项目启动报错整理3

1、vue模板中的图片没有显示Failed to load resource: the server responded with a status of 404 (Not Found)！！！解决办法：class="head-logo" :src="imgUrl">data () { return { imgUrl: '../../static/logo.png'

2018-01-05 13:11:38 3197 4

原创 Webpack打包常见问题与报错

Webpack打包常见问题与报错一、css中设置的背景图片找不到了，或者是url路径不对？解决办法：1、下载url-loadernpm install --save-dev url-loader2、webpack.config.js中module.exports = { module: { rules: [

2017-12-21 09:17:50 2273

原创 Webpack3的使用（五）

Webpack-v3.5.4的使用（五）这篇笔记记录一下用webpack处理简单的图片文件步骤如下：1、css中指定相对路径的图片创建存放图片的文件，引入图片页面效果： 2、压缩图片npm install image-webpack-loader --save-dev{ test:/\.(png|jpg|gif|

2017-12-20 14:04:18 274

原创 Webpack3的使用（四）

Webpack-v3.5.4（四）接着上篇笔记Webpack-v3.5.4的使用（三），这篇笔记记录怎么处理简单的模板文件1、首先下载html-loader2、编辑模板文件内容3、在webpack.config.js中进行配置4、效果展示：下回的随笔则是用webpack处理图片文件

2017-12-20 13:28:24 301

原创 Webpack3的使用（三）

Webpack-v3.5.4的使用（三）一、什么是loader以及loader的特性loader是用来处理资源文件的，接受的资源文件是一个参数，loader处理完以后会返回一个新的资源特性：可以是串联的可以是同步也可以是异步，可以再node.js环境下运行后边可以跟参数可以通过正则表达式直接指定文件的后缀名，即指定某一个后缀名的文件由某

2017-12-19 14:10:16 368

原创 Webpack3的使用（二）

Webpack-v3.5.4的使用（二）Webpack-v3.5.4的使用（二）中，提到：目前html文件中只是引用一个script文件，且是固定的文件名，打包以后的文件名不确定，怎样避免手动设置路径？那么接下来就是插件html-webpack-plugin登场了！（一）、安装1、安装插件 npm install html-webpac

2017-12-19 13:31:41 507

原创 Webpack3的使用（一）

Webpack-v3.5.4的使用（一）一、构建项目目录(1)、运行node -v(2)、建立新文件夹： mkdir webpack-demo(3)、在新建文件夹中初始化npm： npm init(4)、安装webpack： npm install webpack --save-dev (若想安装固定版本则npm install [email protected] --s

2017-12-18 17:09:16 468

原创 JS实现效果-点击按钮返回到页面顶部

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>JS实现效果-点击按钮返回到页面顶部</title> <style> #container{margin:0;padding:0;} #box1,#box2,#box3,#box

2017-12-13 15:44:41 3685 1

原创前端开发微信小程序需要注意的那些事儿

微信小程序与以往前端页面的区别1、view相当于div2、Image相当于img3、文本标签用text：包含在text里面的文字在手机上是可以长按选中的，否则无此效，也支持转义的特性<text class="user-name">hel \n lo,七月</text>这里显示的是换行4、图片不能复制，只能通过原始的路径复制到里边5、rpx代替px：1、微信小程序中rpx：p...

2017-12-11 15:35:30 2970

原创 Vue项目启动报错整理2

Vue项目启动报错整理1、如若发生如下报错：vue.esm.js?efeb:574[Vue warn]: Property or method "pics" is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the...

2017-11-24 15:20:34 14620 1

原创 CSS3六边形的实现

CSS3六边形的实现一、独立的一个六边形的实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <style> /*.box{width:300px;height:300px;border

2017-11-23 14:45:02 2587 2

原创 vue项目运行时报错整理1

vue-cli刚搭建好项目，运行时报错项目下面报错error in ./src/components/Hello.vueSyntax Error: Unexpected token {@ ./~/vue-style-loader!./~/css-loader?{"minimize":false,"sourceMap":false}!./~/vue-loader/lib/style-

2017-11-21 13:22:19 5681 1

原创 less基础知识总结概括

作为CSS的一种扩展，LESSCSS不仅向下兼容CSS的语法，而且连新增的特性也是使用CSS的语法。这样的设计使得学习LESS很轻松，而且你可以在任何时候回退到CSS。变量很容易理解：@nice-blue: #5B83AD;@light-blue: @nice-blue + #111;#header { color: @light-blue; }输出：#header

2017-11-19 09:24:06 294

原创初步理解vuex

理解vuex官方文档https://vuex.vuejs.org/zh-cn/intro.html是这样描述vuex的： Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-trave

2017-10-13 12:01:25 534 2

liuxin_1991的博客