Truthy、Falsy与true、false的区别
前段时间看Vue3的一篇文档，看到一个名词Truthy，整篇文档看下来该名词出现的频率还挺高，一时间蒙圈了，这是啥玩意，咋没见过呢，有道和google都翻译了下，居然没查到这货(还是英语太差的锅)，这下更蒙圈了。 查了一番资料后发现，Truthy就是真值的意思，以前开发已经用到很多很多了，只是一直没 ...
Gulp插件，及使用方法。
Gulp插件 gulp-htmlmin : html文件压缩 gulp-csso ： 压缩css gulp-babel : javaScript语法转换 gulp-less : less语法转换 gulp-uglify : 压缩混淆javaScript gulp-file-include : 公共文 ...
一个原生JavaScript动画库原型
设计目标：简单易用，不依赖其他库，对旧版浏览器具有一定兼容性，功能可扩展。 动画调用： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>为若干个标签添加若干个动画，动画要有变化属性（默认为 ...
原生js把数据循遍历到前端table
用前端框架去给表格赋值简直不要太容易和简单。但是原生js就会复杂一些了。特别是按钮事件的那个（“ ）和 （’）特别让人脑瓜子疼。 最近做了一个功能，里面用的就是原生js实现。 写在js里面的代码：(用的ajax请求将文件保存到服务器，返回的数据遍历到table) 1 function 方法名() { ...
JQuery中的顶级对象$的了解
我们想使用JQuery里面的方法，是要通过JQuery的 $ 对象调用里面的方法 1. 我们希望代码在html加载完毕之后立即执行，那么可以使用ready事件。 实例：$(document).ready(function(){ alert(‘等页面的dom元素加载完毕执行’)；//ready与win ...
canvas画板，Html5新标签Canvas制作炫酷的画板功能
在html5中，新增了很多实用的标签，今天为大家介绍的是html5新增标签，标签是使用来规定一个图形容器（画布），然后通过脚本（ JavaScript等）来绘制图形。 今天给大家做一个类似于电脑画图板的功能，我们先来看看效果图： 好了，我们开始上代码 HTML <div id="box"> <can ...
打造一款简单易用功能全面的图片上传组件
多年前我曾搞过Winform，也被WPF折磨得死去活来。后来我学会了对她们冷眼旁观，就算老鸨巨硬说又推了一个新头牌UWP，问我要不要试试，我也不再回应。时代变了，她们古板的舞步已经失去了往日的魅力，那些为了适应潮流勉强加上的几个动作反而显得更加可笑、和可悲。我四处流浪，跟着年轻的小伙们去到远处的移动 ...
background背景相关之背景颜色
css背景缩写属性可以在一个声明中设置所有的背景属性,css背景图像支持引入多个图像. 主要属性有:background-color,background-image,background-repeat,background-position,background-attachment,backgr ...
蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17
蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声，React 17 历经 4 个 RC 版本之后，也于数天前正式发布了，而同在几天前发布的 CRA 4.0 也已经完成了 React 17 的支持。虽然没有任何新特性，看似“平平无奇”的 React 17 却依旧令人神摇目夺， ...
循序渐进VUE+Element 前端应用开发(24）--- 修改密码的前端界面和ABP后端设置处理
用户在系统登录后，一般会提供一个入口给当前用户更改当前的密码，其实更改密码操作是很简单的一个处理，不过本篇随笔主要是介绍结合前后端来实现这个操作，后端是基于ABP框架的，需要对密码的安全性进行一个设置，否则严格的密码规则非常不友好，毕竟我们系统很多情况下不需要那么复杂的密码规则。 ...
Es6-Promise初识
Promise 含义: Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了Promise对象。 实例化Promise const p = new Promise(); 接收一个参数 ...
JavaScript 闭包应用-打印所有li元素的内容
代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http ...
JavaScript 闭包应用-计算打车价格
场景： 打车起步价13(3公里内),之后每多一公里增加5块钱。用户输入公里数就可以计算打车价格。 如果有拥堵情况,总价格多收取10块钱拥堵费。 代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta nam ...
JavaScript 闭包应用-点击li输出索引号
代码实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http ...
margin兼容之margin-top的传递问题(面试题)
问题:margin的兼容margin-top的传递 描述:大盒子里面嵌套小盒子,给小盒子添加margin-top值,不但没有实现和大盒子之间的间距,反而传递到大盒子上,导致整体下移 解决兼容性问题: overflow:hidden解决margin-top的传递问题(此处不是溢出隐藏) padding ...
微信小程序picker组件两列关联使用方式
在使用微信小程序picker组件时候，可以设置属性 mode = multiSelector 意为多列选择，关联选择，当第一列发生改变时侯，第二列甚至第三列发生相应的改变。但是官方文档上给的只有三列数据关联改变，没有两列改变得，我在写的时候琢磨了很久官方文档，于是写下此篇文档，作为总结。 结构文件 ...
margin的值和垂直外边距重叠问题
并列盒子的margin(双margin的重叠)面试题:一个盒子有上边距,另一个盒子有下边距,会出现margin边距的重叠问题?解决:取大值,并不是他们的相加之和,而是谁大听谁的! <!DOCTYPE html> <html> <head> <meta charset="utf-8"/> <title ...
循序渐进VUE+Element 前端应用开发(23）--- 基于ABP实现前后端的附件上传，图片或者附件展示管理
在我们一般系统中，往往都会涉及到附件的处理，有时候附件是图片文件，有时候是Excel、Word等文件，一般也就是可以分为图片附件和其他附件了，图片附件可以进行裁剪管理、多个图片上传管理，及图片预览操作，如果是其他附件，则只需上传和下载处理即可。本篇随笔基于ABP后端的接口整合，实现前后端的附件上传管... ...
border制作三角形的技巧(面试题)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style> 7 .triangle{ 8 width: 0px; 9 height: 0px; 10 border-width: 10 ...
