js实现HTML中Select二级联动的实例
效果图选择后 js代码<script language="javascript" type="text/javascript"> //定义 费用科目 数据数组 fylxArray = new Array(); fylxArray[0] = new Array("",""); f...
2020-05-27
浅谈webpack对样式的处理
本文介绍了webpack对样式的处理，分享给大家，具体如下：我们可以在js中引入样式文件require('myStyle.css')这时我们便需要引入相应的webpack loader来帮助我们解析这段代码。css...
2020-05-27
详解webpack中的hash、chunkhash、contenthash区别
hash、chunkhash、contenthash
hash一般是结合CDN缓存来使用，通过webpack构建之后，生成对应文件名自动带上对应的MD5值。如果文件内容改变的话，那么对应文件哈希值也会改变，对应...
2020-05-27
js生成word中图片处理方法
首先功能是要求前台导出word，但是前后台是分离的，图片存在后台，所以就存在跨域问题。导出文字都是没有问题的（jquery.wordexport.js），但是导出图片就存在问题了：图片是以链接形式存...
2020-05-27
基于JavaScript中标识符的命名规则介绍
JavaScript中的标识符的命名有以下规则：由字母、数字、$、_组成以字母、$、_开头不可以使用保留字！！！要有意义！！！！！！！标识符的命名规范：1.驼峰命名法除标识符的第一个单词外，其余单词的首...
2020-05-27
jQuery中库的引用方法
jQuery是一个轻量级的JavaScript库，里面包含所有的jQuery方法。如果想要使用这些方法，那么必须首先引用这个库。先看一段代码:<!DOCTYPE html><html><head><meta charset="utf...
2020-05-27
JS实现非首屏图片延迟加载的示例
目标减少资源加载可以明显的优化页面加载的速度，所以可以减少页面载入时立即下载的图片的数量，以提高页面加载速度，其他的图片在需要的时候再进行加载。思路想要实现以上的目标...
2020-05-27
基于jquery trigger函数无法触发a标签的两种解决方法
起因：点击icon图标后要触发a标签的链接转跳动作，但是用 JQ 的 $('#a').trigger('click') 居然不起作用，遂百度之，总结两种方法如下：（原因：JQ 的 trigger() 方法确实无法触发 a 标签...
2020-05-27
JavaScript寄生组合式继承实例详解
本文实例讲述了JavaScript寄生组合式继承。分享给大家供大家参考，具体如下：其实《JavaScript高级程序设计》这本书中已经有完整代码了，只要把代码读懂就知道这个继承是怎么回事...
2020-05-27
tangram.js库实现js类的方式实例分析
本文实例讲述了tangram.js库实现js类的方式。分享给大家供大家参考，具体如下：前面一篇https://www.freexyz.cn/article/25781.htm对tangram.js库做了较为详细的介绍，这里结合实例...
2020-05-27
js实现复制功能(多种方法集合)
1.实现点击按钮，复制文本框中的的内容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择对象documen...
2020-05-27
基于JavaScript实现简单的音频播放功能
现效果如下：由于我这边不需要其他按钮，就没写数据是由后台提供，在这做了个小列子后台代码public ActionResult MusicPlayer(int musicId=0) { MusicPlayerModel model = new...
2020-05-27
javascript中的replace函数(带注释demo)
javascript这门语言一直就像一位带着面纱的美女，总是看不清，摸不透，一直专注服务器端，也从来没有特别重视过，直到最近几年，javascript越来越重要，越来越通用。最近和前端走的比较近...
2020-05-27
js数组方法reduce经典用法代码分享
以下是个人在工作中收藏总结的一些关于javascript数组方法reduce的相关代码片段，后续遇到其他使用这个函数的场景，将会陆续添加，这里作为备忘。javascript数组那么多方法，为什么...
2020-05-27
12条写出高质量JS代码的方法
书写出高质量的JS代码不仅让程序员看着舒服，更加能够提高程序的运行速度，以下就是的小编整理方法：一、如何书写可维护性的代码当出现bug的时候如果你能立马修复它是最好的，此时...
2020-05-27
CentOS环境中MySQL修改root密码方法
环境相关：
OS：CentOS release 6.9
IP：192.168.1.10
MySQL：MariaDB-10.1.301. 修改前的确认修改root密码是需要重启mysql库，确认生产真的可以重启mysql库；
确认生产是否有直接使...
2020-05-27
使用 Node.js 开发资讯爬虫流程
最近项目需要一些资讯，因为项目是用 Node.js 来写的，所以就自然地用 Node.js 来写爬虫了项目地址：github.com/mrtanweijie… ，项目里面爬取了 Readhub 、 开源中国 、 开发者头...
2020-05-27
使用mock.js随机数据和使用express输出json接口的实现方法
前端项目都会用到后端的接口，但当后台接口没有写好的时候，这时候可以用mock.js先随机生成一些假数据来调试页面安装mock.js先用express创建一个nodejs的web项目，名字假如是 dem...
2020-05-27
express+mockjs实现模拟后台数据发送功能
前言： 大多数时候，前端会和后端同时进行开发，即在我们开发完页面的时候，很可能还不能立马进入联调阶段，这个时候，为了保证我们接口的有效性和代码的功能完整，我们可能需要模拟数...
2020-05-27
Nginx 配置多站点vhost 的方法
假设你想在Linux Nginx中用不同的域名访问不同的目录，这时就要配置多个vhost，具体配置如下，假设网站根目录设定在/var/www/1、在/var/www/下新建两个目录/var/www/ushark.net/v...
2020-05-27
vue实现登录后页面跳转到之前页面
在开发中我们经常遇到这样的需求，需要用户直接点击一个链接进入到一个页面，用户点击后链接后会触发401拦截返回登录界面，登录后又跳转到链接的页面而不是首页，这种问题该如何去...
2020-05-27
Bootstrap treeview实现动态加载数据并添加快捷搜索功能
写在前面：jQuery多级列表树插件基于Bootstrap，以简单和优雅的方式来显示一些继承树结构，如视图树、列表树等。实用Bootstrap树形菜单特效插件Bootstrap Tree View，非常不错的Boo...
2020-05-27
JavaScript学习总结(一) ECMAScript、BOM、DOM（核心、浏览器对象模型与文档对象模型）
一、JavaScript简介JavaScript是一种解释执行的脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型，它遵循ECMAScript标准。它的解释器被称为JavaScript引擎，为浏览...
2020-05-27
让网站自动生成章节目录索引的多个js代码
第一种：只支持一级目录<h3>，作为段落不支持分类一个好的博文除了博文的质量要好以外，好的组织结构也能让读者阅读的更加舒服与方便，我看园子里面有一些园友的博文都是分章节的，并...
2020-05-27
浅谈Vue数据绑定的原理
本文介绍了Vue数据绑定的原理，分享给大家，具体如下：原理其实原理很简单，就是拦截了Object的get/set方法，在对数据进行set (obj.aget=18) 时去重现渲染视图实现方式有两种方式1定...
2020-05-27
Vue入门之数据绑定(小结)
1. 什么是双向绑定？Vue框架很核心的功能就是双向的数据绑定。 双向是指：HTML标签数据 绑定到 Vue对象，另外反方向数据也是绑定的。通俗点说就是，Vue对象的改变会直接影响到HTML...
2020-05-27
探索Vue高阶组件的使用
高阶组件( HOC )是 React 生态系统的常用词汇， React 中代码复用的主要方式就是使用高阶组件，并且这也是官方推荐的做法。而 Vue 中复用代码的主要方式是使用 mixins ，并且在 V...
2020-05-27
JavaScript体验异步更好的解决办法
一、异步解决方案的进化史
JavaScript的异步操作一直是个麻烦事，所以不断有人提出它的各种解决方案。可以追溯到最早的回调函数(ajax老朋友)，到Promise(不算新的朋友)，再到ES6...
2020-05-27
Node.js使用Koa搭建 基础项目
Koa 是由 Express 原班人马打造的超轻量服务端框架与 Express 相比，除了自由度更高，可以自行引入中间件之外，更重要的是使用了 ES6 + async，从而避免了回调地狱不过也是因为代码...
2020-05-27
浅谈React Native Flexbox布局(小结)
Flex 是 Flexible Box 的缩写，意为”弹性布局”，用来为盒状模型提供最大的灵活性。基本概念采用 Flex 布局的元素，称为 Flex 容器（flex container），简称”容器”。它的所有子元素...
2020-05-27
关于vue单文件中引用路径的处理方法
前言Vue 的单文件组件在使用 Vue 时非常常用，而在vue单文件的开发过程中，在单文件模版中可能会涉及到文件路径的处理，比如 <img>, style 中的 background 的处理等。下文中讨论...
2020-05-27
详解weex默认webpack.config.js改造
本文介绍了weex默认webpack.config.js改造，分享给大家，具体如下：解决的问题：由于weex默认的webpack配置，会导致在src文件夹下的每一个.vue在temp文件夹下生成对应的一个.js文件，该...
2020-05-27
实例解析ES6 Proxy使用场景介绍
ES6 中的箭头函数、数组解构、rest 参数等特性一经实现就广为流传，但类似 Proxy 这样的特性却很少见到有开发者在使用，一方面在于浏览器的兼容性，另一方面也在于要想发挥这些特...
2020-05-27
Vue v2.4中新增的$attrs及$listeners属性使用教程
前言多级组件嵌套需要传递数据时，通常使用的方法是通过vuex。如果仅仅是传递数据，而不做中间处理，使用 vuex 处理，未免有点杀鸡用牛刀。Vue 2.4 版本提供了另一种方法，使用 v-bin...
2020-05-27
详解ES6中的代理模式——Proxy
什么是代理模式代理模式（英语：Proxy Pattern）是程序设计中的一种设计模式。所谓的代理者是指一个类别可以作为其它东西的接口。代理者可以作任何东西的接口：网络连接、内存中的...
2020-05-27
webpack构建的详细流程探底
作为模块加载和打包神器，只需配置几个文件，加载各种 loader 就可以享受无痛流程化开发。但对于 webpack 这样一个复杂度较高的插件集合，它的整体流程及思想对我们来说还是很透...
2020-05-27
深入理解 webpack 文件打包机制(小结)
前言最近在重拾 webpack 一些知识点，希望对前端模块化有更多的理解，以前对 webpack 打包机制有所好奇，没有理解深入，浅尝则止，最近通过对 webpack 打包后的文件进行查阅，对其如何...
2020-05-27
一步步教你利用webpack如何搭一个vue脚手架（超详细讲解和注释）
Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0...
2020-05-27
Vue 组件（component）教程之实现精美的日历方法示例
组件（component）是Vue最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码，根据项目需求，抽象出一些组件，每个组件里包含了展现、功能和样式。每个页面，根据自己的需要，使用不...
2020-05-27
OkHttp踩坑随笔为何 response.body().string() 只能调用一次
想必大家都用过或接触过 OkHttp，我最近在使用 Okhttp 时，就踩到一个坑，在这儿分享出来，以后大家遇到类似问题时就可以绕过去。只是解决问题是不够的，本文将 侧重从源码角度分析下...
2020-05-27
关于react-router/react-router-dom v4 history不能访问问题的解决
前言最近把react-router 升级了一下， 在使用react-router-dom 是，子组件使用this.props.history 找不到了，看看官方文档，找了半天也没找到，因为我是在异步执行完后才跳转页面，需...
2020-05-27
简易Vue评论框架的实现(父组件的实现)
最近看到一个需求： 实现一个评论功能，要求对评论列表进行分页显示 对相应模块实现组件化 能显示发布者、发布时间以及内容乍一看不是很难，但是在具体的实现上还是遇到了一些...
2020-05-27
jQuery+CSS实现的table表格行列转置功能示例
本文实例讲述了jQuery+CSS实现的table表格行列转置功能。分享给大家供大家参考，具体如下：先来看看运行效果：具体代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi...
2020-05-27
nodejs使用http模块发送get与post请求的方法示例
本文实例讲述了nodejs使用http模块发送get与post请求的方法。分享给大家供大家参考，具体如下：GET请求var http = require('http');var querystring = require('querystring');...
2020-05-27
Angular 项目实现国际化的方法
正如angular官网所说，项目国际化是一件具有挑战性，需要多方面的努力、持久的奉献和决心的任务。
本文将介绍angular项目的国际化方案，涉及静态文件(html)和ts文件文案的国际化...
2020-05-27
(模仿京东用户注册)用JQuery实现简单表单验证,初学者必看
说明：1. 代码中的js脚本文件路径需替换为自己的目录文件2. 代码中加入了ajax验证账号是否存在<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncodin...
2020-05-27
使用 Vue 绑定单个或多个 Class 名的实例代码
一、用 变量形式 绑定单个 Class 名在 vue 中绑定单个 class 名还好说，直接写就可以了<template> <div id="app"> <!-- 因为是自定义属性，所以要用到 v-bind ，简写为 : --> <!-...
2020-05-27
JQuery实现table中tr上移下移的示例(超简单)
表格样式<table> <tr> <td><input type="button" value="上移" onclick="moveUp(this)"/></td> <td><input type="button" value="下移" onclick="moveDown(this)"...
2020-05-27
浅谈SpringMVC中post checkbox 多选框value的值(隐藏域方式)
我这里往后端传递checkbox 多选框value的值是通过字符串方式传递，先调用js对选定checkbox遍历获取选的的boxvalue，然后写进隐藏域，最后作文对象的属性提交。见代码：`前端：<form:f...
2020-05-27
jQuery+SpringMVC中的复选框选择与传值实例
一、checkbox选择在jQuery中，选中checkbox通用的两种方式：$("#cb1").attr("checked","checked");$("#cb1").attr("checked",true);对应的jQuery函数，主要完成三个功能：1、第一个...
2020-05-27
