- 博客(21)
- 收藏
- 关注
RSS订阅原创 JavaScript流程控制，带你打印九九乘法表
[](()🌴if…else if…else多分支语句概念：if…else if…else语句也称为多分支语句，可针对不同情况进行不同的处理。举例：对一个学生的考试成绩进行等级的划分，分数在90——100分为优秀，分数在80——90分为优秀为良好，分数在70——80分为中等，分数在60——70分为及格，分数小于60则为不及格。📌注意“if…else if…else”语句在使用时，“else if”中间要有空格，否则程序会报语法错误。[](()🌴switch多分支语句概念：switch语句也
2022-04-30 11:43:22
351
原创 JavaScript流程控制-分支
[](()3.2.3、案例Document[](()3.3、if-else语句（双分支语句）[](()3.2.1、语法格式[](()3.2.2、执行流程Document[](()3.2.3、案例-判断闰年案例：解析案例：Document[](()3.4、if-else-if语句[](()3.4.1、语法结构[](()3.4.2、执行流程[](()3.4.3、案例Document[]
2022-04-30 11:41:13
766
原创 JavaScript最后分水岭——正则表达式
下面为了方便读者理解字符类别的使用，以“.”和“\s”为例进行演示.正则对象reg用于匹配空白符后的任意两个字符（除换行外）。因此在控制台查看到的结果中，id前有一个空格。[](()🍅字符集合字符集合的表示方式：“[]”可以实现一个字符集合。字符范围：与连字符“-”一起使用时，表示匹配指定范围内的字符。反义字符：元字符“^”与“[]”一起使用时，称为反义字符。不在某范围内： “^”与“[]”一起使用，表示匹配不在指定字符范围内的字符。以字符串 ‘get好TB6’.match(
2022-04-30 11:39:32
227
原创 JavaScript之排他思想详述
按钮1按钮2按钮3按钮4按钮52、获取元素3、循环遍历打印按钮for(var i =0; i<btn.length;i++){console.log(btn[i]}4、在第一个for循环里面给每个按钮添加点击事件。首先在内循环里面清除掉所有按钮的样式，然后在外循环里给当前点击的按钮添加样式。btn[i].onclick = function(){for(var j =0;j<btn.length;j++){btn[j].style.backgroundColor =
2022-04-30 11:37:51
890
原创 Vue 生命周期 详细介绍（面试必考，内附实例截图
console.log(‘------beforeMount------’)},mounted () {console.log(‘------mounted------’)},beforeUpdate () {console.log(‘------beforeUpdate------’)},updated() {console.log(‘------updated------’)},beforeDestroy() {console.log(‘------beforeDestroy--
2022-04-29 12:58:42
97
原创 Vue 学习总结笔记 (二)
<input type=“text” placeholder=“按下delete提示” @keyup.delete=“showInfo”/><input type=“text” placeholder=“按下esc提示” @keyup.esc=“showInfo”/><input type=“text” placeholder=“按下space提示” @keyup.space=“showInfo”/><input type=“text” placeholder
2022-04-29 12:56:28
184
原创 Virtual DOM（虚拟 DOM）
cd snabbdom-demonpm init -ynpm install parcel-bundler -D[](()配置 scripts“scripts”: {“dev”: “parcel index.html --open”,“build”: “parcel build index.html”}[](()目录结构snabbdom-demoindex.htmlpackage.jsonsrc(文件目录)01-basicusage.js[](()导入
2022-04-29 12:54:39
102
原创 TypeScript系列教程九《类型转换》-- 模板文本类型
两个联合类型插值，相当于联合类型子集的笛卡尔积type AllLocaleIDs = ${EmailLocaleIDs | FooterLocaleIDs}_id;type Lang = “en” | “ja” | “pt”;type LocaleMessageIDs = ${Lang}_${AllLocaleIDs} 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 ;//type LocaleMessageIDs = “en
2022-04-29 12:52:39
232
原创 Spring Cloud Alibaba基础教程：支持的几种服务消费方式（RestTemplate
RestTemplate restTemplate;@GetMapping(“/test”)public String test() {String result = restTemplate.getForObject(“http://alibaba-nacos-discovery-server/hello?name=didi”, String.class);return "Return : " + result;}}@Bean@LoadBalancedpublic RestTemplat
2022-04-29 12:50:48
623
原创 Spring Boot+Vue前后端分离，如何避免前端页面 404
[](()2.存在的问题当前后端分离之后，对于前端所承担的职责，大家可能会面临一个问题：如果用户直接在地址拦输入某一个页面的路径，怎么办？此时，如果没有做任何额外的处理的话，用户确实可以通过直接输入某一个路径进入到系统中的某一个页面中，但是，不用担心数据泄露问题，因为没有相关的角色/权限，就无法访问相关的接口，即使进入到相关的页面，也看不到数据。但是，如果用户非这样操作，进入到一个空白的页面，用户体验不好，冒出来一个空白页面，有的用户就手足无措了。此时，我们可以使用 Vue 中的前置路由导航守卫，
2022-04-29 12:48:44
392
原创 spring boot+vue前后端分离设计开发方案
const router = new VueRouter({mode: ‘history’,base: __dirname,routes: [{path: ‘/ui/first.vhtml’,component: First},{path: ‘/ui/second.vhtml’,component: secondcomponent}]})后端拦截到带有vhtml的都交给router来处理，这种方式在后端写过滤器拦截后打包是完全可行的，但是前端开发的直接访问带后缀的路径会有问题。
2022-04-29 12:47:02
263
原创 SPA项目开发之动态树+数据表格+分页
开启eclipse项目和spa项目使用到的表及数据函数进行服务器端渲染(详细)
app.jsconst express = require(‘express’);const app = express();app.use(express.static(‘public’));app.listen(7000,function(){console.log(‘服务已经启动，请访问http://localhost:7000’);// 访问http://localhost:7000})报错cannot get/ 原因没有设置静态资源目录 管线就是加入管线 app.use(expr
2022-04-29 12:43:37
435
原创 React高阶组件（HOC）
你可以想象，在一个大型应用程序中，这种订阅DataSource和调用setState的模式将一次又一次地发生。我们需要一个抽象，允许我们在一个地方定义这个逻辑，并在许多组件之间共享它。这正是高阶组件擅长的地方。对于订阅了DataSource的组件，比如CommentList和BlogPost，我们可以编写一个创建组件函数。该函数将接受一个子组件作为它的其中一个参数（可以是多个参数），该子组件将订阅数据作为 prop。//withSubscription为高阶组件，复用逻辑提取到里面const Comm
2022-04-29 12:41:19
451
原创 我的代码简洁之道
// goodif (arr.length) {// todo}3.同理，在if中判断数组长度为零的正确姿势// badif (arr.length === 0) {// todo}// goodif (!arr.length) {// todo}4.简单的if判断使用三元表达式// badif (a ===&
2022-04-28 18:07:03
181
原创 微信小程序电影列表（一）
}.more{float: right;}.more-text{vertical-align: middle;margin-right: 10rpx;color: #1f4ba5;}.more-img{width: 9rpx;height: 16rpx;vertical-align: middle;}.movies-container{display: flex;flex-direction: row;}编写电影界面整体样式 movies.wxss@impor
2022-04-28 18:01:02
4260
原创 年薪50W阿里P7Web前端高级工程师，到底需要掌握哪些技术栈？
二、单页应用开发========VUE.JSRecatwebpackVUEPress三、移动端app开发==========HTML5Flutter小程序四、Node开发工程师===========node开发导学Web开发框架-Koa源码分析egg.js应用实战自动化测试线上服务器部署与发布...
2022-04-28 17:59:02
395
原创 小区管理系统之后台管理前端模板
[](()3.2.小区列表代码如下（示例）：小区列表首页小区管理小区列表ဂ日期范围批量删除添加共有数据：2 条ID小区编号小区名称坐落地址占地面积（m2）总栋数总户数绿化率（%）缩略图开发商名称物业公司名称创建时间状态操作2 XY2..
2022-04-28 17:57:17
1039
原创 如何给框架和JS 库瘦身？
// packages/compiler-core/src/errors.tsexport function defaultOnWarn(msg: CompilerError) {DEV && console.warn([Vue warn] ${msg.message})}这里的 __DEV__就是一个 Feature Flag，当 __DEV__值为 true时，会输出后面的日志，否则不会输出
2022-04-28 17:54:46
129
原创 多线程学习笔记05线程协作
new Producer(container).start();new Consumer(container).start();}}//生产者class Producer extends Thread {SynContainer container;public Producer(SynContainer container) {this.container = container;}//生产@Overridepublic void run() {for (int i = 1; i
2022-04-28 17:52:59
130
原创 50 个让你高效编程的前端轮子
https://www.npmjs.com/package/cross-env==功能==：cross-env这是一款运行跨平台设置和使用环境变量的脚本。npm install --save-dev cross-env{“scripts”: {“parentScript”: “cross-env GREET=“Joe” npm run childScript”,“childScript”: “.
2022-04-27 22:11:00
270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人