dengluandai1740-CSDN博客

转载 js正则高级函数（replace，matchAll用法），实现正则替换（实测很有效）

有这么一个文档，这是在PC端显示的效果，如果放在移动端，会发现字体大小是非常大的，那么现在想让这个字体在移动端能按照某个比例缩小，后台返回的数据格式是：<html><head> <title></title> <link href="/spa/document/content.css" rel="...

2019-09-19 14:10:00 1823

转载腾讯云服务器centos7.2+nginx（开启gzip压缩）+uwsgi+Django+react

因为项目原因，学习了react,Django，完成react开发项目过后，打包（做好了代码分割、压缩）放入Django中，在本地运行速度很快，结果放到服务器中，虽然某些js文件很小（只有一百多kb），但是下载速度非常慢，需要3-6秒，这样导致页面加载速度很慢，通过查询，通过gzip压缩，可以使项目js文件进行进一步压缩，极大的加快项目运行速度。现将完整的流程分享如下：一、确保项目在服...

2019-05-13 15:01:00 442

转载轮播图采用js、jquery实现无缝滚动和非无缝滚动的四种案例实现，兼容ie低版本浏览器...

项目源代码下载地址：轮播图以下为项目实现效果：（由于gif太大，所以只上传一张图片，但效果完全能实现，经测试，在ie各版本浏览器及chrome，firefox等浏览器中均能实现效果，可以实现点击切换图片，无缝滚动和非无缝滚动两种效果）　页面源代码：index.html(以下注释自行切换，为了项目清晰，所以用了四个js文件，分别实现不同的效果)<!DOCTYPE ...

2019-04-29 22:21:00 341

转载 webstorm 添加css前缀（兼容）自动添加

Webstorm自动添加css前缀（兼容)百度了很多在webstorm中添加css前缀（兼容）自动添加，autoprefixer插件是首选，对于基本的css,还有less都支持，所以就选择了autoprefixer插件作为css前缀自动添加插件。通过百度，发现有很多介绍此插件在webstorm的使用，但通过测试，虽然说没有问题，但是都没有介绍一个关键的点，所以导致我在测试的时候...

2019-04-16 12:10:00 748

转载 jade直接写类似JavaScript语法的东西，不需要写script

我们知道，html做计算都是在JavaScript中完成的，那么不用JavaScript行不行呢，可以直接在jade中一样的编写如： -var a = 3 -var b = 4 div a+b = #{a+b}编译结果就是<div>a+b = 7</div>可以看出在前面加一个“-”就能实现上面效果...

2019-04-14 14:30:00 323

转载 "|"，“.”，"include"在jade中的用法（原样输出）

我们知道，body　　　　　　　　　　--><body> abc　　　　　　--><abc></abc>　　　　　　　　　　　　 --></body>　　如果我们想直接输入内容怎么办呢：直接添加 "|"就可以body　　　　　　　--><body>　 ...

2019-04-14 14:04:00 235

转载如何解决jade标签没有闭合，如input

最近用jade模板引擎编写html时发现input编译输出为<input>,而我想要的效果为<input/>，如何解决呢，这时我们可以这样写：　　input/ ---> <input/>转载于:https://www.cnblogs.com/alex-xxc/p/10704963.html...

2019-04-14 13:58:00 205

转载 ajax实现快递单号查询

效果：（代码写的有点乱，自行修改就可以了）　　源码：　　index.php<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>中通快递单号查询</title> <styl...

2019-02-21 10:13:00 1312

