html css js
html, css, js 随笔
遗忘了的自己
谁遗忘了谁,谁放弃了谁
展开
-
js 中 对 this 指向的理解
js 中 this 理解普通函数 (function定义的函数)参考this指的是函数运行时所在的环境如果该函数是一个构造函数,this指针指向一个新的对象在严格模式下的函数调用下,this 指向undefined如果该函数是一个对象的方法,则它的this指针指向这个对象箭头函数 (() => {})参考箭头函数 没有自己的 this箭头函数不会创建自己的this, 它只会从自己的作用域链的上一层继承thisobj 对象不构成单独的作用域不管在什么情况下,箭头函原创 2021-07-26 17:31:22 · 89 阅读 · 0 评论 -
html 自定义 滚动条颜色 (chrome )
针对webkit内核的浏览器,使用伪类来改变滚动条的默认样式::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或向左向右移动)::-webkit-scrollbar-track 滚动条的轨道(里面装有Thumb)::-webkit-scrollbar-button 滚动条的轨道的两端按钮,由于通过点击微调小方块的- 位置。::-webkit-scrollbar-track-piece 内层轨道,滚动条.原创 2021-06-29 15:41:24 · 420 阅读 · 0 评论 -
html 自定义 radio 颜色
<style>input[type=radio] + label::before { content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; border: 1px solid #489C9C; margin-right: 8px; box-sizing: borde原创 2021-06-29 15:31:02 · 808 阅读 · 0 评论 -
纯 css js 实现 tab 切换底部滑块跟随滑动效果
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>tab 切换滑块跟随</title> <style> body { padding: 0; margin: 0; } .bar { width: 42px; border-bottom: 2px solid #489C9原创 2021-05-08 15:36:20 · 1200 阅读 · 0 评论 -
js css html 显示隐藏侧边菜单
<html><head> <style> body { margin: 0; padding: 0; } .header { border: 1px solid #AAAAAA; height: 100px; } .container { display: flex; height: calc(100% - 100px); width:原创 2021-04-30 14:03:32 · 249 阅读 · 0 评论 -
js 绘制日历之获取当前日期有哪些日期
// let moment = require('moment');let data = new Array(6);for (let i = 0; i < data.length; i++) { data[i] = new Array(7)}let now = new Date();let year = now.getFullYear();let month = now.getMonth();let afterDate = new Date(year, month, 1);.原创 2021-04-30 13:14:55 · 79 阅读 · 0 评论 -
js 日期初始化
new Date();new Date(“month dd,yyyy hh:mm:ss”);new Date(“month dd,yyyy”);new Date(yyyy,month,dd,hh,mm,ss);new Date(yyyy,month,dd);new Date(ms);new Date(“2017-10-12T03:11:18.125Z”);new Date(“Thu O原创 2017-10-12 11:32:29 · 573 阅读 · 0 评论 -
拖拽或从剪切板粘贴图片到网页上
网页图片选取剪切板中的图片粘贴到网页文件中选取图片拖拽图片其他参考: link<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图片粘贴</title> <style> #preview_img { width: 200px; height: 200px; } </style>原创 2020-11-19 10:48:48 · 928 阅读 · 0 评论 -
前端开发小Bug小方案整理
去掉超链接或按钮点击时出现的虚线边框 $(“a,input,button”).focus(function(){this.blur()});原创 2017-10-27 10:23:47 · 255 阅读 · 0 评论 -
AngularJS 前端分页
前端分页是什么?不知道1、head 部分<head> <link rel="stylesheet" href="/css/bootstrap.css"> <script src="/js/angular/angular.js"></script> <script src="/js/angular-bootstrap/ui-bootstrap-tpls.js"></scrip原创 2017-07-28 16:23:41 · 1315 阅读 · 1 评论 -
前端国际化
国际化通过前端来做合适么?不知道1、国际化资源文件//en_US_lang.jsi18n = { btn: "i am a button", txt: "i am a text"}//zh_CN_lang.jsi18n = { btn: "我是按钮", txt: "我是文本"}2、国际化方法 i18n.jsvar lang = sessionStorage.getItem(原创 2017-07-28 16:05:59 · 456 阅读 · 0 评论