JavaScript代码实现txt文件的上传预览功能
今天做项目刚好碰到这个记录一下。因为是简单的txt文件，只涉及文本，如果需要涉及图片预览就需要使用papaparse和jschardet，此处不多叙述。 表单按钮使用js的onchange=”uploadf...
2020-05-27
Angular使用操作事件指令ng-click传多个参数示例
本文实例讲述了Angular使用操作事件指令ng-click传多个参数功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"><head> <meta charset="UTF-8"> <ti...
2020-05-27
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
本文实例讲述了Angular使用过滤器uppercase/lowercase实现字母大小写转换功能。分享给大家供大家参考，具体如下：<!DOCTYPE html><html ng-app="myApp"><head><meta charset="U...
2020-05-27
js中apply和Math.max()函数的问题及区别介绍
下面给大家介绍js中apply和Math.max()函数的问题，具体内容如下所示：var arr=[1,3,6,3,7,9,2];console.log(Math.max.apply(null,arr));一直搞不懂为什么这样可以算出一个数组...
2020-05-27
浅谈Vue内置component组件的应用场景
官方的说明渲染一个“元组件”为动态组件。依 is 的值，来决定哪个组件被渲染。<!-- 动态组件由 vm 实例的属性值 `componentId` 控制 --><component :is="componentId"></com...
2020-05-27
vue2中使用less简易教程
首先，说明一点，如果是使用npm init webpack 项目名 的方式创建的项目,无需手动配置webpack所以再vue中使用less就非常简单了，只需要安装less, less-loader就行了步骤npm instal...
2020-05-27
vue-cli脚手架-bulid下的配置文件
本文章适合初学者学习，如有错请提出。近期对vue比较感兴趣，所以准备用vue写一个blog。早期先对vue脚手架了解一下，对于新手官网建议先不用vue-cli，但我觉得如果没有任何的依据凭...
2020-05-27
vue 开发一个按钮组件的示例代码
最近面试，被问到一个题目，vue做一个按钮组件；
当时只是说了一下思路，回来就附上代码。解决思路： 通过父子组件通讯（$refs 和 props） props接受参数, $refs调用子组件的方法 来达...
2020-05-27
jQuery+ajax读取json数据并按照价格排序示例
本文实例讲述了jQuery+ajax读取json数据并按照价格排序。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <script src=...
2020-05-27
vue数据控制视图源码解析
分析vue是如何实现数据改变更新视图的.前记
三个月前看了vue源码来分析如何做到响应式数据的, 文章名字叫vue源码之响应式数据, 最后分析到, 数据变化后会调用Watcher的upda...
2020-05-27
浅谈React高阶组件
前段时间在工作中写Hybrid页面时遇到了这样的一个场景，公司需要一系列的活动组件，在每个组件注册的时候都需要调用App端提供的一个接口。一开始也考虑了几种方式，包括mixin、组...
2020-05-27
Vue 项目中遇到的跨域问题及解决方法(后台php)
问题描述前端 vue 框架，后台 php，百度跨域问题后台加这段代码header("Access-Control-Allow-Origin: *");加了之后报这个错：The value of the 'Access-Control-Allow-Origin' h...
2020-05-27
vue-cli axios请求方式及跨域处理问题
vue-cli axios请求方式以及跨域处理 安装axioscnpm install axios --save 在要使用axios的文件中引入axiosmain.js文件 :import axios from 'axois'要发送请求的文件:impo...
2020-05-27
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
本文实例讲述了jQuery实现浏览器之间跳转并传递参数功能。分享给大家供大家参考，具体如下：one.html<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title>...
2020-05-27
vue页面加载闪烁问题的解决方法
v-if 和 v-show 的区别v-if只会在满足条件时才会编译，而v-show不管是否满足条件始终会编译，v-show的显示与隐藏只是简单的切换CSS的display属性。也就是说，在使用v-if时，若值为f...
2020-05-27
浅谈js获取ModelAndView值的问题
JS当中不能接收ModelAndView的返回值吗？一定要在JSP页面中才能接收吗?1 方法一 【有效】可以的，跟el表达式访问方式一样。示例代码，一个数据展示请求的Action中存入一个use...
2020-05-27
vue渲染时闪烁{{}}的问题及解决方法
v-if和v-show可能是日常开发中最常用的两个指令，虽然看上去两者功能是类似的，但是两者还是存在很大区别的。 v-if与v-show区别：在切换 v-if 块时，Vue.js 有一个局部编译/卸载过...
2020-05-27
jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法
本文实例讲述了jQuery实现文字超过1行、2行或规定的行数时自动加省略号的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-...
2020-05-27
JS中用EL表达式获取上下文参数值的方法
1. action返回参数到页面/** * 测试js中获取后台传值 * @param model * @param req * @return String */@RequestMapping("getValue")public String getValue(Model model,...
2020-05-27
JS实现左边列表移到到右边列表功能
实现功能：1.左边的下拉框内容添加到右边的下拉框，支持多选移动，且同时将右边的下拉框对象移除；2.支持列表中项目上下位置的移动；3.效果图如下：Html代码<HTML> <HEAD> <TITLE>选择...
2020-05-27
js中el表达式的使用和非空判断方法
注意，这里想说的不是jsp里面嵌套的el表达式的使用，而是在js中使用。场景：页面跳转后，使用spring mvc向前端页面传过来一个json对象，要在js中获取后，做处理。返回的json对象：{"nodes...
2020-05-27
微信小程序之分享页面如何返回首页的示例
做小程序开发发现，页面分享出去后，用户通过分享进去的页面很难找到返首页的情况。（微信官方操作是点击右上角三个点，在手机下方显示返回首页）。民间很多方案是自己在页面加个悬浮...
2020-05-27
详解VUE 对element-ui中的ElTableColumn扩展
公司有一个新的需求，点击ElTableColumn的头部可以进行搜索，这个功能同事已经做出来了，但是使用有些不方便，自己就打算封装成一个组件，学习一下。
ElTableColumn本来是这个样子的：...
2020-05-27
Vue 自定义动态组件实例详解
现在基于vue的UI组件库有很多，比如iview，element-ui等。但有时候这些组件库满足不了我们的开发需求，这时候我们就需要自己写一个插件。举第一个栗子用vue-cli搭建好项目目录之...
2020-05-27
Vue数据监听方法watch的使用
watch本身很容易理解, watch负责将视图中的数据与某个函数关联起来
当Vue视图中的数据变化时, 关联的函数会被执行
<!DOCTYPE html><html lang="en"><head> <meta charset...
2020-05-27
javascript性能优化之分时函数的介绍
分时函数和函数节流的问题不一样，函数节流针对的事件不是用户主动调用的，前面已经提过了。
函数节流的原理是：延迟当前函数的执行，如果该次延迟还没有完成，那么忽略接下来该函数...
2020-05-27
JavaScript中的E-mail 地址格式验证
最近做了一个前端的项目，要求：输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号。1：代码<!DOCTYPE html><html><head><meta c...
2020-05-27
Vue项目中如何引入icon图标
1.下载icon图标，推荐icomoon网站，里面有大量的矢量图标，也可以自定义，当然你也可以去阿里巴巴矢量图标库下载你所需要的小图标。点击进入icomoon网站点击右上角“IcoMoon App”，...
2020-05-27
Vue.js实现可配置的登录表单代码详解
表单是后台项目业务中的常用组件，这次重构了登录功能以满足登录方式可配置的需求，在此记录和分享一下。业务场景在之前，项目只支持手机号+密码登录，前端是直接把表单写死的，后来...
2020-05-27
js传递数组参数到后台controller的方法
传递参数传递字符串，所以要把数组转换为字符串，var arr=[1,23,34,5];var str = arr.toString();str传递到后台，str.split(" , ");将字符串拆分得到元素。var arr=[1,23,34,5];v...
2020-05-27
Vue.js 表单控件操作小结
概念说明v-model指令：在表单控件元素上创建双向数据绑定。v-model 会根据控件类型自动选取正确的方法来更新元素。输入框实例中演示了 input 和 textarea 元素中使用 v-model...
2020-05-27
spirngmvc js传递复杂json参数到controller的实例
Spring MVC在接收集合请求参数时，需要在Controller方法的集合参数里前添加@RequestBody，而@RequestBody默认接收的enctype (MIME编码)是application/json，因此发送POST请求时需...
2020-05-27
JS获取url参数,JS发送json格式的POST请求方法
<script type="text/javascript">一、获取url所有参数值function US() {var name, value;var str = location.href;var num = str.indexOf("?");str = str.substr(num +...
2020-05-27
vue中Npm run build 根据环境传递参数方法来打包不同域名
项目开发中，前端在配置后端api域名时很困扰，常常出现:本地开发环境: api-dev.demo.com测试环境: api-test.demo.com线上生产环境: api.demo.com，这次是在Vue.js项目中打包，教大...
2020-05-27
利用js实现前后台传送Json的示例代码
无论使用什么框架都存在着从controller向Html页面或者jsp页面传递数据的问题，最常用的方式是传递Json字符串。以前对这块知识有些模糊，现在整理一下。【Jquery基本方法】实现...
2020-05-27
Vue 将后台传过来的带html字段的字符串转换为 HTML
后台传过来 一个带标签的字符串 前端可以直接转换成html格式的，可是在vue中怎么办呢在这个DEMO中，item.content所带的字符串将被转换为HTML代码。注意：使用了v-html的标签中的...
2020-05-27
AngularJS下$http服务Post方法传递json参数的实例
本文主要介绍如何使用Angularjs $http服务以POST方法向服务器传递json对象数据。具体如下：一、$http POST方法默认提交数据的类型为application/jsonvar data = {'wid':'0',...
2020-05-27
Koa2 之文件上传下载的示例代码
前言上传下载在 web 应用中还是比较常见的，无论是图片还是其他文件等。在 Koa 中，有很多中间件可以帮助我们快速的实现功能。文件上传在前端中上传文件，我们都是通过表单来上传...
2020-05-27
详解Javascript中new()到底做了些什么？
前言和其他高级语言一样 javascript 中也有 new 运算符，我们知道 new 运算符是用来实例化一个类，从而在内存中分配一个实例对象。 但在 javascript 中，万物皆对象，为什么还要通...
2020-05-27
jQuery实现的上传图片本地预览效果简单示例
本文实例讲述了jQuery实现的上传图片本地预览效果。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>www.freexyz.cn jquery上传图片...
2020-05-27
JavaScript面试出现频繁的一些易错点整理
1.前言
这段时间，金三银四，很多人面试，很多人分享面试题。在前段时间，我也临时担任面试官，为了大概了解面试者的水平，我也写了一份题目，面试了几个前端开发者。在这段时间里面，我在...
2020-05-27
vue axios请求拦截实例代码
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest
从 node.js 发出 http 请求
支持 Promise API...
2020-05-27
使用vue2实现购物车和地址选配功能
首先，vue基础js写法new Vue({ el:"#app", //模型 data:{ }, filters:{ }, mounted:function(){ this.$nextTick(function(){ //初始化调用 }); }, compute...
2020-05-27
Angular开发实践之服务端渲染
Angular UniversalAngular在服务端渲染方面提供一套前后端同构解决方案，它就是Angular Universal（统一平台），一项在服务端运行 Angular 应用的技术。标准的 Angular 应用会执行...
2020-05-27
vue 实现全选全不选的示例代码
全选功能可以说是前端开发中非常常见的一个功能，以前的项目开发用jQuery开发比较多。最近在使用vue前端框架重构之前的项目。从jQuery到vue的转变主要是一个思想想的转变，是将...
2020-05-27
Vue 源码分析之 Observer实现过程
导语：本文是对 Vue 官方文档深入响应式原理（https://cn.vuejs.org/v2/guide/reactivity.html）的理解，并通过源码还原实现过程。响应式原理可分为两步，依赖收集的过程与触发-重新...
2020-05-27
vue.js element-ui tree树形控件改iview的方法
element-ui组件的tree树形控件修改源码改为iview组件实现原理
修改了element-ui源码，把源码里面的tree模块提取出来
然后修改element自带checkbox等组件为iview的checkbox，并...
2020-05-27
vue 父组件调用子组件方法及事件
情景: 父组件中引入上传附件的子组件:点击组件可以分别上传对应要求的图片,子组件内部循环可创建多个模块. 父组件传入数组子组件循环来创建不同的组件模块,所有事件...
2020-05-27
javascript实现文件拖拽事件
本文实例为大家分享了javascript实现文件拖拽事件的具体代码，供大家参考，具体内容如下1.效果图：2.源码<%@ page contentType="text/html;charset=UTF-8" language="java" %><ht...
2020-05-27
vue全局组件与局部组件使用方法详解
vue全局／局部注册，以及一些混淆的组件main.js入口文件的一些常用配置， 在入口文件上定义的public.vue为全局组件，在这里用的是pug模版 .wraper 的形式相当于<div class=wraper><...
2020-05-27
