一行js代码实现平滑滚动

js基础

js一行代码实现平滑滚动 window.scroll({"behavior": "smooth", "top": 100}) 兼容 IE和Safari暂时不支持

js正则给代码块添加编号

js基础

js正则给代码块添加编号 // 替换方法 function replacer(str = "", name, content) { let i = 1; const n = m => `<em class="row-num">${m > 9 ? m : "0" + m}</em>`; const c = content.replace(/\n/g, function() { i += 1; return `</p><p class="code-row">${n(i)}`; }); const res

使用css制作一个轮播

css

sroll-snap-type div { scroll-snap-type: none | [ x | y | block | inline | both ] [ mandatory | proximity ]? } mandatory: 通常在 CSS 代码中我们都会使用这个,mandatory 的英文意思是强制性的,表示滚动结束后,滚动停止点一定会强制停在我们指定的地方 proximity: 英文意思是接近、临近、大约,在这个属性中的意思是滚动结束后,滚动停止点可能就是滚动停止的地方,也可能会再进行额外移动,停在我们指定的地方 scroll-snap-align div {

icns 图标制作

前端开发

icns图标制作步骤 准备一个 1024 * 1024 的png图片(假设名字为 pic.png) 命令行 $ mkdir tmp.iconset (创建一个临时目录存放不同大小的图片) 把原图片转为不同大小的图片,并放入上面的临时目录 # 全部拷贝到命令行回车执行,执行结束之后去tmp.iconset查看十张图片是否生成好 sips -z 16 16 pic.png --out tmp.iconset/icon_16x16.png sips -z 32 32 pic.png --out tmp.iconset/icon_16x16@2x.png sips -z 32 32

前端绕开referrer防盗链

前端开发

html加入mate标签 <meta name="referrer" content="no-referrer" />

项目更新日志自动生成(简易版本)

前端开发

一、全局环境准备git cz和conventional-changelog # 安装成功之后,会有两个全局的和 npm install -g commitizen echo '{ "path": "cz-conventional-changelog" }' > ~/.czrc npm install -g conventional-changelog-cli 二、规范git提交 (1) 使用git cz代替git commit,按提交代码(2) 手动提交类似:Type(文件或者模块): 提交信息的commit记录(3) type类型包括: feat(新功能) fix(修补bug) pe

python闭包函数例子

python

python闭包函数 def fn(): l = [] def inner(): l.append(1) print(l) return inner inner = fn() print(inner) inner() inner() (不再每天专门写笔记了,不过还是要坚持在github上传自己学的demo)

python函数入门

python

递归方式实现阶乘 def factorial(num) -> int: if num > 1: return num * factorial(num - 1) else: return num print(factorial(3)) python函数入门例子 def sum(*args) -> int: ''' 文档字符串 sum函数,可以输入不定长度的数字参数,返回int类型 ''' print(args) total = 0 for i in args:

python集合set

python

python集合set练习 # set集合和列表很相似 # 不同点: 无序、只存不可变集合、不能有重复元素 a = {2, 1, 3, 4, 4, 4, 5} print(a, type(a)) # 创建空集合 a = set() print(a) # 字典转换为集合时,只会有健 a = set('hello') a = set([1, 2, 3, 4, 5]) a = set({'a': 1, 'b': 2}) print(a) # add 添加元素,无返回值 a = set() a.add(1) print(a) # update 将一个集合添加到另一集合 a = {1, 2, 3

python元组tuple

python

python元组tuple练习 # tuple不可修改列表 my_tuple = () print(my_tuple, type(my_tuple)) my_tuple = tuple(range(10)) print(my_tuple) # 可以省略括号 my_tuple = 1, 2, 3, 4 print(my_tuple) # 只有一个逗号的时候,必须有一个逗号 my_tuple = (1,) print(my_tuple) my_tuple = 1, print(my_tuple) # 元组解构 my_tuple = 'a', 'b', 'c' (a, b, c) = my_t

python字典dict

python

python字典dict练习 # 字典相当于js中的JSON a = {} print(a, type(a)) a = dict(a=1, b=2, c=3) print(a, type(a)) # 结构: {key: value} a = {'a': 1, 'b': '2', 'c': 3} print(a) # 根据key获取value, 不可以只用不存在的key a = {'a': 1, 'b': '2', 'c': 3} print(a['a']) # 字典转换 双值序列、子序列 a = [('a', 1), ('b', 2)] print(dict(a)) # 获取健值对 a

python 列表

python

python列表练习 # python列表入门 ls = [1, 2, 3, 4, 5, 6] # 获取对应下标 print(ls[2]) print(ls[-1]) # 获取长度 print(len(ls)) # 切片: 包括起始位置,不包括结束位置,不影响原列表 print(ls[1:2]) print(ls[1:]) # 复制列表 print(ls[:]) # 第三个参数表示间隔 print(ls[1:5:2]) # 列表累加 a = [1, 2, 3, 4] b = [5, 6, 7, 8] print(a + b) # 列表复制 print([1, 2, 3] * 3)

python基础笔记

python

==和is # == 和 !=比较的是赋值是否相等 # is 和 not比较的是id是否相等,是否是同一个对象 a = [1, 2, 3] b = [1, 2, 3] print(a == b) print(a is b) print(id(a), id(b)) range 序列 # range: 起始位置、结束位置、步长 print(range(3, 10)) print(list(range(3, 10, 2))) r = range(10) print(r) print(list(r)) # 通过range进行for 循环 for i in range(100): print

mac设置默认python版本为python3

python

一、下载python3 二、mac设置python版本为python3 # 检查命令位置 which python3 # 修改bash_profile文件 vi ~/.bash_profile # 底部加入alias alias="【python3命令位置】" # 重启Termimal 总是半途而废,从今天开始每天学一个小时以上python,并且会随便记录一些笔记

tar 解压到指定目录

linux

tar 解压到指定目录 tar -xvf test.tar --strip-components 【指定解压目录层级】

标签

  • 全部
  • html
  • css
  • js基础
  • react
  • nodeJs
  • 前端开发
  • 娱乐
  • linux
  • windows
  • 关于我
  • mysql
  • 七牛
  • 微信
  • vue
  • git
  • webpack
  • 小程序
  • docker
  • python