0

图片实时预览功能

<input type="file" id='file'> <div> <img src="" alt="" id='preview'> </div> <script> let file = document.querySelector('#file'); let preview = documen ...

我是个高手 发布于 2019-09-21 14:27 评论(0)阅读(25)
0

使用docxtemplater来处理word模板

工作中遇到需要根据不同数据来处理模板word的情况,网上搜索了一番之后,找到了一个叫做docxtemplater的库,使用起来非常便携,也十分满足此次的需求。 这次就来记录一下docxtemplater的使用。 docxtemplater官网:https://docxtemplater.readth ...

狮子还是喵 发布于 2019-09-21 14:19 评论(0)阅读(13)
0

Node.js之模块机制

文章原创于公众号:程序猿周先森。本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号。 其实在JavaScript的发展中,它主要是在浏览器前端中被应用广泛。因为在实际应用中, JavaScript的表现能力主要取决于宿主环境的API支持程度, 在最早期,只有对BOM, DOM的支持,随着HTML ...

带着眼泪去流浪 发布于 2019-09-21 14:16 评论(0)阅读(19)
0

重学js之JavaScript 面向对象的程序设计(创建对象)

注意: 本文章为 《重学js之JavaScript高级程序设计》系列第五章【JavaScript引用类型】。 关于《重学js之JavaScript高级程序设计》是重新回顾js基础的学习。 1. 什么是面向对象 面向对象的语言有一个标志,那就是它们都有类的概念,而通过类可以创建任意多个具有相同属性和方 ...

lieone 发布于 2019-09-21 13:05 评论(0)阅读(26)
0

图算法 - 只需“五步” ,获取两节点间的所有路径(非递归方式)

在图论中,获取两点之间所有的路径的问题大部分采用递归来实现。而在 JS 中用递归算法很容易会让调用栈溢出,本文提供一种利用双栈(stack)数据结构来非递归实现,以便于在生产环境使用。 ...

JSCON简时空 发布于 2019-09-21 11:50 评论(0)阅读(84)
0

鼠标悬浮事件

1.任务需求:一个按钮,一个Div,当鼠标移出按钮时,按钮显示请移入鼠标,Div隐藏,当鼠标移入时,按钮显示请移出鼠标,Div显示。 2.任务分析:监听鼠标的移入移出事件,修改元素标签的文本 3.代码实现: ...

葳蕤ydp 发布于 2019-09-21 11:23 评论(0)阅读(17)
0

jquery的点击事件

一.任务需求:两个按钮,一个DIV,点击显示按钮显示DIV,点击隐藏按钮,隐藏DIV。 二.任务分析:监听按钮的点击,操作DIV的显示隐藏效果。 三.代码实现: ...

葳蕤ydp 发布于 2019-09-21 10:50 评论(0)阅读(13)
0

Vue之富文本tinymce爬坑录

前言 最近因业务需求在项目中嵌入了tinymce这个富文本编辑器,用于满足平台给用户编辑各类新闻内容什么的业务需求,前后也花了不少时间体验和对比了市面上各类开源编辑器。*案例demo版本:vue-tinymce-demo在线预览:vue-tinymce-demo.netlify.com/#/各大WY ...

努力的阿洋 发布于 2019-09-21 10:00 评论(0)阅读(24)
0

从0构建webpack开发环境(一) 一个简单webpack.config.js

本文基于webpack4.X,使用的包管理工具是yarn 概念相关就不搬运了,直接开始 首先项目初始化 在项目中安装webpack和webpack cli (webpack4.X需要) 紧接着在项目中创建三个文件 ,`dist/index.html webpack.config.js`, webpa ...

App_z 发布于 2019-09-21 02:53 评论(0)阅读(16)
0

HTML连载38-内边距属性、外边距属性

一、内边距属性 1.定义:边框和内容之间的距离就是内边距 2.分开写 3.连写: 4.注意点: (1)给标签设置内边距之后,标签占有的宽度和高度会发生变化 (2)内边距也会有背景颜色 二、外边距属性 1.定义:标签与标签之间的距离就是外边距 2.分开写: 3.一起写 4.例子 5.注意点:外边距的那 ...

