JavaScript计算正方形面积
用JavaScript实现计算正方形的面积注意用一个Math.pow()函数。实现效果：实现代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></...
2020-05-27
高效jQuery选择器的5个技巧实例分析
本文实例讲述了高效jQuery选择器的5个技巧。分享给大家供大家参考，具体如下：顾名思义，jQuery专注于查询（queries）。库的核心允许你使用CSS选择器语法，以及通过在集合上执行函数，来...
2020-05-27
原生js实现贪食蛇小游戏的思路详解
先不多说先上图下面是代码部分（这里你可以根据需要改变蛇头和身体还有食物的图片，然后默认的样式是使用纯颜色的如果没有更改我的背景图片的话------改这些图开始是想搞笑一下...
2020-05-27
jQuery与原生JavaScript选择HTML元素集合用法对比分析
本文实例讲述了jQuery与原生JavaScript选择HTML元素集合用法。分享给大家供大家参考，具体如下：通过调用document.getElementsByTagName, document.getElementsByName以及docum...
2020-05-27
JS插件amCharts实现绘制柱形图默认显示数值功能示例
本文实例讲述了JS插件amCharts实现绘制柱形图默认显示数值功能。分享给大家供大家参考，具体如下：使用amCharts.js绘制柱形图（column chart）时，有时需要默认显示每一个柱子的数值...
2020-05-27
vue中keep-alive，include的缓存问题
前提：有A,B,C,D四个页面,A是按钮页(点击按钮进入B页面)，B是订单列表页，C是订单详情页，D是费用详情页需求：顺序是A->B->C->D,每次都刷新页面，D->C->B时走缓存，但是每次从A到B都要刷...
2020-05-27
JavaScript的变量声明与声明提前用法实例分析
本文实例讲述了JavaScript的变量声明与声明提前用法。分享给大家供大家参考，具体如下：JavaScript的变量声明JavaScript的变量声明语句无论出现在何处，都会先于其他代码首先被执...
2020-05-27
vue keep-alive列表页缓存 详情页返回上一页不刷新,定位到之前位置
需求:商品列表页面浏览,进入商品详情,点击返回仍然是之前浏览的位置实现:使用 vue 的 keep-alive 的 include 属性给组件做动态缓存,从详情页返回不变,从其他页面进入列表页...
2020-05-27
使用vue重构资讯页面的实例代码解析
从我接手到将这个页面代码重构前，一直都还是使用angular1的代码去做的，需求来了也是用angular去实现；作为一个憧憬新技术的前端，怎么忍受得了现在还在使用这么有历史感的框架，所...
2020-05-27
JavaScript使用百度ECharts插件绘制饼图操作示例
本文实例讲述了JavaScript使用百度ECharts插件绘制饼图操作。分享给大家供大家参考，具体如下：百度ECharts是一款由百度前端团队开发与维护的，基于HTML5的开源JavaScript图表库...
2020-05-27
jQuery实现轮播图效果
使用jQuery实现轮播图，废话不多说，直接上代码了。HTML部分
其中，图片和路径是我电脑中的，你需要自己准备好图片，然后写你自己图片的路径。<div class="slider"> <ul> <li><a href...
2020-05-27
Vue+Element-UI实现上传图片并压缩
Vue+Element-UI 上传图片并压缩，供大家参考，具体内容如下1.版本Vue:2.5.2
Element-UI：2.12.0
可实现图片上传前，自动压缩。
Element-UI组件，详情见 官网。2.template部分
<el-for...
2020-05-27
vue element-ui读取pdf文件的方法
本文实例为大家分享了vue element-ui 读取pdf文件，供大家参考，具体内容如下添加依赖npm install pdfjs-dist --savepdf.vue<template> <div class="app-container"> <el-dial...
2020-05-27
详解小程序如何动态绑定点击的执行方法
需求一个商城的个人中心页里，有很多用户操作按钮：我的订单，我的提现，我的送货等等，每个图标在点击的时候，可能是跳转页面的，也可能是执行当页方法的。目前需要写一个通用的方法来实...
2020-05-27
Vue+ElementUI使用vue-pdf实现预览功能
Vue + ElementUI项目中使用vue-pdf实现简单预览，供大家参考，具体内容如下1、安装 vue-pdfnpm install --save vue-pdf2、在vue页面中导入对应的组件我这是通过点击 预览 按钮...
2020-05-27
vue实现在线预览pdf文件和下载（pdf.js）
最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如jquery.media.js（ie无法直接浏览）最后选择了pdf.js插件（兼容ie10及以上、谷歌、安卓，苹果）强烈推荐改插件，以下介绍用法（1...
2020-05-27
使用Vue生成动态表单
开需求会了，产品说这次需求的表单比较多，目前有18个，后期的表单可能会有增加、修改。我作为这次的前端开发，看到这样的需求，心里知道要这样搞不得把自己累死，首先表单居多，还会有变...
2020-05-27
vue实现pdf文档在线预览功能
针对android系统不支持pdf文档在线预览，可通过引入pdf.js插件实现，其具体实现步骤如下一、引入插件方式一：npm install --save pdfjs-dist，安装完成后在vue项目的node_modules出...
2020-05-27
JS实现排行榜文字向上滚动轮播效果
最近在一个抽奖活动中需要在页面上对中奖名单做排行榜的轮播，故根据下面的简单列子修改实现了滚动效果。效果图(文字向上轮播)：demo如下：<!doctype html><html lang="en"> <he...
2020-05-27
js实现淘宝首页的banner栏效果
本文实例为大家分享了js淘宝首页banner栏展示的具体代码，供大家参考，具体内容如下<div class="bg clearfix"> <div class="title"> <a class="on" href="javascript:" >最热团...
2020-05-27
vue-cli在 history模式下的配置详解
背景：自己搭了vue测试项目，使用的是history模式，放在后台，一开始进入项目没什么问，但是再一刷新页面就404了，what?当时的比较懵逼，为啥呢？因为之前写过项目上线过是好用的啊，这个...
2020-05-27
js中apply和call的理解与使用方法
前言关于call和apply，以前也思考良久，很多时候都以为记住了，但是，我太难了。今天我特地写下笔记，希望可以完全掌握这个东西，也希望可以帮助到任何想对学习这个东西的同学。一.appl...
2020-05-27
vue实现浏览器全屏展示功能
1、项目中使用的是sreenfull插件，执行命令安装npm install --save screenfull
2、安装好后，引入项目，用一个按钮进行控制即可，按钮方法如下：
toggleFullscreen() { if (!screenf...
2020-05-27
Angular8引入百度Echarts进行图表分析的实现代码
最近突发奇想，想自己做一个理财分析记录的网页，主要给自己记账，然后想到了把每天，每周的消费用图标分析出来，于是就需要用到百度的echarts图标插件，talk is cheep， show me the cod...
2020-05-27
three.js利用卷积法如何实现物体描边效果
法线延展法网上使用法线延展法实现物体描边效果的文章比较多，这里不再描述。但是这种方法有个缺点：当两个面的法线夹角差别较大时，两个面的描边无法完美连接。如下图所示：卷积法...
2020-05-27
webgl实现物体描边效果的方法介绍
前言终于把手头的事结束了，可以有时间来研究研究技术~作为一名3D开发人员，仅仅使用现有的引擎来开发项目不免有些浮于表面，多研究研究底层的实现更利于对3D开发整体的把控~于是...
2020-05-27
微信小程序加载机制及运行机制图解
这篇文章主要介绍了微信小程序加载机制及运行机制图解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、运行机制冷启...
2020-05-27
vue（2.x，3.0）配置跨域代理
导语：首先，每一个前端开发人员都应该知道同源策略，同源策略是浏览器的一个安全功能，不同源的客户端脚本在没有明确授权的情况下，不能读写对方资源，所谓同源是指，域名，协议，端口相同。...
2020-05-27
微信小程序表单验证WxValidate的使用
效果图GIF
git地址：WxValidate使用import WxValidate from '../../utils/WxValidate';Page({ data: { basicInfo: { tel: '', post: '', weChat: '',...
2020-05-27
d3.js 地铁轨道交通项目实战
上一章说了如何制作一个线路图，当然上一章是手写的JSON数据，当然手写的json数据有非常多的好处，例如可以应对客户的各种BT需求，但是大多数情况下我们都是使用地铁公司现成的JSON...
2020-05-27
浅析Vue下的components模板使用及应用
Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解...
2020-05-27
原生js实现下拉选项卡
本文实例为大家分享了js实现下拉选项卡的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>下拉选项卡</tit...
2020-05-27
微信小程序wxml列表渲染原理解析
这篇文章主要介绍了微信小程序wxml列表渲染原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下列表渲染存在的意义...
2020-05-27
原生js实现二级联动菜单
本文实例为大家分享了js二级联动菜单的具体代码，供大家参考，具体内容如下效果如下：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>二级联动菜单</tit...
2020-05-27
Angular value与ngValue区别详解
前言在最近的项目中，需要用到 select 组件，之前 Angular 前台都是用现有的封装好的框架，一般都是从 Ctrl+c 到 Ctrl+v 的操作然后改一下就可以用，最近使用的 Bootstrap 原生样式...
2020-05-27
JS实现简单省市二级联动
刚始学习java刚好看到用js实现省市二级联动的效果，就想着写篇博客，顺便检验下自己的学习成果。好了废话少说先看看实际效果：技术分析：要实现这个功能呢，首先要用到html+js这里用...
2020-05-27
微信小程序事件流原理解析
这篇文章主要介绍了微信小程序事件流原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下一、什么是事件？事件是视图...
2020-05-27
jQuery实现简单弹幕效果
本文实例为大家分享了jQuery实现弹幕效果的具体代码，供大家参考，具体内容如下话不多说吧，直接看效果吧：主要思路其实弹幕的主要思路很简单，就是将div从右向左移动，直到完全移除屏...
2020-05-27
jquery实现直播弹幕效果
本文实例为大家分享了jquery直播弹幕展示的具体代码，供大家参考，具体内容如下理论知识：实现效果主要涉及jq对节点的操作，以及动画函数的使用…思路：1.获取到评论文本框的值，对文本...
2020-05-27
javascript实现弹幕墙效果
刚开始入门前端，想仿照FreeCodeCamp中的一个项目制作简单的弹幕墙。步骤如下：1、编写HTML代码： 创建一个弹幕显示墙，以及两个按钮，分别为“发送”和“清屏”，并在文本框中设置plac...
2020-05-27
javascript实现视频弹幕效果（两个版本）
本文实例为大家分享了javascript实现视频弹幕效果的具体代码，供大家参考，具体内容如下基础版本<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> * { m...
2020-05-27
javascript实现商品图片放大镜
优化原因现在的电商商城项目解决的主要是购买商品的问题，那么购买商品主要要看清楚商品表面外形的主要特征和细节，如果图片处理过小，或者细节过于模糊，就需要做一个商品高清图片...
2020-05-27
javascript实现切割轮播效果
本文实例为大家分享了javascript实现切割轮播的具体代码，供大家参考，具体内容如下效果代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</...
2020-05-27
javascript实现异形滚动轮播
本文实例为大家分享了js异形滚动轮播的具体代码，供大家参考，具体内容如下运动过程研究让每个元素走到前一个标签的位置。
3走到2
2走到1
1走到0
0走到6利用js动态获取每个类名...
2020-05-27
Vue请求java服务端并返回数据代码实例
这篇文章主要介绍了Vue请求java服务端并返回数据代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下最近在自学vue...
2020-05-27
swiper实现异形轮播效果
swiper轮播—异形轮播，供大家参考，具体内容如下最近经常会碰到很多用swiper插件做各种各样轮播图的需求，没有做过3d异形轮播图，所以研究了一下，把经验给大家分享一下上面图片就是...
2020-05-27
Vue实现多标签选择器
本文实例为大家分享了Vue实现多标签选择器展示的具体代码，供大家参考，具体内容如下实现效果实现代码<html lang="en"><head> <title>Document</title> <!-- 引入本地组件库 --...
2020-05-27
jQuery实现弹幕特效
案例简介jQuery实现弹幕效果，代码如下。案例目录HTML部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>jQuery弹幕案例</title> <link rel="stylesheet" typ...
2020-05-27
Vue基础配置讲解
环境为Centos7，首先下载nodejs和npm的压缩包，两个在一起的，解压后进入bin目录，用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下，然后退出此目录，node -v查看版本及检查安装...
2020-05-27
Vue.js实现大屏数字滚动翻转效果
大屏数字滚动翻转效果来源于最近工作中element后台管理页面一张大屏的UI图，该UI图上有一个模块需要有数字往上翻动的效果，以下是最终实现的效果：整体思路：在实现此效果之前，我们...
2020-05-27
