浅浅Chen-CSDN博客

原创 element cascader组件动态加载数据

最近碰到一个需要动态加载不同数据的联动功能，但是element官方给的例子比较抽象，所以花了一点时间摸索了一番，为避免下次踩坑，故记录下来。代码示例如下： </template> <el-form-item label="道路名称1：" :prop="'crossList.' + index + '.roadId1'" :rules=".

2021-02-01 10:30:44 1123 1

原创 vue请求接口获取数据的实现及跨域问题

前言本文基于vue-cli3。一、通过api接口获取数据在vuejs中请求接口，大体分为两种方式：vue-source和axios。它们都是经过良好封装的http请求插件。下文将简单介绍一下使用方法。1. vue-source略讲，详情见这篇博客。安装首先，安装该插件：npm install vue-source --save然后，在项目src/m...

2020-04-01 01:01:17 8312

原创微信小程序返回上一页的方法并传参

这个有点像子-->父传值第一步，在子页面点击上一步或者保存数据请求成功以后添加如下代码、 var pages = getCurrentPages(); var prevPage = pages[pages.length - 2]; //上一个页面 //直接调用上一个页面的setData()方法，把数据存到上一个页面中去 prevPage.setData({ ...

2019-11-07 17:19:18 1224

转载根据时间返回一周日期

