普通网友-CSDN博客

原创 Angular 在项目中学习@ViewChild和ElementRef的使用

现在我对 @ViewChild 的了解便是，父组件中想要使用或者说操作子组件，譬如执行子组件的方法，或者说获取子组件的属性。View就是看，Child就是孩子，看孩子，那必然是父亲看孩子。也就是说，@ViewChild 是父组件用来 “看” 子组件的。[](()@ViewChild 使用一当ViewChild传入的是子组件ChildComponent,即在父组件中注入子组件，从而获取子组件的属性或方法childComponent.tsimport { Component } from ‘@

2022-05-05 13:34:55 410

原创 Ajax：异步JavaScript和XML的笔记略解，不作为知识参考

可能破坏浏览器后退按钮的正常行为。在动态更新页面的情况下，用户无法回到前一个页面状态，这是因为浏览器仅能记录的始终是当前一个的静态页面。用户通常都希望单击后退按钮，就能够取消他们的前一次操作，但是在AJAX这样异步的程序，却无法这样做[](()AJAX介绍=====================================================================AJAX 即“Asynchronous Javascript And XML”（异步 JavaScript 和

2022-05-05 13:33:22 579

原创 6个迷人而令人惊叹的HTML5动画特效

[2、基于HTML5 Webkit的落叶动画这是基于Webkit内核的落叶动画，非常的酷。[在线演示](() / [源码下载](()[3、纯CSS3实现的书本翻页效果很好的书本翻页特效，用纯CSS3实现的。[在线演示](() / [源码下载](()[4、纯CSS3实现的拍皮球动画很真实的小球落地动画，像是一个小孩在拍皮球。[在线演示](() / [源码下载](()[5、Colorfull Clock...

2022-05-05 13:29:56 287

原创 4种方案详解如何实现准时的setTimeout

timer();而我们如果在 setTimeout 还未执行期间加入一些额外的代码逻辑，再来看看这个差值。…window.setTimeout(function() { instance(); }, speed);for(var x=1, i=0; i<10000000; i++) { x *= (i + 1); }}…可以看出，这大大加

2022-05-05 13:25:58 507

原创 3行核心CSS代码的rate评分组件，秀到你怀疑人生

–梳理如下：去找个好看的iconfont，[Iconfont-阿里巴巴矢量图标库]、；借用5个radio单选框，把默认样式都去掉，显示默认的星星；用checked伪类监听用户选中✅，由默认的星星变成高亮的星星；然后配合~兄弟操作符把当前选中的所有兄弟元素都一起高亮；把5个radio单选框反向排列 ❗；代码–基本布局这是我事先生成好的iconfont一个很简洁的布局：先把默认的星星显示出来/* 去掉默认样式 */input {-webkit

2022-05-05 13:24:13 207

原创 2021 不会还有人不会uniapp吧[狗头]

├─common 公共资源（自建）├─api 请求封装（自建）├─store 状态管理（自建）├─main.js Vue初始化入口文件├─App.vue 应用配置，用来配置App全局样式以及监听应用生命周期├─manifest.json 配置应用名称、appid、logo、版本等打包信息└─pages.json

2022-05-05 13:19:56 190

原创 2020最全前端面试系列（VUE）

在实例销毁之前调用。实例仍然完全可用。destroyed在实例销毁之后调用。调用后，所有的事件监听器会被移除，所有的子实例也会被销毁。该钩子在服务器端渲染期间不被调用。[](()v-model语法糖v-bind=“message” @input=“message=$event.target.value”v-model利用的是 Object.defineProperty 方法Object.defineProperty （要添加或修改属性的对象, …属性名, 特征对象）在添加属性是可以设置

2022-05-05 13:17:40 113

原创 15个常用的javaScript正则表达式

c 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 onsole.log(uPattern.test(“iFat3”));2密码强度正则//密码强度正则，最少6位，包括至少1个大写字母，1个小写字母，1个数字，1个特殊字符var pPattern=/^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#%^&\*?\]).\*/;//输出trueconsole

2022-05-05 13:15:29 804

原创 CentOS 安装 Nginx 及配置文件使用

nginx 配置文件目录：[Nginx 配置文件使用（nginx.conf）](()/etc/nginx/nginx.confnginx 启动命令目录/usr/sbin/nginxnginx 项目存放根目录（推荐），在这个文件夹内存放线上项目/homenginx 启动：[Nginx 常用命令](() （不推荐）$ nginx或$ /usr/sbin/nginxsystemctl 启动方式 (推荐)CentOS 7.x 开始，CentOS 开始使用 systemd 服.

2022-05-04 08:42:39 1581

原创 Antd按需打包、主题修改(尚硅谷React094-096)

引入：yarn add antd在app.js中import ‘antd/dist/antd.css’yarn eject用于暴露配置配置后可以删除import ‘antd/dist/antd.css’yarn add babel-plugin-import react-app-rewired customize-crayarn add less less-loader会和craco修改主题有冲突，所以没用craco同时按需引入和主题（不采用craco）：项目根目录下新建c.

2022-05-04 08:41:06 317

原创 android中WebView附件问题解决

从android 角度来讲加载html所用的组件是 webview。webview的好处我们其实都清楚：1.可以直接显示和渲染web页面2.直接显示网页webview可以直接用html文件（网络上或本地assets中）作布局3.可以和JavaScript交互调用但是同时，也给我们带来一些问题，比如在html上面有一些超链接形式的附件：xxx 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 .pdf ，xxx.doc等等。

2022-05-04 08:39:35 880

原创 Activiti工作流引擎整合系列【收藏可做笔记系列】

true： activiti会对数据库中所有表进行更新操作。如果表不存在，则自动创建。（开发时常用）create_drop：在activiti启动时创建表，在关闭时删除表（必须手动关闭引擎，才能删除表）。（单元测试常用）drop-create：在activiti启动时删除原来的旧表，然后在创建新表（不需要手动关闭引擎）。[](()1.2 测试Activiti与Spring整合[](()1）、测试代码/**测试activiti与spring整合是否成功**/@RunWith(Spring

2022-05-04 08:37:48 495

原创 5个使用CSS3实现的常见效果

**新建一个前端学习qun438905713，在群里大多数都是零基础学习者，大家相互帮助，相互解答，并且还准备很多学习资料，欢迎零基础的小伙伴来一起交流。《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 **这里有5个使用CSS3实现的常见效果，你可以马上动手试试看。1. CSS3按钮你可以创建一些大小、颜色不同的元素（如按钮）,而不用每次都准备一个背景图片。 ZURB上有教你[创建CSS3按钮](()的详细文章，有兴趣可以.

2022-05-04 08:36:07 133

原创 50 个让你高效编程的前端轮子

colorhttps://www.npmjs.com/package/color==功能==：JavaScript库，用于不可变的颜色转换和对CSS颜色字符串的支持。npm install colorvar color = Color(‘###7743CE’).alpha(0.5).lighten(0.5);console.log(color.hsl().string()); // ‘hsla(262,&nbsp

2022-05-04 08:33:49 281

原创 21个可以提升你的网站设计水平的网站动画工具

1、Ola=========Ola是Javascript UI库类别中的技术堆栈工具。众所周知，它是用于内插数字的平滑动画库。它仍然是一个受欢迎的开源项目，拥有超过180万个GitHub star和38个fork。2. ITyped==============ITyped是一个简单的库，用于为Web应用程序创建输入打字动画。该库非常易于使用。最吸引人的方面是该库没有依赖项，大小只有2KB。它也没有在内部使用JQuery。3、Choreographer.js=================

2022-05-04 08:32:03 178

原创 20分钟学会jQuery，只有一个万能公式：$(selector)

mouseenter()(jQuery)mouseleave()(jQuery)mousemove()(jQuery)----移动（常用）mouseout()(jQuery)mouseover()(jQuery)mouseup()(jQuery)Titlemouse：在这里移动鼠标试试[](()~~~~~~~~~~~~~~~~ 以下的代码是下面公共部分 ~~~~~~~~~~~~~~~~====================================

2022-05-04 08:30:07 171

原创 2020年前端面试题

OPTIONS：这个方法可使服务器传回该资源所支持的所有HTTP请求方法。用’*'来代替资源名称，向Web服务器发送OPTIONS请求，可以测试服务器功能是否正常运作。HEAD：与GET方法一样，都是向服务器发出指定资源的请求。只不过服务器将不传回资源的本文部分。它的好处在于，使用这个方法可以在不必传输全部内容的情况下，就可以获取其中“关于该资源的信息”（元信息或称元数据）。GET：向指定的资源发出“显示”请求。使用GET方法应该只用在读取数据，而不应当被用于产生“副作用”的操作中，例如在Web

2022-05-04 08:25:22 102

原创 1000字带你掌握nextTick背后的原理

答：如果我们需要获取数据更新后的dom信息，比如动态获取dom的宽高、位置等，就需要使用nextTick。handleClick () {this.msg = ‘hello world’;this.$nextTick(() => {console.log(this.$refs.message.innerText) // hello world})}如vue官网的描述：Vue 在更新

2022-05-04 08:23:10 4371

原创 flutter制作具有自定义导航栏的渐进式 Web 应用程序

child: Row(children: [Container(height: 60.0,width: 80.0,child: Row(children: [AnimatedContainer(duration: Duration(milliseconds: 475),height: 35.0,width: 5.0,decoration: BoxDecoration(color: widget.active ? Colors.white : Colors.transparent,b

2022-05-03 10:03:22 289

原创 ES6学习笔记(二)

// console.log(nokia.name); // undefined// // nokia.change();// // 报错：Uncaught TypeError: nokia.change is not a function// Phone.prototype.color = “黑色”;// console.log(nokia.color); // 黑色// console.log(Phone.name);// Phone.change();// 注意：实例对象和函数对象的属性

2022-05-03 10:01:48 212

原创 es6中的对象

在学习es6之前，我们去实现一个对象的过程是先创建一个构造函数，然会再使用new关键字去实例化一个对象。下面就是在es6之前实现的一个实例：![](https://img-blog.csdnimg.cn/201908231 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源徽信搜索公众号【编程进阶路】 55107114.png)在es6的语法中有一种新的写法来表示一个对象，其使用的就是class关键字加上对象的名称，此时需要注意的是在这里对象的名称需要去大写。虽

2022-05-03 10:00:17 374

原创 Eclipse+Weblogic 12开发简单的Enterprise Application

取消Web module，这里我们不创建Web Client和Connector。为Application client和EJB模块命名，之后点finish。Eclipse就为我们生成了如下三个项目，helloClient-应用程序客户端，helloEJB-EJB模块，还有一个hello是负责把这两个模块打包成EAR部署到Weblogic。2、编写EJB模块代码EJB模块的代码结构如下：其中hello.ejb.interfaces包下的Hello.java是一个远程业务接口，即运行在不同Ja

2022-05-03 09:58:30 301

原创 echarts属性的设置（完整大全）

// height: {number}, // 指定高度，纵向布局时默认为根据grid参数适配backgroundColor: ‘rgba(0,0,0,0)’, // 背景颜色dataBackgroundColor: ‘#eee’, // 数据背景颜色fillerColor: ‘rgba(144,197,237,0.2)’, // 填充颜色handleColor: ‘rgba(70,130,180,0.8)’ // 手柄颜色},[](()

2022-05-03 09:56:49 3660

原创 Cookie,Session,JWT

这里的客户端可以是常规的浏览器，也可以是接口测试工具，如Postman，JMeter，Burpsuite等，其中浏览器在得到服务器响应的set-cookie后，会将cookie信息保存到本地的浏览器缓存（一个文件）中，postman也可以自动保存服务器响应的set-cookie信息，但是JMeter,Burpsuite不会，它们需要人为手动保存。客户端请求服务器时可以（不是必须）携带Cookie信息客户端中，如浏览器，Postman可以自动检查自己保存的Cookie，找到其中有效的，存活的，将其加入到H

2022-05-03 09:54:31 3916

空空如也

空空如也