自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(29)
  • 收藏
  • 关注

原创 一个高质量老虎

这个老虎头是怎么实现的呢,用到了哪些知识,svg 并不陌生了,但是填充变化怎么能做到这样呢?带着这些问题,分解下技术点,然后逐个击破,再一一分解源码。[](()整体思路SVG 绘制老虎图像,fill 和 stroke 用 标签区分起来SVGLoader加载SVG图片路径循环遍历路径创建ShapeGeometry几何体和材质,并生成mesh,用group 收集threejs 利用webglRender 渲染group mesh[](()具体问题SVG 如何绘制 标签

2022-05-05 18:17:40 215

原创 【问题解答】在TypeScript中keyof怎么理解

元素隐式具有 “any” 类型,因为类型为 “string” 的表达式不能用于索引类型 “{ name: string; age: number; job: string; }”。在类型 “{ name: string; age: number; job: string; }” 上找不到具有类型为 “string” 的参数的索引签名。出现错误后,百度查了结果,根据网上的结果,加了一个判断,之后就不报错了,网上判断代码如下function isValidKey(key: string | nu.

2022-05-05 18:16:00 2107 1

原创 【转载】深入理解 requestAnimationFrame

在Web应用中,实现动画效果的方法比较多,Javascript 中可以通过定时器 setTimeout 来实现,css3 可以使用 transition 和 animation 来实现,html5 中的 canvas 也可以实现。除此之外,html5 还提供一个专门用于请求动画的API,那就是 requestAnimationFrame,顾名思义就是请求动画帧。 为了深入理解 requestAnimationFrame 背后的原理,我们首先需要了解一下与之相关的几个概念:1、

2022-05-05 18:14:11 383

原创 【精品】List和数组之间的转换

System.out.println(array6[3]);int[] array7 = IntStream.of(22, 33, 44).toArray();System.out.println(array7[1]);}[](()数组转Listpublic static void main(String[] args) {//System.out.println(firstUpper(“zhangsan”));//数组转listString[] array = {“aa”, “bb”,

2022-05-05 18:12:32 358

原创 【王道考研计算机网络】

[](()二、比特比特:连接在计算机网络上的主机在数字信道上传送数据位数的速率。单位是b/s,kb/s,Mb/s,Gb/s,Tb/s,[](()三、宽带带宽:原本是指某个信号具有的频带宽度,即最高频率与最低频率之差,单位是赫兹(Hz)《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】在计算机网络中,带宽用来表示网络的通信线路传送数据的能力,通常是指单位时间内从网络中的某一点到另一点所能通过的最高数据率。单位是比特每秒,b/

2022-05-05 18:10:47 688

原创 【夯实基础--CSS】=> 定位(position)

在 CSS 中,通过 position 属性定义元素的 「定位模式」,语法如下:选择器 { position: 属性值; }| 值 | 语义 | || :-- | :-: | — || static | 「静态」 定位 | || relative | 「相对」 定位 | 相对于其原文档流的位置进行定位 || absolute | 「绝对」 定位 | 相对于其上一个已经定位的父元素进行定位 || fixed | 「固定」 定位 | 相对于浏览器窗口进行定位 |[](()「3. 静态定位(s

2022-05-05 18:08:25 88

原创 【前端】实习随笔2 - 数据统计 - 商品维度订单统计

{{scope.row.orderCount}}<el-paginationstyle=“display:flex; justify-content:center; margin:10px”layout=“total, prev, pager, next, jumper”:current-page=“currentPage”@current-change=“currentPageChange”:page-size=“pageNum”:total=“total”background.

2022-05-05 18:03:49 395

原创 【Vue知识体系总结 3】Vue常用标签

{name: ‘云韵’,age:20},{name: ‘比比东’,age:25},{name: ‘美杜莎’,age:22}]},computed: {ageSum: function () {let sum = 0let result = 0for(let i = 0;i<this.girls.length;i++){sum += this.girls[i].age}result = sum/this.girls.length;return result},es6: fu

2022-05-05 18:01:31 384

原创 【Vue基础知识总结 6】Spring Boot

1、创建文件夹npm2、项目初始化#建立一个空文件夹,在命令提示符进入该文件夹 执行命令初始化npm init#按照提示输入相关信息,如果是用默认值则直接回车即可。#name: 项目名称#version: 项目版本号#description: 项目描述#keywords: {Array}关键词,便于用户搜索到我们的项目#最后会生成package.json文件,这个是包的配置文件,相当于maven的pom.xml#我们之后也可以根据需要进行修改。#如果想直接生成 package.jso

2022-05-05 17:59:27 136

原创 web安全之XSS攻击原理及防范

代码如下:点击一样也会弹窗窗口的。也会一样执行xss攻击的。使用location/location.href/location.replace/iframe.src 造成的XSS如下代码:刷新下页面,也会弹出窗口执行 xss攻击了。[](()cookie安全策略=============================================================================在服务器端设置cookie的时候设置 http-only,...

2022-05-04 10:52:02 1014

原创 Web前端--HTML+CSS+JavaScript酷炫游戏动漫网页设计

联系我们关于公司中|EN我们参与的项目大型海战战场“潜龙之渊”上线,全民开战!天刀嘲天宫《一人之战》视频首发 同名专辑上架QQ音乐懒人攻略 如何刷完一周胜负令《王者荣耀》魔性H5上线,五军对决等你来战超高期待!玩家Coser作品获《绝地求生 全军出击》官方点赞揭幕战RNGvsIG LPL春季赛1月15日正式开赛更多作品关于我们广州袁动动漫设计有限公司(YD AR

2022-05-04 10:50:31 362

原创 WebView交互架构项目实战(四)

我们在web页面中声明如下方法:123456然后我们注入js代码调用这个函数,并将121这个结果带回来来,在onPageFinished中调用以下代码webView.evaluateJavascript(“getUID()”, new ValueCallback() {@Overridepublic void onReceiveValue(String value) {Log.d(“CALLBACK”, value);}});123456结果如下[](()JS调用NativeJS

2022-05-04 10:48:22 224

原创 webService 实战篇--客户端调用

<wsdlsoap:address location=“http://10.213.54.118:7000/BundleSmart/webservice/GridWebService”/></wsdl:port></wsdl:service></wsdl:definitions>[](()IDEA 解析WSDL=======================================================================

2022-05-04 10:46:20 1243

原创 vue路由传参页面刷新参数丢失问题解决方案

方法二:路由属性配置传参:this.$router.push({name:“/admin/${item.id}”,})//这个组件对应的路由配置{//组件路径path: ‘/admin:id’,//组件别名name: ‘admin’,//组件名component: Admin,}通过路由属性配置传参我们可以用this.route.params.id来获取到id的值,注意this.route.params.id来获取到id的值,注意this.route.params.id来获取到id

2022-05-04 10:44:29 5568

原创 vue的双向绑定原理及实现

[](()思路分析:实现mvvm主要包含两个方面,数据变化更新视图,视图变化更新数据:view更新data其实可以通过事件监听即可,比如input标签监听 ‘input’ 事件就可以实现了。关键点在于data如何更新view,所以我们着重来分析下,当数据改变,如何更新视图的。数据更新视图的重点是如何知道数据变了,只要知道数据变了,那么接下去的事都好处理。如何知道数据变了,其实上文我们已经给出答案了,就是通过Object.defineProperty( )对属性设置一个set函数,当数据改变了就会来触

2022-05-04 10:42:29 332

原创 vue中如何自定义指令directive

[](()三、应用场景使用自定义组件组件可以满足我们日常一些场景, 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 这里给出几个自定义组件的案例:防抖图片懒加载一键 Copy的功能[](()输入框防抖防抖这种情况设置一个v-throttle自定义指令来实现举个例子:// 1.设置v-throttle自定义指令Vue.directive(‘throttle’, {bind: (el, binding)

2022-05-04 10:40:44 236

原创 Vue与VueComponent的关系

const d = new Demo()console.log(Demo.prototype); //显示原型属性console.log(d.proto); //隐式原型属性console.log(Demo.prototype === d.proto); //true//程序员通过显示原型属性操作原型对象,追加一个x属性,值为99Demo.prototype.x = 99console.log(‘@’,d.proto.x);[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(

2022-05-04 10:38:16 70

原创 Vue3整合VxeTable

import VXETable from ‘vxe-table’import ‘vxe-table/lib/style.css’const app = createApp(App)app.use(VXETable)app.mount(‘#app’)[](()页面使用

2022-05-04 10:36:29 530

原创 Vue3 学习笔记 ——

*/export default {name: ‘App’,setup() {const counter = ref(1000)// console.log(counter.value)const increment = () => {counter.value += 1;}const decrement = () => {counter.value -= 1;}// 必须 return,外部才能拿到值return { counter, increment,decrem

2022-05-04 10:34:10 225

原创 前端学习到就业,到底需要怎么学?

一个成熟的客户端javascript库,推荐jquery。一门服务器端语言:如果有服务器端开发经验,使用已经会的语言即可,如果没有服务器端开发经验,熟悉Java可以选择Servlet,不熟悉的可以选PHP,能实现简单登陆注册功能就足够支持前端开发了,后续可能需要继续学习,最基本要求是实现简单的功能模拟。本人是一个从事前端开发6年的程序员,在前端领域混了这几年,总结了一套前端学习的精讲视频和学习路线,如果有对前端开发感兴趣的伙伴,不管你是想转行,或是大学生,还有工作中想提升自己能力的web前端党,欢迎大家

2022-05-03 12:24:36 831

原创 前端10 个“哇塞”的 学习资源网站

​在左侧编辑,在右侧预览,README 必备的各个要素一应俱全;规范!标准!好看!还支持下载到本地;有了这个,还有人不会写 README 嘛?4. smalldev这类开发辅助工具还算是挺常见的,不过 smalldev的优势就是 功能全、颜值高、没广告😎;代码分 《大厂前端面试题解析+Web核心总结学习笔记+企业项目实战源码+最新高清讲解视频》无偿开源 徽信搜索公众号【编程进阶路】 享床、JSON 格式化、base64 加解密、HTML/JS/CSS 格式化、压缩 SQL、生成占位图、生成测试数

2022-05-03 12:19:48 308

原创 前后端数据交互(四)——fetch 请求详解

1.1、fetch使用语法fetch(url,options).then((response)=>{//处理http响应},(error)=>{//处理错误})url :是发送网络请求的地址。options:发送请求参数,body - http请求参数mode - 指定请求模式。默认值为cros:允许跨域;same-origin:只允许同源请求;no-cros:只限于get、post和head,并且只能使用有限的几个简单标头。cache - 用户指定缓存。m

2022-05-03 12:17:30 3092

转载 别在问我跨域问题了,跨域详解以及前端、后端

port 端口号Parameters参数Anchor 锚点,一般用于定位位置[](()3. 同源不同源举🌰举一下同源不同源的例子,便于[](()同源例子| 例子 | 原因 || — | — || http://example.com/app1/index.html http://example.com/app2/index.html | 相同的 scheme http 和host || http://Example.com:80 http://example.com |..

2022-05-03 12:15:50 3596 1

原创 几个关于vue的面试题

??? 正文部分是笔者的回应。友情提示,文章中宝藏链接过多,很难一口气消化。为了不迷路,建议关注公众号,点顶部「前端从进阶到入院」。我为你精心挑选了**「Vue 进阶精选」**专题文章,帮你逐个击破难点。请说一下响应式数据的原理???默认 Vue 在初始化数据时,会给 data 中的属性使用 Object.defineProperty 重新定义所有属性,当页面到对应属性时,会进行依赖收集(收集当前组件中的 watcher)如果属性发生变化会通知相关依赖进行更新操作.

2022-05-03 12:13:26 134

原创 写好 JS 条件语句的 5 条守则

/_ 当发现无效语句时,尽早Return _/function test(fruit, quantity) {const redFruits = [‘apple’, ‘strawberry’, ‘cherry’, ‘cranberries’];// 条件 1: 尽早抛出错误if (!fruit) throw new Err

2022-05-03 12:11:04 61

原创 信息系统沟通管理

管理沟通控制沟通项目沟通管理的技术和工具十大管理第七季沟通管理[](()项目沟通管理=================================================================规划沟通管理管理沟通控制沟通[](()项目沟通管理基础===================================================================[](()项目沟通管理的重要性1、与1T项目成功有..

2022-05-03 12:09:34 312

原创 你所不了解的TypeScript 类型编程

type StringifyA = {};是不是很熟悉?重要的就是这个in操作符,你完全可以把它理解为就是for...in,也就是说你还可以获取到接口键值类型,比如我们复制接口!type Clone = {};掌握这种思路,其实你已经接触到一些工具类型的底层实现了:你可以把工具类型理解为你平时放在utils文件夹下的公共函数,提供了对公用逻辑(在这里则是类型编程逻辑)的封装,比如上面的两个类型接口就是~先写个最常用的Partial

2022-05-03 12:07:25 273

原创 作为程序员的我,常用的工具软件有这些

文档,在开发过程中当然是必不可少的,而markdown在开发中更加是举足轻重。Markdown编辑工具数不胜数,在线的、PC端的,比比皆是,但是我还是选择typora。界面简洁,支持实时预览,支持多种公式类型,支持TOC等标签。[9. CopyTranslator](()作为学生、科研人员或者算法工程师等职位难免会接触英文文章,读英语文章又哪些痛点呢?英语水平差,这个当然排第一,如果英语水平好了,就不要再找什么翻译软件了。1.**来回切换屏幕、复制、粘贴比较麻烦。**2. 人工翻译不仅贵而且效果不好.

2022-05-03 12:05:23 2296

原创 前端项目负责人需要具有的能力

任务划分规划任务难易程度 划分不同的开发人员可复用性考虑任务时间安排前面两个决定具体的时间划分。风险规划风险规划这里说的主要是:任务完成的效果程度。任务完成量任务完成度风险分为两种:任务完成了多少,任务完成的怎么样。开发完成和任务完成是两回事情。**突发情况应对能力**其实正常情况下不会出现这种情况,但是在人力条件有限的情况下,可能出现这种情况。借助现有的资源,解决相对的问题。业务能力前端同学其实对于业务能力因为各种原因,普遍没有后端了解的多。

2022-04-27 23:57:14 270

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除