var searchTime = '20190104';var mon = "周一 - " + (dealTime(1, searchTime);var tue = "周二 - " + (dealTime(2, searchTime);var wed = "周三 - " + (dealTime(3, searchTime);var thu = "周四 - " + (dealTime(4, ...

2019-07-26 11:20:28 226

原创 vue中使用axios详解

前提条件：vue-cli 项目在main.js导入：// 引入axios，并加到原型链中import axios from 'axios';Vue.prototype.$axios = axios;import QS from 'qs'Vue.prototype.qs = QS;封装好的axios,拿走不送：（最好是在main.js同级目录创建一个 https.js 文...

2019-07-15 23:43:09 10151 1

原创数组中根据对象id做去重

const data = [{ id: 1, name: '张三', age: 15, },{ id: 2, name: 'John', age: 18, },{ id: 3, name: '李四', age: 18, },{ id: 1, name: '张三', age: 15, },...

2019-07-07 13:16:00 1633

原创一些操作数据的简便方法

// 给对象新增属性mydata[i]=Object.assign({},mydata[i],{label:mydata[i].name,value:mydata[i].id,children:[]})// 更换对象属性名// var newMydata = JSON.parse(// JSON.stringify(mydata)// .replace(/name/g, ...

2019-07-02 17:26:29 148

原创时间戳与时间的转换大全

1，如上图，想要实现时间实时变化。 //vue methods函数中函数，取nowTime值放在页面中即可看见效果，如果是web页面自己转成函数即可 nowTimes(){ this.timeFormate(new Date()); setInterval(this.nowTimes,1000); this.clear()...

2019-06-28 09:41:58 2611

原创修改浏览器滚动条的最简做法

我们首先看一下效果图如果你是需要上图的效果，请果断使用ctrl+c将下面的css代码复制到你的页面中 <style> ::-webkit-scrollbar { width: 14px; height: 14px; } ::-webkit-scrollbar-track, ::-webkit-scrollbar-th...

2019-05-24 11:56:18 121

原创最简单有效的数字金额大写转换

/** 数字金额大写转换(可以处理整数,小数,负数) */function smalltoBIG(n) {var fraction = ["角", "分"];var digit = ["零", "壹", "贰", "叁", "肆", "伍", "陆", "柒", "捌", "玖"];var unit = [["元", "万", "亿"], ["", "拾", "佰", "仟"]];...

2019-05-23 10:38:48 758

转载前端vue知识点总结大全

1.框架和库的区别框架（framework）：有着自己的语法特点、都有对应的各个模块。库（library）：专注于一点。框架的好处：提到代码的质量，开发速度提高代码的复用率降低模块之间的耦合度（高内聚低耦合） UI：user interfaceGUI：graphical user interfaceCLI：command line inter...

2019-05-15 16:01:15 620

原创 element中el-autocomplete实现中英文搜索功能

<template><div class="input-item"><span>客户名称：</span><el-autocompletesize="mini"v-model="myDataObj.fullName":fetch-suggestions="querySear...

2019-05-15 15:57:53 1422 1

翻译 Vue2.0的三种常用传值方式、父传子、子传父、非父子组件传值

Vue2.0 传值方式：在Vue的框架开发的项目过程中，经常会用到组件来管理不同的功能，有一些公共的组件会被提取出来。这时必然会产生一些疑问和需求？比如一个组件调用另一个组件作为自己的子组件，那么我们如何进行给子组件进行传值呢？如果是电商网站系统的开发，还会涉及到购物车的选项，这时候就会涉及到非父子组件传值的情况。当然你也可以用Vuex状态管理工具来实现，这部分我们后续会单独介绍。我先给大家介绍...

2019-05-05 17:04:41 164

转载中高级前端面试秘籍！金三银四如何直通大厂？！

引言当下，正面临着近几年来的最严重的互联网寒冬，听得最多的一句话便是：相见于江湖。缩减 HC、裁员不绝于耳，大家都是人心惶惶，年前如此，年后想必肯定又是一场更为惨烈的江湖厮杀。但笔者始终相信，寒冬之中，人才更是尤为珍贵。只要有过硬的操作和装备，在逆风局下，同样也能来一波收割翻盘。笔者也是年前经历了一番厮杀，最终拿到多家大厂的 offer。在闭关修炼的过程中，整理出了一套面试秘籍供...

2019-02-22 18:18:19 449

原创神奇的css之ktv字幕效果

<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">

2019-02-15 15:45:15 1967

原创神奇的css之 -webkit-background-clip: text; 属性

最近浏览苹果官网，无意间发现苹果官网的一排文字的彩色效果，刚开始以为是图片，但是当我按住ctrl+A的时候，惊奇地发现这五彩斑斓的文字居然是用纯css实现的，顿时对这神奇的文字产生了兴趣。废话不多说，下面是效果和代码，喜欢的朋友欢迎关注：<!DOCTYPE html><html lang="en"><head&gt...

2019-02-15 15:44:40 15040 3

原创神奇的css之翻书效果

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style>body { overflow: hidden; margin: 0;

2019-02-15 15:43:31 232

原创小程序标签解析

读取数据库的内容时突然跳出"<span>、<p>、 "这些HTML标签、字符，吓一跳；本来如果是写HTML、JS倒也没什么，但是写小程序事时，小程序中是没有这些html标签的第一种方法：只能处理简单的HTML标签，img解释不了，连“&nbsp；”也处理不了，好处就只有一方法代码少，无须引入文件。在 app.js 添加以下方法代码，作为公共方法，所有页面都...

2019-01-03 09:55:49 1049

转载 dede织梦手机站m文件夹功能基础详解

织梦2015年6月8日更新后，就添加了很多针对手机移动端的设计，最大的设计就是添加了生成二维码的织梦标签和织梦手机模板功能，织梦更新后，默认的 default模板中就包含手机模板，所以我们可以给织梦网站设计双模板，电脑网站pc模板和手机wap模板，很方便。我们在制作模板时通常都会参考织梦默认模板default中的标签使用，所以，接下来我们就来分析一下织梦默认模板default中使用手机模板...

2018-12-27 15:05:09 1648

原创 phpmyadmin打不开问题解决方法

很多人提出phpmyadmin的问题，在这里统一说明一下，这个phpmyadmin是数据库的管理工具，实际上跟控制面板关系不大，在V3控制面板设置里面有一项是填写phpmyadmin地址的，由于V3版本默认站点下有探针之类的，多数人会在安装好面板之后把默认站点目录下的文件全部删除，还有些情况下默认站点会打不开，还有些用了CDN的情况下也有可能打不开，默认安装在默认站点下的phpmyadmin就会无...

2018-12-10 17:48:26 5242

原创访问pc页面进入移动端页面的方法

2018-10-22 15:31:11 3404

原创完美切换的tab栏制作(个人收藏)

wxml部分:<view > <scroll-view scroll-x="true" class="tab-h" scroll-left="{{scrollLeft}}"> <view class="tab-item {{currentTab==0?'active':''}}" data-current="0&qu

2018-09-13 18:16:27 680

原创 forEach和for in在数据处理中的用法

我们在渲染数据的时候经常会碰到这种情况（后台给你的数据是多个对象的组合，而你需要的是一个可以forEach的数组），这个时候就需要处理一下了，具体操作如下： var obj = {1: {a: 1,b: 2},2: {a: 1,b: 2},3: {a: 1,b: 2},4: {a: 1,b: 2},5: {a: 1,b: 2}}var keys = Ob...

2018-09-11 16:42:04 1008

原创小程序表单提交案例

wxml部分：<form bindsubmit="formSubmit" method="post" action="http地址" name="myform" id="myform"><view class='inputLayout'><image src='../../assets/images/f_01.png'&

2018-09-11 16:39:16 1833

原创前端验证码的生成

本博客只需要你会Ctrl+C、Ctrl+V就可以了。这里先给大家看一下效果吧，觉得是你想要的代码复制过去就可以了。喜欢的朋友记得点关注哦，谢谢您的支持！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport...

2018-09-11 16:32:21 6014 3

原创垂直居中弹框(基于vertical-align)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2018-09-11 16:22:27 225

原创微信小程序3D炫彩轮播图

先看下一下效果图：不多BB，直接上代码：js部分：function getRandomColor() { const rgb = [] for (let i = 0; i < 3; ++i) { let color = Math.floor(Math.random() * 256).toString(16) color = color.length ...

2018-08-30 14:52:43 3479

转载 ajax原理

使用Ajax的主要原因:1、通过适当的Ajax应用达到更好的用户体验；2、把以前的一些服务器负担的工作转嫁到客户端，利于客户端闲置的处理能力来处理，减轻服务器和带宽的负担，从而达到节约ISP的空间及带宽租用成本的目的。 Ajax是Asynchronous JavaScript and XML的缩写。它包括使用XHTML和CSS标准化呈现;使用DOM实现动态显示和交互;

2018-01-07 16:22:32 200

原创如何获取上传图片的大小

pre>pre name="code" class="html">input id="file" type="file"> input id="Button1" type="button" value="button" onclick="check()"> script> window.check=function(){ var input = document.getEl

2018-01-07 16:13:13 861

原创页面优化大全

前端是庞大的，包括HTML、CSS、Javascript、Image、Flash等等各种各样的资源。前端优化是复杂的，针对方方面面的资源都有不同的方式。那么，前端优化的目的是什么 1. 从用户角度而言，优化能够让页面加载得更快、对用户的操作响应得更及时，能够给用户提供更为友好的体验。2. 从服务商角度而言，优化能够减少页面请求数、或者减小请求所占带宽，能够节省可观的资源。

2018-01-05 19:40:46 1609

转载 AJAX跨域

前言从刚接触前端开发起，跨域这个词就一直以很高的频率在身边重复出现，一直到现在，已经调试过N个跨域相关的问题了，16年时也整理过一篇相关文章，但是感觉还是差了点什么，于是现在重新梳理了一下。个人见识有限，如有差错，请多多见谅，欢迎提出issue，另外看到这个标题，请勿喷~题纲关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器"同源策略"

2018-01-04 22:28:48 129

原创 webpack详解

现状伴随着移动互联的大潮，当今越来越多的网站已经从网页模式进化到了 Webapp 模式。它们运行在现代的高级浏览器里，使用 HTML5、 CSS3、 ES6 等更新的技术来开发丰富的功能，网页已经不仅仅是完成浏览的基本需求，并且webapp通常是一个单页面应用，每一个视图通过异步的方式加载，这导致页面初始化和使用过程中会加载越来越多的 JavaScript 代码，这给前端开发的流程和资源组织带

2018-01-04 22:01:29 710

转载 svn版本控制的安装及使用

本节和大家学习一下SVN版本控制安装使用，在学习SVN的过程中这是必须要掌握的内容，希望通过本节的学习大家对SVN版本控制安装使用有一定的认识。首先看一下SVN的概念。SVN全名Subversion，即版本控制系统。SVN与CVS一样，是一个跨平台的软件，支持大多数常见的操作系统。作为一个开源的版本控制系统,Subversion管理着随时间改变的数据。这些数据放置在一个中央资料档案库(re

2018-01-04 21:59:27 285

转载 vue相关知识

active-class是哪个组件的属性？vue-router模块的router-link组件。嵌套路由怎么定义？在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口"app">

2018-01-04 21:43:23 1269

原创 git语法大全

$ git init // 初始化一个Git仓库$ git status // 查看仓库的状态$ git add . // 将所有修改添加到暂存区$ git add * // Ant风格添加修改$ git add *Controller // 将以Controller结尾的文件的所有修改添加到暂存区$ git add Hello* // 将所有以Hello开

2018-01-04 21:42:35 2146

转载 art-template

art-template的github地址：https://github.com/aui/art-template前端开发中，有非常多的模板引擎第三方框架，其中art-template属于写的比较好的一个，一般的模板引擎第三方都会支持一到两种模板语法，最常见的就是大胡子语法{{ }}和尖括号语法本篇文章主要介绍一下在nodejs中，art-template如何解决模板引擎语

2018-01-04 21:38:52 1528

原创 nodejs接收get请求参数

1.1-浏览器向服务器发送get请求参数的两种方式1.2-服务端使用url模块解析get请求参数在http协议中，一个完整的url路径如下图通过下图我们可以得知，get请求的参数是直接在url路径中显示。get的请求参数在path资源路径的后面添加，以?表示参数的开始，以key=value表示参数的键值对，多个参数以&符号分割 hash部分表示的是资源定位符（滚

2017-12-22 01:29:44 1624 1

原创 nodejs接收post请求参数

1.1-浏览器发送post请求参数的方式1.2-服务端接收post请求参数的方式post请求参数不直接在url路径中拼接，而是放在请求体中发送给服务器请求三要素：请求行、请求头、请求体1.1-浏览器发送post请求参数的方式post请求参数不能直接在url路径中拼接，所以一般使用ajax请求来发送post请求参数通常都是提交form

2017-12-22 01:28:51 724 1

原创 input标签获取图片文件尺寸

思路分析（1）给input标签设置一个onchange事件当input标签的type属性为file时，我们可以给该input标签设置一个onchange事件来监听文件选择的变化（2）在onchange事件中使用FileReader读取选取文件的信息 FileReader类支持异步读取input标签文件信息（大小，时间，数据等）（3）使用一个img标签来显示获

2017-12-22 01:26:35 767

转载 ajax异步调用

1、名称：ajax 的全称是AsynchronousJavaScript and XML，其中，Asynchronous 是异步的意思，它有别于传统web开发中采用的同步的方式。2、同步和异步异步传输是面向字符的传输，它的单位是字符；而同步传输是面向比特的传输，它的单位是桢，它传输的时候要求接受方和发送方的时钟是保持一致的。举个例子来说同步和异步，同步就好像排队体...

2017-12-22 01:20:46 3259 1

空空如也

空空如也