0

webpack4.0各个击破(1)—— html部分

作为前端最火的构建工具,是前端自动化工具链 最重要的部分 ,使用门槛较高。本系列是笔者自己的学习记录,比较基础,希望通过 问题 + 解决方式 的模式,以前端构建中遇到的具体需求为出发点,学习 工具中相应的处理办法。(本篇中的参数配置及使用方式均基于 ) 一. webpack中的html 对于浏览器而 ...

大史不说话 发布于 2018-08-14 23:29 评论(0)阅读(33)
0

js 函数重载

简单定义:根据不同参数长度来实现让同一个函数,进行不同处理。 使用: 测试: ...

迪迪的博客 发布于 2018-08-14 22:59 评论(0)阅读(5)
0

创建jq插件步骤

无意看了这篇 "《jQuery插件开发精品教程,让你的jQuery提升一个台阶》" 文章,现在做一下总结。 一、jQuery插件的创建可以有三种方法 1.通过$.extend()来扩展jQuery 2.通过$.fn 向jQuery添加新的方法 3.通过$.widget()应用jQuery UI的部件 ...

黑星星 发布于 2018-08-14 20:04 评论(0)阅读(7)
0

Canvas屏保动画

话不多说直接上代码 因为项目需求,该动画中需要显示即时更新的数据,所以和普通的canvas画出来的不一样。但是又不能直接把html画到canvas中去,别着急有办法。 为了绘制 HTML 内容,你要先用<foreignObject> 元素包含 HTML 内容,然后再将这个 SVG 图像绘制到你的 c ...

紫菜、 发布于 2018-08-14 17:32 评论(0)阅读(27)
0

jquery仿移动端支付宝键盘

最近做项目时碰到一个需求,就是在移动端支付页面点击支付按钮弹出一个支付键盘,类似于支付宝的那种。由于项目只是单纯的手机网站,而并非app,所以这个功能得由前端来实现。话不多说,先上图看看效果。 尼玛,这不就是支付宝app那个支付键盘吗? 没错,咱们UI就是参照支付宝做的这个键盘。你可能会问,为什么不 ...

90後姿态 发布于 2018-08-14 17:15 评论(0)阅读(38)
0

jQuery 父iframe与子iframe 相互调用传值

来自:https://blog.csdn.net/wd4871/article/details/50517597 侵删 父页面中的iframe :如下 <iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="a ...

abcByme 发布于 2018-08-14 15:59 评论(0)阅读(14)
0

js 编辑数组

删除数组第一个元素使用var length = arr.shift(); 删除arr的第一个元素后, 返回值是删除后的数组长度 删除数组最后一个元素使用var length = arr.pop(); 删除arr的最后一个元素后, 返回值是删除后数组的长度 在数组开头添加元素使用var length ...

弓长张&木子李 发布于 2018-08-14 15:47 评论(0)阅读(17)
0

Vue初识:一个前端萌新的总结

一、前言 时隔三年,记得第一次写博客还是2015年了,经过这几年的洗礼,我也从一个后端的小萌新变成现在略懂一点点知识的文青。如今对于前端的东东也算有一知半解,个人能力总的来说,也能够独立开发产品级项目吧。至于为什么会前端的东西,估计学.NET的人应该大部分都懂些,之前自己搭建过一套框架,但觉得现在的 ...

这条卷毛不太卷 发布于 2018-08-14 15:25 评论(0)阅读(99)
0

解决 ajax 跨域

用两个服务器处理一个项目的代码,其中一台服务器只处理接口请求。 本来PHP可以使用CURL来处理,但是领导不允许使用PHP来处理数据。会影响网站的功能。如果接口端出现问题会导致整个网站或其页面的崩溃,因此使用前端处理数据。就不会产生这种问题。 本文适用于知道跨域,但是不知道跨域为何物的程序员。 话不 ...

浙江周树人 发布于 2018-08-14 15:15 评论(0)阅读(25)
0

用编程方式编写Babylon格式的宇宙飞船3D模型

