D14——C语言基础学PYTHON

C语言基础学习PYTHON——基础学习D14 20180919内容纲要: 1、html认识 2、常用标签 3、京东html 4、小结 5、练习(简易淘宝html) 1、html初识(HyperText Markup Language) 超文本标记语言, 标准通用标记语言下的一个应用。 “ 超文本 ” ... »

html高度塌陷问题解决

高度塌陷的问题: 当开启元素的BFC以后,元素将会有如下的特性 1 父元素的垂直外边距不会和子元素重叠 开启BFC的元素不会被浮动元素所覆盖 开启BFC的元素可以包含浮动的子元素 如何开启元素的BFC 设置元素浮动 设置元素绝对定位 设置元素为inline-block float:left; (不好 ... »

Vuejs开发环境搭建及热更新

Vuejs开发环境搭建及热更新 一、安装NPM 1.1最新稳定版本: npm install vue 二、命令行工具安装 国内速度慢,使用淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 注意:以后使用npm的地 ... »

论前端信息加密必须性(要不要加密、如何加密)

一、序言 最近,关注了一下关于web端登录、传输数据加密的情景。发现了一些有意思的事情。某互联网金融公司程序员做登录验证,先来一发md5加密,然后就自豪的说我的登录是加密的,外人无法破解,绝对保障用户的信息安全。事后博主发现,my gold,全站http协议,仅仅登录使用了md5加密。 ps: 偷偷 ... »

vue.js响应式原理解析与实现—实现v-model与{{}}指令

"上一节" 我们已经分析了vue.js是通过Object.defineProperty以及发布订阅模式来进行数据劫持和监听,并且实现了一个简单的demo。今天,我们就基于上一节的代码,来实现一个MVVM类,将其与html结合在一起,并且实现v model以及{{}}语法。 tips:本节新增代码(去 ... »

前端的学习之旅

Html学习笔记1 特殊符号:html中对换行缩进空格不敏感,都只会解析成一个空格 空格:&nbsp; < : &lt; > :$gt; 版权符号:&copy; 表格:1 表示表格:table表示表格 tr:表示行 td:单元格 tr和td只能写在表格里面 2 表格属性:属性: boder:边框 w ... »

JSON模板引擎--artTemplate

通常情况下,在我们使用ajax请求数据获得一个json格式的响应体,并且要将获得的相应数据填充到HTML页面上的时候,可能需要自己拼接字符串,这样比较麻烦,而使用模板引擎就可以帮我们省却自己拼接字符串的过程。 使用模板引擎其实就是预先写好HTML结构代码,然后调用模板引擎第三方库,自动把数据填充到这 ... »

jquery仿移动端支付宝键盘

最近做项目时碰到一个需求,就是在移动端支付页面点击支付按钮弹出一个支付键盘,类似于支付宝的那种。由于项目只是单纯的手机网站,而并非app,所以这个功能得由前端来实现。话不多说,先上图看看效果。 尼玛,这不就是支付宝app那个支付键盘吗? 没错,咱们UI就是参照支付宝做的这个键盘。你可能会问,为什么不 ... »

svg的基本图形与属性【小尾巴的svg学习笔记1】

因为项目有可能用到, 所以学习了一下,做此笔记,图截自慕课网,侵删。 一、基本图形 1、矩形 x,y定义矩形的左上角坐标; width,height定义矩形的长度和宽度; rx,ry定义矩形的圆角半径长度,这里注意,如果rx给值了ry没给值,ry沿用rx的值,反之同理; 2、圆形 cx与cy定义圆心 ... »

html中div使用CSS实现水平/垂直居中的多种方式

CSS中的居中,在工作中,会经常遇到。它可以分为水平居中和垂直居中,以下是几种实现居中的方式。 [git 查看源码][1] [配合在线预览,效果更佳][2] 以下例子中,涉及到的CSS属性值。 1: text align:center,水平居中 块状元素,水平居中 2:margin: 0 auto, ... »

HTML_关于现代前端必要知识

由VS Code空.html文件打出 或`!`按下tab建后默认生成的.html基本框架代码说起 第一行: 很庆幸,如今我们只需要这么一个自闭合标签即可告诉浏览器,请使用html5的标准来解析下面的代码 从第二行起, 我们就需要用到前端相关知识了, 以下将知识划分四块: 1. 普通标签 2. 自闭合 ... »

浅谈新的布局方式-flex

引言: 网页布局在flex出来之前,是由盒模型为底子,float,position,table,百分比来进行布局的,重绘的比较多,影响性能,复杂又不好维护。flex布局,可以简便、完整、响应式地实现各种页面布局。我在网上看到有很多写flex布局的博文,自己就写着复习一下这个flex布局。 一 基本概 ... »

Html知识点

1、企业应用计算模式主要有:CS模式(客户端/服务器)和BS模式(浏览器/服务器模式) 2、html:超文本标记语言。以标记和子标记描述网页元素。 http:超文本传输协议。 3、网页以*.html作为后缀名。 网页以<html>作为根元素,该元素中包含<head>和<body>两个子元素。 <he ... »

天猫首页悬浮层制作原理

悬浮层效果图: 布局设计思路: 右边的树形导航菜单使用一个ul囊括,在每个li中放入一个span标签用来存放导航信息,再放入一个div用来当作需要显示的悬浮层 如: 实现悬浮层有两种方法: 1、纯css模式: 2、使用js+css实现 具体实现看:http://how2j.cn/k/tmall-fr ... »

浏览器缓存原理

本文章为原创文章,转载请注明出处 Cookie 客户端发送请求,参数放在请求体,服务器接收数据并存到cookie,服务器响应,cookie在响应体返回,下次请求时根据url决定带哪个cookie,cookie放在请求头发送到服务器。不同域名是无法共享浏览器端本地信息的。 Session 客户端发送请 ... »

validate表单验证-单独验证

今天编写一个表单验证程序,我来说一下今天遇到的坑:程序不是通过submit按钮提交验证的,是在自己写的一个方法中提交的,出现了表单无法验证的情况。然后我就了解了一下jquery validate的验证方法。 jquery validate表单验证方式有三个: 1、直接通过submit方式提交,提交时 ... »

vue2.0 如何自定义组件(vue组件的封装)

一、前言 之前的博客聊过 vue2.0和react的技术选型;聊过vue的axios封装和vuex使用。今天简单聊聊 vue 组件的封装。 vue 的ui框架现在是很多的,但是鉴于移动设备的复杂性,兼容性问题突出。像 Mint-UI 等说实话很不错了,但是坑也是不少,而且很多功能也是仅凭这些实现不了 ... »