- 博客(26)
- 收藏
- 关注
RSS订阅原创 微信小程序_基础
小程序文档https://developers.weixin.qq.com/ebook?action=get_post_info&docid=00064a9b998288cb0086840c65940a账号注册https://mp.weixin.qq.com/cgi-bin/registermidpage?action=index&lang=zh_CN&token=下载开发者工具https://developers.weixin.qq.com/miniprogram/dev
2021-05-30 23:15:01
118
原创 路由和编程式导航（React）
路由（React Router ）一、理解前端路由和后端路由（一）什么是路由？路由是根据不同的 url 地址展示不同的内容或页面；（二）前端路由最重要的就是页面不会刷新。 前端路由就是把不同路由对应不同的内容或页面的任务交给前端来做，每跳转到不同的URL都是使用前端的锚点路由.随着（SPA）单页应用的不断普及，前后端开发分离，目前项目基本都使用前端路由，在项目使用期间页面不会重新加载，不会向服务器发请求。（二）后端路由每次请求都会刷新页面。浏览器在地址栏中切换不同的url时，每次都向
2021-05-23 12:40:40
229
原创 基于 Vue 的前端权限管理
（一）发展前后端未分离：权限管理主要通过过滤器或拦截器来进行，若用户不拥有某一类权限或者属于某一种角色的话，就不能访问某一个页面。前后端分离：前端做页面的跳转，后端提供数据。前端展示是给用户看的，所有显示或隐藏的菜单并不是为了实现权限管理，而是为了给用户好的体验，也正因为如此，我们并不能依靠前端隐藏控件来实现权限管理，这样对安全性还是有很大的影响的。真正的数据安全管理是在后端实现的。后端在设计后端接口的时候就需要考虑到权限的问题，要确保每一个接口都是在满足某种权限的基础上才能访问，简言之即使将接口全
2021-05-15 17:42:08
1166
原创 初识 Vue
一、安装CDN开发环境：<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>生产环境：<script src="https://cdn.jsdelivr.net/npm/vue@2.6.12"></script>二、相关概念区分（☆☆☆☆）（一）created 和 mounted 的区别created：在模板渲染成html前调用，即通常初始化某些属性值，然后在渲
2021-05-09 22:09:45
103
原创 2_31_数组练习题_day04_201019
练习一/*小明和他家人在泰国旅游，到3个不同的饭店吃饭。账单(bill)分别是124元、48元和268元为了给服务员小费(tip)，小明创建了一个简单的小费计算器函数(tipCalculator)。如过账单小于 50 元，他会给账单的 20% 作为小费；如果账单在 50 到 200 之间，他会给账单的 15% z作为小费；如果账单超过 200 元，他会给账单的 10% 作为小费。小明想要 2 个数组：(1) 一个数组包含三个小费(每个账单一个)；(2) 一个数组包含所有三个最终支付金额(账
2020-12-27 19:51:43
171
原创 2_31_执行上下文创建和解析_day05_201026
一、执行上下文的创建执行上下文的创建分为两个阶段：⦿ 创建阶段⦿ 执行阶段1.创建阶段简单来说：在创建阶段，JS引擎只是扫描整个代码，但是不执行。它创建作用域链，并且为其作用域内每个变量和函数分配内存。之后，还初始化 this 的值。（1）创建阶段做两件事情：⦿ 创建词法环境⦿ 创建变量环境，变量环境是也是一种词法环境。执行上下文 = { 词法环境 = <对内存中的词法环境的引用>, 变量环境 = <对内存中的变量环境的引用>,}（2）词
2020-11-05 10:32:18
271
原创 2_31_JavaScript练习题_day02_200928
习题作业01Mark和John在PK他们的BMI（Body Mass Index，体重指数）。体重指数是用这个公式计算的：BMI=mass/height2=mass/(height∗height)。BMI = mass / height^2 = mass / (height * height)。BMI=mass/height2=mass/(height∗height)。其中，mass是体重，单位为kg；height为身高，单位为米。请用 JavaScript 编写一个程序，命名为 bmi.j
2020-10-06 19:52:15
207
1
原创 2_31_搭建前端开发环境_day01_200921
搭建前端开发环境一、浏览器1.到百度搜索谷歌浏览器并下载，或者百度搜索火狐，找到官方网址，点击进入后下载火狐浏览器。这是首先要做的。当然使用微软公司开发的 Microsoft Edge 也可以。火狐官网：https://www.firefox.com.cn/2.下载完成后，双击安装即可。（建议安装的时候不要放在C盘）3.通常建议用 Google Chrome。 使用：①渲染引擎：Webkit ② JS引擎：V8 ③善用 Chrome
2020-09-26 23:26:35
152
原创 2_31_高度塌陷问题、定位、导航栏（二级导航）_191119
一、高度塌陷问题解决方案1、给父元素设置高度不足：如果子元素大于父元素，则会溢出。2、 给父元素设置清除浮动，运用overflow属性3、 使用空标签(1) (2) 不足：出现多余代码，代码累积。4、 通过 after 伪类，在父元素后面添加例如：<!DOCTYPE html><html lang="en"><head> &l...
2019-11-25 16:01:27
465
原创 2_31_伪类、伪对象、混合布局、某些属性的理解_191105
Webstorm设置代码模板浏览器默认样式• 浏览器为了在页面中没有样式时，也可以有一个比较好的显示效果，所以为很多的元素都设置了一些默认的 margin 和 padding,而它的这些默认样式，正常情况下我们是不需要使用的。• 所以我们往往在编写拜式之前需要将浏览器中的默认的 margin 和padding 统統的去掉清除浏览器的默认样式：*{ padding: 0; margi...
2019-11-07 15:15:23
160
原创 2_31_页面布局定位（CSS+DIV布局）_191029
内容提要实现页面布局的三种方式：表格布局、框架布局、DIV+CSS布局一、表格布局1、优点（1）实现方式比较简单。（2）各个元素可以位于独立的单元格中，相互影响较小，而且对于浏览器的兼容性较好。2、缺陷（1）在某些浏览器下（例如IE），表格只有在全部下载完成后才可以显示。数据量比较大时会影响网页的浏览速度。（2）搜索引擎难以分析较复杂的表格，而且网页样式的改版也比较麻烦。（3）在...
2019-11-07 14:24:58
1316
原创 2_31_CSS 属性、CSS与CSS3的属性值和单位_191022
css属性font-family font-size font-style color一、CSS属性值和单位1、字符如果值为若干单词，则要给值加引号。如：p{ font-family:"sans serif"; } p{ font-family: "微软雅黑 Light"; }2、颜色 单位 描述 （颜色名） （颜色名称） ...
2019-11-05 17:25:04
346
原创 2_31_CSS入门学习_191015
一、 CSS概述CSS 指的是 Cascading Style Sheets，即 层叠样式表，是一种设计网页样式及布局的技术。所谓“层叠”，实际上指的是将显示样式与显示内容分离。在Web标准中，表现是赋予页面内容显示的样式，包括版式、颜色和大小等等。也就是说，页面中显示的内容放在结构里，而修饰、美化放在表现里，做到结构（内容）与表现分开，这样，当页面使用不同的表现时，呈现的样式是不一样的，就像...
2019-10-22 15:51:43
149
原创 2_31_HTML5及其新增的标签、表单类型、网页多媒体_191008
小知识：Webstorm的使用WebStorm 11.0.3.zip 解压在bin目录下有 webstorm.exe 和 webstorm64.exe 两个运行文件，选取一个点击运行， 然后百度查找 webstorm 的激活码激活。安装好后，统一规定在除C盘以外的盘下面，创建一个 web_file 文件夹专门用于 hmtl 相关文件的存放。file — sett...
2019-10-21 17:06:03
290
原创 2_31_表单_190924
表单是一个容器，用来存储客户端（浏览器）用户填写的信息的容器，通过提交按钮将表单容器里面的信息提交到服务器存储起来，以后可以调用。 1、<form></form>标签 默认属性：<form id=”…” name=”…” action=”…” method=”…” target =”…” enctype=”…” onsubmit=”…” onreset=...
2019-10-21 15:58:38
400
原创 2_31_HTML中超链接、锚链接、图像、表格的学习_190917
一、超链接 **嵌套标签的使用**二、锚链接**1、**使用情况：当网页的内容比较长时，有时需要链接到网页的某一个位置上 (当前页面定位)，此时需要使用锚链接。**2、**使用条件：使用锚连接需要先定义锚点，将希望链接到的网页的位置定义为 锚点，并为其取名。然后将锚点前加 “#” 作为超级链接的 href 值即可。结果：三、电子邮件链接...
2019-10-12 23:13:00
493
原创 2_31_HTML的标签及列表_190910
小知识静态网页—页面（）动态网页（基本上所有网站都是动态的。）.html文件：网页文件，通过浏览器打开。如何创建html文件，可以通过更改后缀名实现（win7如果文件没有显示后缀名，说明自动隐藏了，）超链接—网页与网页之间的联系的纽带。表格，表单Css: 美化网页的样式网页布局（CSS样式）网页特效—CSS当中的一部分，用于加强页面交互效果。网页整合— 整合html和CSS代码...
2019-10-05 17:24:24
383
原创 2_31_python函数和UML模型_190604
python函数：默认参数：必选参数在前，默认参数在后，否则会报错。#定义函数1def enroll(name,age):print('name : ',name)print('age : ',age)调用函数1enroll(“小明”, “12”)print("-------------")结果：name : 小明age : 12#定义函数2def enroll8(n...
2019-06-10 18:23:00
244
原创 2_31_python函数学习_190514
从登录页面进入操作页面python函数我们知道圆的面积计算公式为：S = r π 2当我们知道半径 r 的值时，就可以根据公式计算出面积。假设我们需要计算 3 个不同大小的圆的面积：r1 = 12.34r2 = 9.08r3 = 73.1s1 = 3.14 * r1 * r1s2 = 3.14 * r2 * r2s3 = 3.14 * r3 * r3当代码出现有规律的重复...
2019-05-18 22:07:12
239
原创 2_31_列表，python循环，流程控制语句，字典的简单整理_190427
列表：List列表： 一种数据类型，有序集合，可以任意添加、删除元素。List = [[]] : 二维列表range(N)-----生成0-N个元素组成的列表[0,N) 左闭右开range(m,n)------生成m-n个元素组成的列表range(0,100,2)-----在[0-99)中，以step = 2的间隔生成元素，组成列表。range(0,100,1)：在[0-99)...
2019-04-27 18:27:40
222
原创 2_31_pycharm的加强练习_190409
list复习，tuple学习List列表：一种数据类型，有序集合，可以任意添加、删除元素。Tuple元组：也是一种数据类型，有序，不能添加、删除元素，即tuple一旦初始化就无法修改。没有list的添加、删除方法（没有append(),insert(),pop()等方法）Classmates = (‘zhangsan’ , ‘lisi’ , ‘wangwu’)tuple的意义优点：不能改变...
2019-04-12 21:55:05
369
原创 2_31_ pycharm 的使用 _190402
pycharm补充：#!/usr/bin/env python :告诉 Linux/OS X 系统，这是一个 Python 可执行程序，Windows 系统会忽略这个注释；# -- coding: utf-8 -- :告诉 Python 解释器，按照 UTF-8 编码读取源代码，否则，你在源代码中写的中文输出可能会有乱码格式化:我们经常会输出类似 ’ 亲爱的 xxx 你好！你xx 月的...
2019-04-12 21:07:07
457
原创 2_31变量在计算机内存里的作用_190326
理解变量在计算机内存中的表示也很重要。当 A = 'abc’时，Python解释器干了两件事：1、在内存中创建了一个*‘ABC’的字符串2、在内存中创建了一个名为 A 的变量，并把它指向‘ABC’*也可以把一个变量 a 赋值给另一个变量 b ，这个操作实际上是把变量 b 指向变量 a 所指向的数据，例如下面的代码：我们需要一行一行的执行代码，这样会更清楚明了。执行A= 'ABC’时，解...
2019-03-30 16:22:24
254
原创 2_31_python基础学习及软件工程内容简介_190319
python基础缩进方式： 四个空格 = 一个tab以 # 开头的语句是注释Absolute:求绝对值 ----- abs(-611) = 611大小写敏感： wangwei Wangweixielin Xielin水果：friut 馒头：streamBreadJava写程序：不采用Tab键，但采用分号结束。数据类型和变量数据类型：代表计算机中不...
2019-03-23 14:58:34
245
原创 2_31_python语言_190305
2019.3.5C语言：太底层，（人很难理解，计算机很好理解。） 最底层的:汇编语言Python：比较高级语言（）Python简介：Python是一种计算机程序设计语言。完成同一个任务，C语言要写1000行代码，Java只需要写100行，而Python可能只要20行。代码量少，运行速度慢。所以Python是一种相当高级的语言。Python可以做日常任务，比如自动备份你的MP3；可以做网站...
2019-03-19 08:50:01
288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人