使用上一篇文章(https://www.cnblogs.com/ljzc002/p/9353101.html)中提出的方法,编写一个简单的宇宙飞船3D模型,在这篇文章中对模型制作流程和数学计算步骤进行介绍,并为模型添加简单的材质。 我们首先对3D模型的轮廓进行估计,然后制作一个拥有足够多顶点的、与模 ...

ljzc002 发布于 2018-08-14 15:07 评论(2)阅读(128)
0

html5中audio支持音频格式

HTML5 Audio标签能够支持wav, mp3, ogg, acc, webm等格式,但有个很重要的音乐文件格式midi(扩展名mid)却在各大浏览器中都没有内置的支持。不是所有的浏览器都支持MP3 OGG之类的,每个浏览器因为版权的问题支持的格式都是不一样的。 浏览器和音频兼容性 浏览器制造商 ...

牛坤 发布于 2018-08-14 14:42 评论(0)阅读(10)
0

react实现多行文本超出加省略号

http://www.css88.com/archives/5206 根据该文章方法,放在react项目中发现并不能实现,仔细观察发现原来react解析出来的css样式中没有了 这个样式 : 然后即可实现。 ...

蓓蕾心晴 发布于 2018-08-14 14:15 评论(0)阅读(16)
1

HTML5页面CSS Reset

/* *//*reset*//* */* {box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0);}html { font-family: "Helvetica Neue", Helvetica, STHeiTi, Ar ...

Jeremy_Guo 发布于 2018-08-14 14:06 评论(0)阅读(14)
0

react实现页面切换动画效果

一.前情概要 注:(我使用的路由是react router4)     如下图所示,我们需要在页面切换时有一个过渡效果,这样就不会使页面切换显得生硬,用户体验大大提升;     but the 问题是,react的路由动画没有vue那么方便,在vue里面写几个 ...

orancat 发布于 2018-08-14 14:03 评论(0)阅读(66)
0

2018年你需要知道的13个JavaScript工具库

你可能已经用到Underscore或者Lodash。本文列举了13个常用的JavaScript工具库来提高开发效率。 ...

Fundebug 发布于 2018-08-14 11:49 评论(0)阅读(59)
0

1、ajax、axios总结

一.原生js实现ajax请求: 步骤: get请求: 2.post请求: 二.jq实现ajax请求: get请求: post请求 三.axios请求: 首先安装axios, 方法一:npm install axios 方法二: CDN引入 <script src="https://unpkg.com ...

今年起个名字真难 发布于 2018-08-14 11:21 评论(1)阅读(127)
0

2、css-过渡

css过渡:元素从一种样式逐渐改变为另一种的效果。过渡所需的条件:1.所过渡的元素必须有css样式。2.必须有过渡时间。以下是过渡元素的属性:transition:简写属性,用于在一个属性中设置四个过渡属性。transition-property:规定应用过渡的 CSS 属性的名称。transiti ...

今年起个名字真难 发布于 2018-08-14 11:21 评论(0)阅读(43)
0

查看一段代码的执行时间

var beginTime = +new Date(); this.$store.commit('EDIT_PROJECT', resp); this.$router.push(`/service/project/${id}`); var endTime = +new Date(); console ...

改个名字吧 发布于 2018-08-14 11:01 评论(0)阅读(44)
1

jQuery 动画效果 与 动画队列

基础效果 .hide([duration ] [,easing ] [,complete ]) 用于隐藏元素,没有参数的时候等同于直接设置 display 属性 .show() 用于显示元素,用法和hide类似 .toggle() 用来切换元素的隐藏、显示,类似于toggleClass,用法和sho ...

evenyao 发布于 2018-08-14 10:54 评论(2)阅读(266)
0

node环境和浏览器的区别

正好最近有朋友咨询我这个问题,那就简单谈一下我理解的node环境和浏览器的区别,高手请略过。 一、全局环境下this的指向 在node中this指向global而在浏览器中this指向window,这就是为什么underscore中一上来就定义了一 root; 而且在浏览器中的window下封装了不 ...

manshufeier 发布于 2018-08-14 09:58 评论(0)阅读(42)