Javascript
dawkdamwdkmadk
前端
展开
-
javascript十大经典排序算法 js数据结构与算法
排序算法是《数据结构与算法》中最基本的算法之一排序算法中的复杂度与稳定性如下图所示:1.冒泡排序冒泡排序(Bubble Sort)也是一种简单直观的排序算法。它重复地走访过要排序的数列,一次比较两个元素,如果他们的顺序错误就把他们交换过来。走访数列的工作是重复地进行直到没有再需要交换,也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端...转载 2018-10-02 20:09:55 · 431 阅读 · 0 评论 -
原生javascript分页 html分页与ajax数据请求结合使用 前端js分页
原生javascript分页功能,与后台结合使用ajax请求数据,是目前大多数前后端分离建站使用的分页展示数据的逻辑使用示例:效果图:index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g...原创 2018-10-12 18:01:49 · 6617 阅读 · 10 评论 -
npm 更换淘宝镜像源
打开终端 :npm install -g cnpm --registry=https://registry.npm.taobao.org官方源:# 默认源npm config set registry https://registry.npmjs.org换源:npm config set registry https://registry.npm.taobao.or...原创 2018-09-10 10:46:51 · 8640 阅读 · 0 评论 -
高性能网站搭建-前端性能优化 (附Vue首屏加载时间优化详细方案)
前言事实上, 只有10%-20%的最终用户响应时间是发在从Web服务器获取HTML文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必须关注剩余80%-90%的最终用户体验。–Steve Souders在这篇博客中,我根据工作中的实际项目经验和一些测试的经验中总结出了前端页面在性能上优化方案。其中一些经验吸收自《高性能网站建设指南》Steve Souders 著 电子工业...原创 2019-05-31 21:33:11 · 2724 阅读 · 0 评论 -
前端设置用户设置,获取,清空Cookie setCookie,getCookie,clearCookie
直接贴代码function setCookie(name, value, seconds) { seconds = seconds || 0; //seconds有值就直接赋值,没有为0 var expires = ""; if (seconds != 0) { //设置cookie生存时间 var date = new Date();...原创 2018-06-01 21:16:06 · 11034 阅读 · 0 评论 -
jquery判断鼠标移入移出
判断鼠标移入移出方向来实现很赞的效果,百度图片搜索列表中就使用了该效果下面直接上代码:<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>一只京大-鼠标移入移出案例</title> <scrip...原创 2018-02-08 18:15:20 · 1623 阅读 · 0 评论 -
原生javascript封装类似jquery的ajax请求跨域函数
在网上查看了很多js封装的ajax函数,发现大部分都没有实现跨域请求跨域请求浏览器就会提示:No 'Access-Control-Allow-Origin' header is present on the requested resource.封装类似于JQuery的ajax函数:js代码:function ajax(obj) { // 对实参处理 obj = ...原创 2018-02-07 12:04:44 · 1768 阅读 · 2 评论 -
跨站请求数据jsonp手写原生js代码实现
JSONP --来自百度百科JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。由于同源策略,一般来说位于 server1.example.com 的网页无法与不是 server1.example.com的服务器沟通,而 HTML 的<script> 元素是一个例外。利用 <script> 元素的这个开放策...原创 2018-03-08 21:30:46 · 3275 阅读 · 5 评论 -
seajs引入jquery无法使用问题解决方案
seajs属于国产产品归类于CMD,jQuery对于seajs并不支持但是国内使用seajs作为模块化开发组件使用较多引入jquery使用时在Network中可以请求到但并未渲染原因就是在jquery库最后暴露全局中没有对seajs支持对AMD中的requirejs支持,我们需要手动修改jquery源码最后一点代码即可在jquery中可以搜索 define.amd 关键字然后复制这段代码一下添加在...原创 2018-03-15 21:28:13 · 1199 阅读 · 1 评论 -
原生javascript实现图片懒加载
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> <style>div{width: 300px;height: 300px;margin-bottom: 20px原创 2018-04-14 11:45:42 · 274 阅读 · 0 评论 -
9102年了 还没学会前端自动化部署?
前言最早期方式: 前端写好代码之后本地构建, 通过服务器xftp或ftp把文件上传到服务器进行更新使用Git后: 服务器通过git clone的项目, 在项目的根目录执行 git pull origin [branch] 拉去仓库中最新的代码自动化部署: 通过配置WebHook及服务器后: 项目打包完成提交到代码库中, 服务器自动拉去git仓库中最新的代码底层实现...原创 2019-09-03 17:29:55 · 311 阅读 · 0 评论