转载解决input和button错位（不齐）问题

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> *{ m...

2019-02-20 11:03:00 866

转载 2d旋转（css3实现过度效果和动画效果）

效果：　　源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> ...

2019-02-18 20:34:00 263

转载悬浮在网页右侧并可依次展开的菜单导航

效果：　　源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>悬浮在网页右侧并可依次展开的菜单导航</title> <style type="text/css">...

2019-02-18 14:17:00 556

转载 js实现仿华为手机计算器，兼容电脑和手机屏幕

效果图：电脑端：手机端：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>仿华为计算器</title> <meta name="viewport" ...

2019-01-17 11:37:00 588

转载 jquery json实现面向对象百度十二星座

效果：源码：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>百度星座</title> <style type="text/css"> ...

2018-12-07 23:18:00 180

转载 js 封装trim()方法，去掉空格

2018-12-07 12:58:00 443

转载变量声明提升

<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title></head><body></body></html><...

2018-11-30 16:55:00 160

转载 knova绘制进度条

效果：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>knova绘制进度条</title> <style> body { ...

2018-11-30 11:42:00 179

转载 knova绘制矩形

效果：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Konva绘制矩形</title> <script type="text/javascript" src="k...

2018-11-30 11:26:00 211

转载 canvas+js+面向对象的圆形封装

效果：Circle.js/* 1、封装属性： x， y r， fillStyle strokeStyle opacity 2、render*/function Circle(option) { this._init(option);}Circle.prototype = { _init : funct...

2018-11-30 11:01:00 206

转载 canvas+js+面向对象的矩形封装

效果：Rect.js/* 1、封装属性： x， y w ， h， fillStyle strokeStyle rotation opacity 2、render*/function Rect(option) { this._init(option);}Rect.prototype = { _init :...

2018-11-30 10:43:00 126

转载 canvas+js绘制折线图

效果：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>坐标系绘制</title></head><body><canvas id="canvas...

2018-11-29 20:19:00 182

转载 canvas+js绘制序列帧动画+面向对象

效果：素材：源码：（一般的绘制方式）<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>绘制序列帧动画</title></head><body>&...

2018-11-29 15:58:00 393

转载 canvas+js画饼状图

效果：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>饼状图</title></head><body><canvas id="canvas...

2018-11-29 11:16:00 200

转载 CSS3 文本溢出问题

一、单行：　　效果：实现这各效果必须要加上：text-overflow: ellipsis;　　/*文本溢出*/overflow: hidden;　　　　　　/*配合使用：溢出隐藏*/white-space: nowrap;　　　　/*配合使用：不换行*/二、多行：　　实现效果必须加上：overflow: hidden;text-ov...

2018-11-27 19:03:00 121

转载 jquery 实现省市二级联动

效果：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格动态添加数据</title> <script src="jquery-3.3.1.js"><...

2018-11-27 14:17:00 129

转载 jquery将json数据放入表格当中

数据：var datas = [{ name:"淘宝", url:"www.taobao.com", type:"购物网站" },{ name:"百度", url:"www.baidu.com", type:"搜索网站" },{ nam...

2018-11-27 13:34:00 401

转载 css ie6双倍margin现象

IE6双倍margin bug当出现连续浮动的元素，携带和浮动方向相同的margin时，队首的元素，会双倍marign。解决方案：1）使浮动的方向和margin的方向，相反。所以，你就会发现，我们特别喜欢，浮动的方向和margin的方向相反。并且，前端开发工程师，把这个当做习惯了。1 float: left;2 margin-right: 40px;...

2018-11-27 11:15:00 97

转载 css margin塌陷问题

我们先看个例子：<style> *{ margin: 0; padding: 0; } div{ width: 100px; height: 100px; background-color: red; } .one{ ...

2018-11-27 11:10:00 88

转载 css ie浏览器兼容问题

第一，IE6，不支持小于12px的盒子，任何小于12px的盒子，在IE6中看都大解决办法很简单，就是将盒子的字号，设置小（小于盒子的高），比如0px。1 height: 4px;2 _font-size: 0px;我们现在介绍一下浏览器hack。hack就是“黑客”，就是使用浏览器提供的后门，针对某一种浏览器做兼容。IE6留了一个后门，就是只...

2018-11-27 10:55:00 98

转载 css 实现文字图片垂直对齐

给图片使用vertical-align:middle;就可以实现<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ...

2018-11-26 14:25:00 204

转载 css 清楚浮动三种方法

我们可以看到这样一个布局：<style> .left{ width: 200px; height: 200px; background-color: #00ee00; float: left; } .right{ width: 100px; ...

2018-11-26 11:37:00 63

转载 jquery 实现动画效果（各种方法）

1.show()和hide()和toggle()(这是show和hide的一个综合，一个按钮就实现显示和隐藏)效果：代码：<button type="button" class="show">普通show</button><button type="button" class="show1">一秒show</button&gt...

2018-11-25 13:37:00 992

转载 jquery事件绑定

老版本用bind,新版本用on,off,1.绑定一个事件：　　$("div").bind("click",function(){});2.绑定多个事件：　　$("div").bind("click mouseover",function(){})　　或者：　　　　$("div").bind({　　　　　　'click':function(){}　　　　},...

2018-11-25 10:49:00 64

转载 jquery offset()和position()的区别

2018-11-25 10:18:00 85

转载 jquer 使用原生DOM对象

js中使document.getElementById("ID");Jquery中可以使用$("#id") 或者$("#id").get(0)(原生dom对象)转载于:https://www.cnblogs.com/alex-xxc/p/10014086.html

2018-11-24 23:15:00 91

转载游戏2：HTML5制作网页游戏看看你有多色--createjs

效果：index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>看你有多色</title> <script src="easeljs.min.js">&l...

2018-11-24 20:22:00 247

转载游戏1：HTML5制作网页游戏围住神经猫--createjs

游戏简介：点击小圆圈，是蓝色的小圆圈不跑出圆圈外，跑出则结束游戏准备工作：　　下载easejs ：下载地址：http://www.createjs.cc/easeljs 中文网站效果：　　index.html<!DOCTYPE html><html lang="en"><head> <meta...

2018-11-24 19:30:00 337

转载 js 实现全国省市区三级联动

效果：index.html<!DOCTYPE html><html><head><meta charset="utf-8" /><title>全国城市三级联动</title><style type="text/css">body{ backg...

2018-11-24 15:09:00 556

转载 2.ajax+servlet实现注册时用户名验证

效果：精灵图（来源：从百度注册中download下来的）：userVerify.jsp<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C...

2018-11-24 14:06:00 176

转载 1.ajax简单实现异步交互

效果：点击获取信息testAjax.jsp:<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" ...

2018-11-24 10:44:00 66

转载 html5兼容问题

1.html5对于ie9一下的版本不支持，所以我们可以添加（你可以下载至本地）：2...

2018-11-23 18:42:00 63

空空如也

空空如也