心悦君兮君不知-睿 发布于 2019-09-21 00:25 评论(0)阅读(53)
0

jQuery——超链接提示

在熟悉jQuery过程中,练习超链接提示显示,发现书本上有个问题,经过查询资料,修改如下: 效果如下图: IE edge中的效果: ...

用脑袋行走的人 发布于 2019-09-20 22:28 评论(0)阅读(15)
0

JavaScript高级笔记

# 今日内容: 1. JavaScript: 1. ECMAScript: 2. BOM: 3. DOM: 1. 事件 ## DOM简单学习:为了满足案例要求 * 功能:控制html文档的内容 * 获取页面标签(元素)对象:Element * document.getElementById("id值 ...

Freud领工资也用券 发布于 2019-09-20 21:41 评论(0)阅读(38)
0

css3贝塞尔曲线过渡动画速率——transition-timing-function:cubic-bezier(n,n,n,n)

css3过渡动画速率用到的是三阶贝塞尔曲线,曲线有四个点,p0,p1,p2,p3 有几个属性: linear 规定以相同速度开始至结束的过渡效果(等于 cubic-bezier(0,0,1,1))。 ease 规定慢速开始,然后变快,然后慢速结束的过渡效果(cubic-bezier(0.25,0.1 ...

TenFly 发布于 2019-09-20 21:00 评论(0)阅读(13)
0

DOM盒子模型常用属性client,offset和scroll

JS盒子模型属性 在JS中通过相关的属性可以获取(设置)元素的样式信息,这些属性就是盒子模型属性(基本上都是有关于样式的) |属性|值| |: |: | |client |top/left/width/height| |offset |top/left/width/height/parent| |s ...

endless-love 发布于 2019-09-20 17:06 评论(0)阅读(29)
0

vue开发插件

1 新建plugin.js,文件内容如下 2 在main.js中引入 至此,方式属性已经全局引入,在vue页面可以使用 ...

狂奔的蜗牛0828 发布于 2019-09-20 16:49 评论(0)阅读(14)
0

HTML概述

HTML是一种描述网页的语言。全称是Hyper Text Markup Language(超文本标记语言),是一种标记语言,由许多的标记标签组成。 一 HTML标签 1,简介 HTML语言是由许多标签组成,HTML 标签是由尖括号包围的关键词,比如 <html>。 HTML标签都是小写的。 HTML ...

任风来去匆匆 发布于 2019-09-20 16:04 评论(0)阅读(20)
17

不用JS,教你只用纯HTML做出几个实用网页效果

转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。原文出处:https://blog.bitsrc.io/pure-html-widgets-for-your-web-application-c9015563af7a 在我们以往看到的页面效果中,很多效果是需要 ...

葡萄城技术团队 发布于 2019-09-20 16:01 评论(4)阅读(936)
0

纯css耍个透明正方体转一转

效果 效果图如下 ​ ​ 实现思路 dom结构 按照实现思路,我们需要如下的dom结构 <div class="container"> <div class="cube-wrap"> <div class="cube"> <div class="front">front</div> <div cla ...

柏大乖要乖呀 发布于 2019-09-20 15:08 评论(0)阅读(60)
0

关于hover与after,before已及first-letter,first-line的联用

0920自我总结 关于hover与after,before已及first letter,first line的联用 一.写法 元素:hover::after{样式} 元素:hover::before{样式} 二.使用 元素:hover::after{样式}与元素:after{content:'插入的 ...

小小咸鱼YwY 发布于 2019-09-20 15:08 评论(0)阅读(16)
0

webpack动态加载打包chunk命名

最近,遇到复杂h5页面开发,为了优化H5首屏加载速度,想到使用按需加载的方式,减少首次加载的JavaScript文件体积,于是将处理过程在这里记录一下,涉及到的主要是以下三点: 使用Webpack如何做按需加载 filename和chunkFilename的区别 如何命名chunk的名称(webpa ...

js-coder 发布于 2019-09-20 14:51 评论(0)阅读(27)