![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 80
程可爱
一入码场深似海,从此头发不复存
展开
-
跨浏览器事件处理程序
浏览器的差异导致需要针对不同版本的浏览器编写不同的事件处理函数,恰当使用能力检测,保证处理事件的代码能在大多数的浏览器下一致地运行。1.创建addHandler()方法,它的职责是分情况使用DOM0级方法、DOM2级方法或IE方法来添加事件。addHandler()方法接收的参数如下:element:要操作的元素type:事件名称handler:事件处理函数2.另一个创建的方法是remo...原创 2019-12-24 21:30:04 · 165 阅读 · 0 评论 -
CSS权重,你真的懂了么
1.什么是CSS权重?css权重决定了哪个css规则会起重要,当多个规则被应用于同一个元素时,权重高的将会起作用(权重高代表优先级高)。在日常开发过程中,大家多少都遇到过这样的问题,写不同的css样式文件,结果产生相互覆盖的问题。本文将详细讲述一下css权重规则,便于大家避坑。2.CSS权重规则(级别由高到低)(1) !important 声明级别最高,但同时也会被important级别覆盖...原创 2019-11-13 16:07:49 · 525 阅读 · 0 评论 -
vue中three.js加载外部模型
最近在做项目迁移时,需要将之前的three.js项目迁移到vue中。这里整理了一个vue中利用three.js加载外部模型的小例子。供新手入门参考。闲话少说,下面实战讲解。1.首先安装Three.js及相关文件依赖我之前的博客里详细讲解过利用npm来安装一些依赖,具体可以参照我的上一篇博文:vue页面引入three.js创造3d动画场景先将所需要的文件安装完成。2.文件安装完成之后,将要加载...原创 2019-08-21 11:30:32 · 16147 阅读 · 27 评论 -
直接插入排序、希尔排序、冒泡排序、快速排序、简单选择排序等排序对比
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入欢迎使用Ma...原创 2019-08-24 10:20:37 · 1883 阅读 · 0 评论 -
详述MVC设计模式在Node工程中使用
1.MVC设计模式简介MVC设计模式(注意:这里强调的设计模式),它只是一种设计思想,帮助我们更好地规范代码和高效地开发。MVC的全名是Model、View、Controller,是模型(model)-视图(view)-控制器(controller)的缩写。MVC框架指的是那些利用MVC设计思想,进行严格分层设计的框架,让代码按照指定的形式来进行编写。MVC是一种使用MVC(Model Vie...原创 2019-06-11 12:47:33 · 335 阅读 · 0 评论 -
vue中引入高德地图实现定位功能
上次在实现一个需求时,需要在web端实现定位功能。即实现在web端搜索定位的功能。首先看一下效果如下:功能也相对不是很难,就是需要调用调用地图插件来完成页面地图的加载与显示,本来是打算选取某度的地图,偶然发现高德地图的api也很详细,所以来尝试一下。闲话少说,看具体实现。1.首先申请一个高德地图的开发平台秘钥这个秘钥在我们调用高德地图的api中需要使用到,所以必须要申请一个。申请方式搜索高...原创 2019-04-17 10:39:35 · 11687 阅读 · 4 评论 -
vue页面中如何引入视频播放
前段时间在开发网站时遇见一个需求,需要在页面上播放视频,且可以实现快进暂停等功能。因为前段使用vue-cli搭建的vue工程,所以特意去搜索了vue中播放视频所要的一些插件,并实现功能,特意分享出来,帮助需要的同学渡坑。闲话少说,我们直接看代码。1.安装video.js、vue-video-player、videojs-contrib-hls在项目所在文件夹下安装利用npm安装所需要的插件,包...原创 2019-04-20 17:39:10 · 32108 阅读 · 11 评论 -
简述JavaScript设计模式中的简单工厂模式、工厂方法模式
1.简单工厂模式(Simple Factory)简单工厂模式又被称之为静态工厂方法(Static Factory Method),由一个工厂对象来决定创建一类产品的实例。大概理解起来就是如下图所示,假如有一个需求,需要根据输入的球类名称,来显示参与此项球类的人数及一些相关介绍,用简单工厂模式的话,大概如下图所示:在不使用简单工厂的模式下,需要有三个基类,意味着我需要记住这三个类的名称,在调用...原创 2019-04-01 22:09:14 · 330 阅读 · 0 评论 -
python实现调用js并获取参数
最近接到一个小项目,用python实现一些底层接口,完成数据获取与数据封装,其实本来也不难,其中有一块是要利用python实现获取一个加密签名,再传到第三方接口,获取token,其中它的前端加密算法中有一个是利用crypto.js进行一些列加密,这样其实比较难搞。于是便想利用python来实现调用js生成加密签名,再进行结果回传,查询了一些方案并进行实施,最终获得了想要的结果,特此分享出来。1....原创 2019-03-23 22:18:43 · 6948 阅读 · 0 评论 -
vue页面引入three.js创造3d动画场景
vue中安装Three.js近来无聊顺便研究一些关于3D图形化库。three.js是JavaScript编写的WebGL第三方库。Three.js 是一款运行在浏览器中的 3D 引擎,你可以用它通过控制相机、视角、材质等相关属性来创造大量3D动画场景。首先利用创建一个Vue工程若对创建vue工程有疑惑,可以参考我前面的博文:手把手教你利用脚手架搭建一个Vue工程,搭建好以后,我们开始引入th...原创 2019-03-16 21:27:00 · 12931 阅读 · 4 评论 -
Node.js+express+vue+MySQL的全栈登录系统(基于windows 10系统)
Node.js+express+vue+MySQL的全栈登录系统(基于windows 10系统)最近两天在写一个权限的demo,最近也刚刚将这个框架搭建并写出了一个小的登录系统,权当练手,趁此机会分享出来给想要全栈开发一个小项目的同学做一个小参考,希望大家批评指正。闲话少说,我们直接来上手实战。创建一个Node底层服务端项目工程因为本项目要涉及到前端视图层数据呈现,底层通过express框架...原创 2019-03-08 23:03:54 · 9115 阅读 · 16 评论 -
手把手教你利用脚手架搭建一个Vue工程
一个简单Vue工程的搭建#本篇文章将带你如何使用webpack-cli脚手架搭建一个vue小工程,其实熟悉了就变得简单了,此篇文章主要帮助新手入门。具体操作图文流程如下所示:1.Node环境安装(1)node.js环境安装,可以从node.js中文网站进行对应镜像的选择与安装(附镜像链接如下)http://nodejs.cn/download/,具体安装流程见下面链接:https://www...原创 2019-03-08 21:53:23 · 1366 阅读 · 0 评论 -
Vue中实现鼠标悬浮完成图片替换
最近在做一个小项目,要实现的功能是在鼠标悬浮时,完成其图片更换。再三思索了好久,本来打算通过css来实现,貌似发现在vue中img标签的src更改好像没法通过css来实现,于是便转换了种方法,通过一些函数来实现。闲话少说,具体实现如下。...原创 2019-03-01 11:39:05 · 10395 阅读 · 2 评论 -
Vue项目部署到阿里云服务器,外网无法访问
今天在将最近写的关于vue工程的小demo放置阿里云服务器时,在服务器上已经运行项目并且能够通过浏览器访问,但是通过外网却无法访问,多方查找原因,最终解决问题,特写此博客,帮助那些像我一样的新手安全渡坑。检查阿里云端口是否开放在外网访问服务器端口时,服务器必须将端口先开放用户才能从外网访问,具体操作是登录阿里云管理控制台,进行端口开放。如图所示,在控制台下的防火墙菜单下,进行开放端口的选择...原创 2019-03-01 10:06:52 · 6698 阅读 · 2 评论 -
GIT上传代码至码云(windows 10)
GIT上传代码至码云(windows 10)GIT目前全球使用率非常之高,它可以非常有效地帮助我们托管代码。今天就来分析一下如何在windows下进行GIT的安装,以及介绍在编辑器WebStrom中进行代码上传到码云的操作。GIT下载安装GIT下载链接地址:https://git-scm.com ,根据需要选择自己系统对应的版本,本文主要针对win 10操作系统,所以选择window版本。...原创 2018-11-13 22:15:22 · 440 阅读 · 0 评论