- 博客(23)
- 收藏
- 关注
RSS订阅原创 指针指针
指针指针C 语言是最常使用指针的语言之一，我们在初学 C 语言时可能就会因为指针这个概念而头疼，我在这里将重述指针在 C 语言里的作用及使用过程。尽管其它高级语言中可能并没有明显地使用指针的痕迹，但实际上指针仍然蕴含在那些高级语言的细微之处，可以说涉及到对地址的引用操作离不开指针的概念。指针的定义在计算机科学中，指针（英语：Pointer），是编程语言中的一类数据类型及其对象或变量，用来表示或存储一个存储器地址，这个地址的值直接指向（points to）存在该地址的对象的值。 ——维基百科在1
2020-11-13 11:33:45
843
原创 CSS预处理器——sass教程（3）
CSS预处理器——sass教程（3）sass 函数化sass的数值类型数值计算颜色值运算变量运算sass 的控制命令@if@for循环@while循环@each函数功能字符串函数unquote($string)quote函数to-upper-case函数、to-lower-case函数数字函数percentage函数round函数、ceil函数、floor函数、abs函数min函数、max函数random()函数列表函数length函数nth函数join函数zip函数index函数comparable函数M
2020-07-14 19:59:29
228
原创 CSS预处理器——sass教程（2）
CSS预处理器——sass教程（2）sass 的基本使用普通变量与默认变量注释全局变量与局部变量选择器嵌套属性嵌套伪类嵌套混合宏声明混合宏调用混合宏继承占位符插值语法#{}sass 的基本使用普通变量与默认变量我们在之前的内容里提到过，我们使用$符号来声明 sass 中的变量，后设置的变量值会覆盖前设置的变量值，例：//demo1.scss$boxWidth:100px;$boxWidth:200px;div{ width: $boxWidth;}编译结果：div { widt
2020-07-11 11:31:44
224
原创 css预处理器——sass教程（1）
sass教程（1）sass初识及安装（windows10环境）CSS预处理器sass两种不同的语法sass的安装sass 的语法格式及编译sass 的语法格式sass的编译使用命令行编译使用插件编译（推荐做法）VS code 编译 sass 的插件Webstorm 下编译 sass使用 含 GUI 页面的编译软件sass初识及安装（windows10环境）CSS预处理器对前端有一定了解的读者应当会知道 CSS（层叠样式表），然而 CSS 对开发者是非常不友好的，为了能让开发更加快捷、准确及容易维护，C
2020-07-08 10:48:48
718
原创 JavaScript闭包
Javascript闭包JavaScript闭包作用域作用域遮蔽闭包setTimeout与for循环的经典案例利用函数作用域块级作用域与letJavaScript闭包闭包是JavaScript中的重要内容，官方的定义为：函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起构成闭包（closure）。也就是说，闭包可以让你从内部函数访问外部函数作用域。在 JavaScript 中，每当函数被创建，就会在函数生成时生成闭包，块级作用域也会生成闭包。如上所述，闭包是与作用域
2020-07-03 21:59:51
181
原创 HTML极简入门学习
HTML入门学习前言Web诞生Internet起源发展WWW（万维网）Web开发介绍前端开发后端开发Web开发的标准HTMLCSSJavaScript开发工具HTML发展史HTML概念HTML历史XHTML`XHTML`与`HTML`的区别HTML语义化语义化 优势HTML初识HTML标签单标签双标签元素属性一个简单的页面HTML常用标签基本结构标题标签段落标签div标签与span标签链接图片标签列表有序列表无序列表自定义列表表格表格属性表单input的相关属性input的type属性用途数字输入框密码输入
2020-06-16 14:57:43
654
原创 TensorFlow学习——张量运算
张量运算加减乘除四则运算算术操作描述tf.add(x,y)将x和y逐元素相加tf.subtract(x,y)将x和y逐元素相减tf.multiply(x,y)将x和y逐元素相乘tf.divide(x,y)将x和y逐元素相除tf.math.mod(x,y)将x逐元素求余逐元素操作是指把x中的每一个元素与y中的每一个元素逐个地进行运算，但是实际上是可以用数学符号+-/*%去代替的。例：# 逐元素相加a = tf.constant([1, 2,
2020-06-04 21:00:11
4414
原创 tensorflow学习——张量的相关操作
张量操作张量相关操作维度变换改变张量形状多维张量的轴增加维度删除维度交换维度拼接张量分割张量堆叠张量分解张量部分采样索引和切片数据提取张量相关操作多维张量在物理上以一维的方式连续存储，通过定义维度和形状，在逻辑上把它理解为多维张量。（对于多维数组也同样适用）维度变换改变张量形状使用tf.reshape改变张量的形状，语法格式：tf.reshape(tensor,shape)例，将一维张量转换成三维张量：a = tf.range(24)print(a)print(tf.reshape(a
2020-06-02 18:04:21
626
原创 TensorFlow之张量创建
张量tensorflow中的基本数据是tensor（张量），可以看作是多维数组或列表类型。张量的创建使用tf.constant()创建张量，tf.constant()的语法格式为：tf.constant(value,dtype,shape)value用来指定数据，dtype用来显式地声明数据类型，shape用来指定数据的形状，例如，要生成一个两行三列全为类型int32的数字2的张量，可以使用以下代码：import tensorflow as tfa = tf.constant(3,dtyp
2020-05-31 22:30:44
7066
3原创 《css揭秘》笔记（十三），染色效果
染色效果染色效果，为一幅灰度图片（或是被转换为灰度模式的彩色图片）添加染色效果，可以为不同风格的额照片带来视觉上的一致性。基于滤镜的解决方案sepia()，降低饱和度的橙黄色染色效果，几乎像素的色相值会被收敛到35~40.使用saturate()滤镜可以给像素提升饱和度，具体饱和度取决于实际情况。hue-rotate滤镜可以为每个像素的色相以指定度数进行偏移。.box1{ filter: sepia(1) saturate(3) hue-rotate(290deg);}<div
2020-05-26 10:54:26
263
原创 《css揭秘》笔记（十二），投影效果
投影效果单侧投影邻边投影双侧投影不规则投影解决方案单侧投影box-shadow是一个能为容器产生阴影效果的属性，它含有四个属性，例：box-shadow: 2px 2px 4px rgba(0,0,0,.5);我们可以通过以下步骤来理解这个属性生成阴影效果的原理：以容器位置及大小作为模板再生成一个颜色为rgba(0,0,0,.5)并与容器相同大小的元素，这个新生成的元素向右移动2px，再向下生成2px，这里我们设置了一个4px的模糊半径，此时就会以四个方向，每个方向的阴影边缘线（
2020-05-25 11:04:59
437
原创 《css揭秘》笔记（十一）， 简单饼图效果
简单饼图效果基于transform的解决方案这个方案在结构层面是最佳的选择：它只需要一个元素作为容器，而其他部分是由伪元素、变形属性和css渐变来实现的。假设我们目前需要一个简单的饼图，其展示的比率是固定的20%，首先把这个元素设置为一个圆形，以它为背景。然后使用棕色来显示比率。把圆形的左右两部分指定为上述两种颜色，然后用伪元素覆盖上去，通过旋转决定露出多大的扇区。.box1{ width: 100px; height: 100px; border-radius: 50%; bac
2020-05-22 09:51:45
317
原创 《CSS揭秘》笔记（十）， 梯形效果
《CSS揭秘》笔记（十）梯形效果3D旋转模拟梯形效果3D旋转模拟并没有一组2D变形属性能生成一个梯形，但是我们可以利用透视关系在css中用3D旋转来模拟出这个效果：.box1{ width: 100px; height: 50px; margin: 20px; background-color: #58a; transform: perspective(.5em) rotateX(5deg);}但是如图所示，它依然有瑕疵，容器中的文字也跟着变形了。然而，与2D图形不同的是
2020-05-20 23:55:28
254
原创 《css揭秘》笔记（九），切角效果
切角效果切角效果普通切角弧形切角裁切路径方案切角效果普通切角假设我们只需要一个角被切掉的效果，以右下角为例。渐变可以接受一个角度（45deg）作为方向，而且色标的位置信息可以是绝对的长度值。因而我们可以用一个线性渐变就能完成右下角被切掉的效果，只需要把一个透明色标放在切角处。.box1{ width:200px; height: 100px; background: linear-gradient(45deg, transparent 15px, #58a 0);}现在
2020-05-19 16:53:57
310
原创 《css揭秘》笔记（八），平行四边形和菱形的生成
《css揭秘》笔记（八）平行四边形嵌套元素方案伪元素方案菱形基于变形的方案裁切路径方案平行四边形我们可以使用skew()的变形属性来对矩形进行斜向拉伸。.box1{ width: 100px; height: 50px; margin: 20px; background-color: #0ffcc0; transform: skewX(45deg);}但是这会导致它的内部内容也会发生倾斜：<div class="box1">HELLO</div>
2020-05-18 17:45:42
567
原创 《css揭秘》笔记（七）， 各种各样的椭圆
椭圆椭圆自适应的椭圆半椭圆四分之一椭圆椭圆自适应的椭圆为任何正方形元素设置一个足够大的border-radius，就可以把它变成一个圆：background: #fb3;width: 200px;height: 200px;border-radius: 100px;border-radius指定了我们要得到的圆的半径，但是这一数值在大于一半容器大小的情况下，依然会得到一个圆。然而我们更希望它能根据其内容自动调整并适应。在这个案例中，我们希望得到一个能依据宽高变形为椭圆或圆的自适应圆。b
2020-05-17 23:21:52
268
原创 《css揭秘》笔记（六），复杂背景图案
复杂背景图案笔记复杂背景图案网格波点棋盘图案复杂背景图案网格把水平条纹与垂直条纹叠加起来就能得到各种样式的网格：.box1{ width: calc(210px - 15px); height: calc(210px - 15px); background: white; background-image: linear-gradient(90deg, rgba(200,0,0,.5) 50% ,transparent 0), linear-gradient(rgba
2020-05-16 20:51:30
223
原创 《css揭秘》笔记（五）， 条纹背景
《css揭秘》笔记（五）， 条纹背景条纹背景解决方案垂直条纹斜向条纹条纹背景现在我们需要条纹的背景，而且不通过加载图片的方式，而是以css的方式形成，现给出以下解决方案：解决方案通过线性渐变可以很好地得到条纹背景效果：.box11{ margin: 1.25em; width: 12.5rem; height: 12.5rem; background: linear-gradient(#fb3,#58a);}还可以通过百分比的方式来控制两种颜色过渡时占据的空间大小。.bo
2020-05-15 20:12:45
247
原创 《css揭秘》笔记（四）， 背景定位
《css揭秘》笔记（四）， 背景定位背景定位难题background-positionbackground-origin方案calc()方案背景定位难题有时我们希望图片能和背景之间有一定空隙，而且不仅仅只是针对背景的左上角作为偏移的原点。我们给出以下解决方案。background-positionbackground-position的扩展语法允许我们指定背景图片距离任意角的偏移量，只要我们在偏移量前面指定关键字。举例来说，如果想让背景图片跟右边缘保持20px的偏移量，同时跟底边保持10px的偏移
2020-05-14 10:48:57
187
原创 《css揭秘》笔记（二），半透明边框
《css揭秘》笔记（二），半透明边框半透明边框如果用hsla为<div></div>设置一个半透明的边框，相关css设置（此处设置的是一个红色的div，hsla设置的是一个灰色的半透明色）：.box1{ width: 6.25rem; height:6.25rem; background: red; border:10px solid hsla(0,0%,100%,.5);}如果恰好<html\>的背景颜色也是默认的白色，你会发现此处设置的&
2020-05-11 20:36:44
211
原创 SVG简易入门（极简）
SVG简易入门svg标签图形线段折线矩形多边形圆形椭圆图形的style设置其他常用标签Move命令L命令H命令与V命令svg标签<svg>标签相当于屏幕的窗口（也就是视口），所有的图形都绘制在这个视口上，可以在svg标签内通过width与height为它设置大小，例：<svg width="200px" height="200px">这里的视口是宽高均为200px...
2020-05-08 15:51:40
603
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人