- 博客(26)
- 收藏
- 关注
RSS订阅转载 flex布局
Flex 布局是什么？Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器，必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: fle
2021-05-08 17:22:33
3002
1
原创 flex基础
flex:1;让所有弹性盒模型对象的子元素都有相同的长度，且忽略它们内部的内容：设置第二个弹性盒元素的初始长度为 80 像素：<style> #main{ width: 220px; height: 300px; border: 1px solid black; display: flex; } #main div{ flex: 1; }</style><
2021-05-08 14:44:32
323
原创 一次完整的HTTP服务过程(渐进式)
题意分析当我们在web浏览器的地址栏中输入： www.baidu.com, 具体发生了什么？简述流程对 www.baidu.com这个网址进行DNS域名解析，得到对应的IP地址根据这个IP，找到对应的服务器，发起TCP的三次握手建立TCP连接后发起HTTP请求服务器响应HTTP请求，浏览器得到html代码浏览器解析html代码，并请求html代码中的资源(如js、css、图片等) (先得到html代码，才能去找这些资源)浏览器对页面进行渲染呈现给用户服务器关闭TCP连接进一步理解：
2020-10-29 18:15:22
498
原创 一文理解重绘和重排(回流)及优化
1.1 问题分析该问题主要考核html中的优化与重点概念1.2 核心问题讲解浏览器的运行机制构建DOM树(parse): 渲染引擎解析HTML文档，首先将标签转换成DOM树中的DOM node (包括js生成的标签)生成内容树(Content Tree/DOM Tree);构建渲染树(construct): 解析对应的CSS样式文件信息(包括js生成的样式和css文件)，而这些文件信息以及HTML中可见的指令(如<b></b>)，构建渲染树(Rendering Tree/
2020-09-02 15:33:42
265
翻译 使用Vue3构建更好的高阶组件译
使用Vue3构建更好的高阶组件译1 The template2 The JavaScript3分解总结掘金文章链接Vue 3 即将发布，通过引入Composition API 。 它具有许多更改和性能改进。高阶组件（HOC）是使用模板声明性地向您的应用程序添加某些功能的组件。 我相信即使引入了Composition API，它们仍将保持非常重要的关联。HOC始终无法充分发挥其功能的全部功能，并且由于它们在大多数Vue应用程序中并不常见，因此它们的设计通常很差，可能会带来限制。 这是因为模板就是这样-
2020-08-11 16:29:23
1301
原创 js变量类型和计算/附练习题
js变量类型和计算/附练习题变量类型typeof 运算符instanceof变量计算-强制类型转换逻辑运算符变量类型ECMAScript 中定义了 6 种原始类型：BooleanStringNumberNullUndefinedSymbol（ES6 新定义）注意：原始类型不包含 Object值类型var a = 100 var b = a a = 200 console.log(b) // 100上述代码中，a b都是值类型，两者分别修改赋值，相互之间没有任何
2020-07-10 17:03:04
1256
原创 antd最新版本Form.create已废弃
报错：Warning: [antd: Form] antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.解决：v4 的 Form 不再需要通过Form.create()创建上下文。Form 组件现在自带数据域，因而getFieldDecorator也不再需要，直接写入 Form.Item 即可：// antd v3const Demo = ({ form: { getF...
2020-07-09 17:11:24
12021
4
原创 手写实现一个Vue表单组件
KInput双向绑定:@input、:value 派发校验事件<template><div> <input :value="value" @input="onInput" v-bind="$attrs"></div></template><script>export default { inheritAttrs: false, props: { value: {
2020-06-03 16:08:04
1741
原创 vue组件通信总结(简述)
组件用法：组件注册：全局注册：任何 Vue 实例都可以使用<body> <div class="app"> <my-component></my-component> </div></body><script>Vue.component('my-component...
2020-03-30 18:30:36
965
原创 适合vue初学者进阶的项目——常见的vue移动端商城系统(API接口可用)
技术栈：vue.js+vue-router+vuex+axios+Minitui+MuiGitHub上的项目地址：https://github.com/onemini/Vue-Mall首页：新闻列表：新闻详情：发表评论：图片列表：图片详情：商品列表：商品详情：商品详情介绍：购物车：...
2020-03-01 11:57:37
2759
1
原创 在vue中使用axios(总结)
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF首先安装axios:npm ...
2020-02-26 17:09:43
916
原创 MUI Numberbox 动态初始化后 点击加减 双倍增减问题
<divclass="mui-numbox"data-numbox-min='1'data-numbox-max='9'data-numbox-step='1'><buttonclass="mui-btnmui-btn-numbox-minus"type="button">-</button>...
2020-02-25 17:42:59
924
原创 babel插件转换删除严格模式
删除“使用严格”指令安装$ npm install babel-plugin-transform-remove-strict-mode用法通过.babelrc（推荐）.babelrc{ "plugins": ["transform-remove-strict-mode"]}通过CLI$ babel --plugins transform-rem...
2020-02-18 17:25:47
1585
原创 javascript的特性之一：声明提前
var scope = "global";function f() { console.log(scope); // 输出“undefind”,而不是“global” var scope = "local"; // 变量在这里赋初始值，但变量本身在函数体内任何地方均是有定义的 console.log(scope); // 输出“local”}你可能会误以为函数中的第一...
2020-01-15 16:05:51
626
原创 深入理解ajax（一）——XHR对象
概述 ajax是asynchronous javascript and XML的简写，中文翻译是异步的javascript和XML，这一技术能够向服务器请求额外的数据而无须重载整个页面，会带来更好的用户体验。虽然名字中包含XML，但ajax通信与数据格式无关。 ajax包括以下几步骤：1、创建AJAX对象；2、发出HTTP请求；3、接收服务器传回的数据；4、更新网页数据。 ...
2019-09-18 15:07:33
1175
原创 es6常用语法：箭头函数
// function foo() {// console.log('hello');// }// foo(); hello// let foo = () => console.log('hello');// foo(); hello// function foo(v){// return v;// }// let foo = v => ...
2019-09-15 16:34:44
976
原创 es6常用语法：函数扩展
/*函数扩展1、 函数默认值2、 参数解构赋值3、 rest参数4、 ...扩展运算符*/// 参数默认值// function foo(param){// let p = param || 'hello';// console.log(p);// }// foo(); hello// foo('hi'); hi// functi...
2019-09-15 16:05:00
689
原创 es6常用语法：字符串相关扩展
/*字符串相关扩展includes()判断字符串是否包含指定的字符串 （有的返回true， 否则返回false） 参数一： 匹配的字串； 参数二： 从第几个开始匹配startsWith() 判断字符串是否以特定的字符串开始endsWith() 判断字符串是否以特定的字符串结束*/// console.log('hello world'.i...
2019-09-15 15:37:29
622
原创 es6常用语法：变量的解构赋值
/*变量的解构赋值*/// var a = 1;// var b = 2;// var c = 3;// var a = 1, b = 2, c = 3;// 数组的结构赋值// let [a,b,c] = [1,2,3]; 1 2 3// let [a,b,c] = [,123,]; undefined 123 undefined// let [a=111,...
2019-09-15 13:40:44
803
原创 es6常用语法 : let和const
// 声明变量let和const// let 声明的变量不存在预解析// console.log(flag);// var flag = 123; undefined// let flag = 456; /*ReferenceError: flag is not defined*/// ------------------------// let声明的变量不允许...
2019-09-15 12:22:21
1044
原创 less快速入门
概览Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。因为 Less 和 CSS 非常像，因此很容易学习。而且 Less 仅对 CSS 语言增加了少许方便的扩展，这就是 Less 如此易学的原因之一。安装与使用在 Node.js 环境中使用 Less ：npm install -g less> lessc styles....
2019-08-15 13:42:22
788
原创 js对象总结（2）
五、原型： 1、原型的定义： 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过改构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 2、利用原型特点和概念，可以提取共有属性。将一类对象的共有属性提取出来，放到该类对象的原型中，从而不需要每次用new操作符时都重新定义一遍该共有属性。 如下，定义一个Person构造函数，而属于Perso...
2019-08-13 10:23:57
594
原创 js对象的总结（1）
一、对象的定义： 对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。二、对象的创建（3种方法）1、对象直接量/字面量：var obj = { name: 'zsn', age: 18 ...
2019-08-02 17:20:24
741
原创 用PHP 实现简单网络在线考试系统
效果图：首页判断题单选题多选题填空题交卷后系统自动计分过程：用到工具：NetBeans IDE 8.2 WampServer Google Chrome用到 PHP ,JS,HTML，CSS目录结构：文件说明文件 说明 common 公共文件目录 data 数据目录（保存题库） css CSS样式文件目录 js JavaScript文件目录 image 图片文件目录 ...
2018-05-17 17:25:52
28487
35
原创 HTML+CSS 学校信息与网络中心静态网页设计
页面如下：代码如下所示：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head&g..
2018-05-17 13:30:10
24425
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人