![](https://img-blog.csdnimg.cn/d647ddc985cc4e488ac64aa4d8e373e2.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技能
文章平均质量分 90
以实战为线索,逐步深入前端开发各个环节,掌握前端常用性能体验优化思路,打造完整的大前端体系,提升工程化和思维能力。 具体内容包括: 1. 最新资讯 2. uni-app 3. 前端框架Vue.js 4.小程序 5. 缓存技术
iOS逆向
华为云云享专家认证|阿里云开发社区博客专家,定期分享Java、iOS资讯(包括基础知识储备)、小程序开发与运营、阅读与写作。只为你呈现有价值的信息,专注于移动端技术研究领域。
展开
-
JavaScript 混淆工具: javascript-obfuscator
例如,如果设置为 200,则每 200 行代码插入调试保护代码。使 JavaScript 代码每次被调用时,将代码自身即立刻自动发生变异,变化为与之前完全不同的代码,即功能完全不变,只是代码形式变异,以此杜绝代码被动态分析调试。和 controlFlowFlattening配合,表示代码控制流展平的概率,此设置对于大代码影响较大,大量的控制流转换会减慢代码速度并增加代码大小。设为 true,表示开启代码控制流展平,这是源代码的一种结构转换,使代码增大且变得难以理解。设置废代码注入的百分比。原创 2024-07-02 10:13:38 · 162 阅读 · 0 评论 -
javascript二进制流转图片的操作方法:File、Blob、FileReader、ArrayBuffer、Base64格式之间的转换
如果你有一个image/png格式的二进制流,你可以使用Blob对象和URL.createObjectURL方法来创建一个可以在网页上显示的图片URL。添加 {responseType: ‘arraybuffer’} 请求头,获取ArrayBuffer类型数据,再转码成base64。html: 使用img标签来加载图片,并将图片的src属性设置为HTTPS URL。获取blob类型数据。原创 2024-06-04 08:37:25 · 473 阅读 · 1 评论 -
高德地图 JS API用于绘画船舶轨迹
地图 JS API 2.0 是高德开放平台免费提供的第四代 Web 地图渲染引擎, 以 WebGL 为主要绘图手段,本着“更轻、更快、更易用”的服务原则,广泛采用了各种前沿技术,交互体验、视觉体验大幅提升,同时提供了众多新增能力和特性。原来用法为 new AMap.TileLayer(),新的用法为 AMap.createDefaultLayer()1)默认图层创建方式变更。2)事件监听方式变更。原创 2024-06-01 08:45:47 · 121 阅读 · 0 评论 -
前端管理系统:vBean admin/芋道管理系统的权限控制【用户/角色/菜单】(vue框架搭建之axios使用教程、安装pnpm)
文档:https://doc.vvbin.cn/guide/introduction.html。原创 2023-09-21 11:36:42 · 1726 阅读 · 0 评论 -
uniapp打包提交应用市场审核问题汇总
问题:您的应用经检测含有 【Android:Evo-gen [TgJ+AG1435799legap】病毒,不符合华。解决方案:分析华为给出的文件附件,进行云测试,若您自检自测后无发现问题,重新提交应用。问题:您的应用被系统检测出存在启动失败功能问题,不符合华为应用市场审核标准。解决方案:卸载360重新打包。为应用市场审核标准。原创 2023-08-17 10:46:49 · 755 阅读 · 0 评论 -
前端小技能:Chrome DevTools中的操作技巧
Mac 使用 command+option+I 即可打开DevTools。原创 2022-12-09 17:25:59 · 991 阅读 · 1 评论 -
HTML小技能:嵌入技术
单击劫持是一种常见的 iframe 攻击,黑客将隐藏的 iframe 嵌入到你的文档中(或将你的文档嵌入到他们自己的恶意网站),并使用它来捕获用户的交互。这是误导用户或窃取敏感数据的常见方式。内容可以做得太多(执行 JavaScript,提交表单,弹出窗口等)默认情况下,你应该使用没有参数的 sandbox 属性来强制执行所有可用的限制。到你的sandbox属性中,因为在这种情况下,嵌入式内容可以绕过阻止站点执行脚本的同源安全策略,并使用 JavaScript 完全关闭沙盒。......原创 2022-08-19 13:58:17 · 708 阅读 · 0 评论 -
HTML小技能:文档结构
1991年8月6日,万维网首次公开亮相。伯纳斯-李发明的万维网的三项关键技术是:统一资源标志符(URI)、超文本标记语言(HyperText Markup Language)、超文本传输协议(HTTP)。原创 2022-08-12 17:01:44 · 502 阅读 · 0 评论 -
浏览器页面的渲染过程:HTML(包括静态资源)的加载、解析、构建、渲染、布局、绘制、合成、呈现
## 1.1 关键渲染路径指浏览器从最初接收的响应数据(HTML、CSS、JS等资源),然后`解析、构建、渲染、布局、绘制、合成,到最后呈现`的整个过程。原创 2019-03-28 11:02:13 · 23188 阅读 · 0 评论 -
html小技能:1、【Meta 标签的 http-equiv 属性使用指南】content-Type(显示字符集的设定)、Refresh(刷新)2、用 iframe 解决跨域请求问题
文章目录前言I、 http-equiv1.1 http-equiv。属性语法II 、案例:定时刷新页面2.1 使用setInterval进行定时刷新页面2.1.1 原理2.2 使用meat标签的http-equiv属性, 随机快速访问URL数组中的页面,并自动刷新并指向新页面III、 拓展案例: 获取自己博客的所有文章URLsee also前言http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content原创 2020-10-06 17:02:44 · 19149 阅读 · 5 评论 -
CSS小技能:常用样式属性、选择器分类、盒子模型
CSS(cascading style sheets,层叠式样式表)是一种用来表现HTML 或XML 等文件样式的计算机语言,CSS文档以.css作为后缀 。CSS的作用:设置HTML页面的布局和样式CSS的语法:1.1 HTML中引入CSS的方式外部样式,link标签将外部样式表链接到页面。内部样式是指放在 HTML 文件标签里的内联样式表存在于 HTML 元素的 style 属性之中,每个 CSS 表只影响一个元素。1.2 选择器选择器的优先级排序:例子:+~结合filt原创 2022-08-12 10:49:24 · 687 阅读 · 0 评论 -
JavaScript小技能:客户端 API
这是一个由浏览器生成的“树结构”,使编程语言可以很容易的访问 HTML 结构 , 由W3C定义的一组规范一组API 用来操作HTML对象。当调用 setTimeout() 时,它将启动一个设置为给定延迟的计时器,当时间过期时,它就会调用给定的回调函数。取消对 code 的周期性执行,由 setInterval() 返回的 ID 值可用作 clearInterval() 方法的参数。标签.css({样式属性名称:“样式值”,样式属性名称:“样式值”});标签.css(“样式属性名称”,“样式值”)....原创 2022-08-05 17:18:12 · 919 阅读 · 0 评论 -
JavaScript小技能: Ajax
是一种轻量级的数据交换格式。它基于 ECMAScript(European Computer Manufacturers Association, 欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。以异步地方式实现局部HTML的刷新。.................................原创 2022-08-05 15:35:00 · 907 阅读 · 0 评论 -
JavaScript小技能: 应用程序接口
它基于 ECMAScript(European Computer Manufacturers Association, 欧洲计算机协会制定的js规范)的一个子集,采用完全独立于编程语言的文本格式来存储和表示数据。第三方 API 并没有默认嵌入浏览器中,一般要从网上取得它们的代码和信息,比如地图 API 可以在网站嵌入定制的地图。表示当前标签对象 ,它保证了当代码的上下文 (context) 改变时变量的值的正确性。获得当前标签的所有孩子节点,返回数组对象。根据标签名称来获得一组标签,返回数组对象。...原创 2022-08-05 11:31:19 · 908 阅读 · 0 评论 -
JavaScript小技能:原型链的运作机制、Promise链
prototype 属性的值是一个对象,我们希望被原型链下游的对象继承的属性和方法,都被储存在其中。于是、等等成员,适用于任何继承自 Object() 的对象类型,包括使用构造器创建的实例。、,以及其他不在 prototype 对象内的成员,不会被继承自 Object() 的对象类型”所继承。对象的原型是每个实例上都有的属性,可以通过获得。和指向着同一个对象。函数也是一个对象类型,每个函数都有一个特殊的属性叫作原型(prototype)添加一些属性到 doSomething 的原型。.........原创 2022-08-05 11:14:59 · 916 阅读 · 0 评论 -
JavaScript小技能:Array
它们是一串 UTF-16 编码单元的序列,每一个编码单元由一个 16 位二进制数表示。内置的方法,例如parseInt和parseFloat可以用来将字符串转为数字。为了重复一个字符串 N 次,你可以使用for循环。JavaScript 中的数组是一种特殊的对象,与普通对象类似。Java中的数组,固定长度,存储同一类型数据,连续内存空间。js中的数组可变长,存储数据不固定,存储空间不一定连续。ECMAScript 5 增加了另一个遍历数组的方法,数组的属性 :length, 获得数组长度。.......原创 2022-08-04 14:01:40 · 893 阅读 · 0 评论 -
JavaScript小技能:事件
侦听事件发生的结构称为事件监听器(Event Listener),响应事件触发而运行的代码块被称为事件处理器(Event Handler)。注: 网络事件不是 JavaScript 语言的核心——它们被定义成内置于浏览器的 JavaScript APIs。事件能为网页添加真实的交互能力,它可以捕捉浏览器操作并运行相关代码做为响应。JavaScript是一种事件编程语言,需要有事件触发,以属性形式。传递event对象到function中。....................................原创 2022-08-03 16:55:11 · 935 阅读 · 0 评论 -
JavaScript小技能:对象
function 函数名称(参数列表) {函数体 } //一个 JavaScript 函数可以包含 0 个或多个已命名的变量。");//return 语句返回一个值并结束函数 //JavaScript 允许你创建匿名函数 var fun = function(a , b) {} // 注意:Function 类型没有重载,并且 fun 和fun(1,2)结果完全不同;................................................原创 2022-08-03 15:51:02 · 981 阅读 · 0 评论 -
JavaScript小技能:语言特点
一个有具体功能的完整网页,一般由3部分组成:HTML(内容和结构): HyperText Markup Language,超文本标记语言。用来结构化网页内容并赋予内容含义,例如定义段落、标题和数据表,或在页面中嵌入图片和视频。css(样式): Cascading Style Sheets层叠样式表是一种样式规则语言,可将样式应用于 HTML 内容,例如设置背景颜色和字体,在多个列中布局内容。...........................................................原创 2022-08-03 15:43:59 · 965 阅读 · 0 评论 -
JavaScript小技能:变量
JavaScript 中可以定义重名变量,如果后面定义的变量没有初始化则会按照前面定义的输出。如果我们没有变量,我们就不得不写大量的代码去枚举和检查输入的名字,然后去显示它们,这样做显然是低效率和不可行的。从 Symbol() 返回的 symbol 值都是唯一的,能作为对象属性的标识符;如果声明了一个变量却没有对其赋值,那么这个变量的类型就是 undefined。是存储值的容器,在 JavaScript 中声明一个新变量的方法是使用关键字。使用 var 声明的变量在它所声明的整个函数都是可见的。...原创 2022-08-03 15:37:04 · 919 阅读 · 0 评论 -
js小技能:批量删除新浪微博 1、利用Chrome的console删除所有微博(支持自动加载更多,支持删除快转)2、原理:setInterval() :周期调用执行函数/表达式
前言更多的IPC细节请看这里App之间的五种通信方式,它分别有URL Scheme,Keychain,UIPastedboard,UIDocumentInteractionController以及利用socket进行本地通信ios 有类似安卓的aidl?Is there equivalent of AIDL on other platforms (iOS, Blackberry...原创 2017-08-21 14:11:09 · 12363 阅读 · 0 评论 -
前端小技能:利用action-type按钮事件实现批量删除
文章目录引言I 利用action-type按钮事件实现批量删除1.1 action-type 汇总1.2 HTML DOM setInterval() :周期(以毫秒计)调用执行函数/表达式1.3 例子II Chrome DevTools中的操作技巧2.1 编辑页面上的任何文本 ✍2.2 Command 菜单see aslo引言利用action-type按钮事件实现批量删除:利用关键词feed_list_delete寻找要删除的类型事件feed_list_delete_fast_reporte原创 2022-03-02 09:44:28 · 2144 阅读 · 1 评论 -
JavaScript小技能:运算符
a.基本知识1.大小写敏感、标识符命名前面$_字母开头,后面接上字母数字_$2.语句后面接上;b.变量1.javascript是弱类型数据语言,变量在定义的时候不需要接上类型。2.javascript中使用var定义变量。c.数据类型1,数字类型number包括整数和浮点数2.字符串string“张三”‘张三’3.布尔类型true/false非0/0非null/null。.....................................................................原创 2022-08-01 16:55:53 · 1110 阅读 · 0 评论 -
Vue小技能: 模板语法、响应性原理
在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应性系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM操作次数减到最少。指令(Directives)是带有v-前缀的特殊attribute,指令attribute的值预期是单个JavaScript表达式。Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层组件实例的数据。在HTMLattribute中使用,使用v-bind指令。.........................................原创 2022-08-01 10:38:00 · 588 阅读 · 0 评论 -
vue小技能:使用渲染函数编写组件
Vue推荐在绝大多数情况下使用模板来创建你的HTML。然而在一些场景中,你真的需要JavaScript的完全编程的能力。Vue通过建立一个虚拟DOM来追踪自己要如何改变真实DOM,“虚拟DOM”是对Vue组件树建立起来的整个VNode树的称呼。虚拟节点(virtualnode)包含的信息会告诉Vue页面上需要渲染什么样的节点,及其子节点的描述信息。VNodes必须唯一,所以推荐使用工厂函数创建重复的元素。v-model指令扩展为。(子VNodes)........................原创 2022-07-29 17:39:02 · 1284 阅读 · 0 评论 -
Vue小技能:在 setup() 中使用provide/ inject
setup的调用发生在dataproperty、computedproperty或methods被解析之前,所以它们无法在setup中被获取。provide/inject的应用场景通过Provide/Inject,父组件作为其所有子组件的依赖提供者。setup选项在组件被创建之前执行,一旦props被解析完成,它就将被作为组合式API的入口。setup返回的所有内容都暴露给组件的其余部分(计算属性、方法、生命周期钩子等等)以及组件的模板。...............原创 2022-07-28 15:54:07 · 1140 阅读 · 0 评论 -
vue小技能:通过插槽`<slot>`分发内容,使用插槽 prop向父级组件传递数据。
这样在父级作用域中,可以使用带值的v-slot来定义和使用包含所有插槽prop的对象。元素上使用v-slot指令,并以v-slot的参数的形式提供插槽名称和提供内容。上,只有一种例外,当被提供的内容只有默认插槽时,组件的标签才可以被当作插槽的模板来使用。父级模板里的所有内容都是在父级作用域中编译的;子模板里的所有内容都是在子作用域中编译的。具名插槽的缩写把参数之前的所有内容(v-slot)替换为字符#。作为我们想要插入内容的占位符,一个不带name的。............................原创 2022-07-27 16:19:23 · 1050 阅读 · 0 评论 -
vue小技能:组件的 data 选项、methods 选项、计算属性、侦听器、组合式 API
debounce是针对响应跟不上触发频率这类问题的解决方案在时间周期内,当事件快速连续不断触发时,动作只会执行一次。拿上面的例子来说,只要author.books没有发生改变,多次访问publishedBookMessage时计算属性会立即返回之前的计算结果,而不必再次执行函数。Vue通过watch选项提供了一个更通用的方法来响应数据的变化当需要在数据变化时执行异步或开销较大的操作时,这个方式是最有用的。如果事件的回调函数较为复杂,就会导致响应跟不上触发,出现页面卡顿,假死现象。..............原创 2022-07-27 10:50:33 · 830 阅读 · 0 评论 -
vue小技能:组件间的数据传递
实现方式通过自定义事件创建支持v-model的自定义输入组件原创 2022-07-27 10:24:56 · 700 阅读 · 0 评论 -
Vue.js 的模板语法:插值、v-bind、事件处理、自定义指令
Vue.js使用了基于HTML的模板语法,允许开发者声明式地将DOM绑定至底层组件实例的数据。在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应性系统,Vue能够智能地计算出最少需要重新渲染多少组件,并把DOM操作次数减到最少。.........................................................................................................原创 2022-07-26 11:03:01 · 1228 阅读 · 0 评论 -
vue单文件组件(SFC)规范
Node.js是一个开源和跨平台的JavaScript运行时环境,Node.js在浏览器之外运行V8JavaScript引擎(GoogleChrome的内核)。组件是视图层的基本组成单元,组件是一个单独且可复用的功能模块的封装,允许我们使用小型、独立和通常可复用的组件构建大型应用。标签,可以在.vue文件中添加额外的自定义块来实现项目的特定需求,例如。每个vue文件的根节点必须为,且这个下只能且必须有一个根组件。//通过this.$emit将方法和数据传递给父组件。.....................原创 2022-07-25 16:04:03 · 1609 阅读 · 0 评论 -
uni-app运行原理
逻辑层是运行在一个独立的jscore里的,它不依赖于本机的webview,所以一方面它没有浏览器兼容问题,可以在Android4.4上跑es6代码,另一方面,它无法运行window、document、navigator、localstorage等浏览器专用的jsAPI。HBuilderX可视化界面创建的项目,编译器在HBuilderX的安装目录下的plugin目录,随着HBuilderX的升级会自动升级编译器。条件编译是利用注释实现的,在不同语法里注释写法不一样,js使用。代码块,可方便编写判断。.....原创 2022-07-25 15:43:49 · 5506 阅读 · 0 评论 -
uni-app开发工具: HBuilderX运行配置、调试、项目基础配置、开发规范
引言HBuliderX 开发版:https://www.dcloud.io/hbuilderx.html微信小程序开发工具:https://developers.weixin.qq.com/miniprogram/dev/devtools/download.htmlServerless WordPress 建站https://kunnan.blog.csdn.net/article/details/120020130I HBuliderX的使用1.1 HBuliderX的运行原创 2021-09-22 15:10:42 · 8188 阅读 · 0 评论 -
Nginx中间件服务:负载均衡(调度算法)、代理服务(解决跨域请求问题)、rewrite规则、静态资源web服务(缓存、简单防盗链)
@[toc]# 前言## 常见的HTTP服务- Nginx – 开源- HTTPD – Apache基金协会- IIS – 微软- GWS – Google其中Nginx是一个开源且高性能、可靠的、一款轻量级(Lightweigt)的HTTP中间件、代理服务。>nginx可以作为像tomcat或者Apache一样的服务器来使用,同时nginx又具有反向......原创 2017-07-03 15:21:13 · 10666 阅读 · 0 评论 -
vue3小技能:html和vue的区别
在传统开发中,用原生的 JavaScript DOM 操作函数对 DOM 进行频繁操作的时候,浏览器要不停的渲染新的 DOM 树,导致页面看起来非常卡顿。vue 是单页面应用,使页面局部刷新,不用每次跳转页面都要请求所有数据和 DOM ,这样大大加快了访问速度和提升用户体验。vue现在是es6的写法,require引入外部的js模块(注意不是文件)或import css。另外,vue支持组件导入,可以更方便的封装一个包括界面、js、样式的库。如需要全局导入vue组件,即每个页面都可以直接使用而不用引用和原创 2022-07-14 16:48:02 · 5685 阅读 · 0 评论 -
uni-app开发规范:一键登录(univerify)、服务器调用云函数、微信授权登录
vue现在是es6的写法,require引入外部的js模块(注意不是文件)或import css。另外,vue支持组件导入,可以更方便的封装一个包括界面、js、样式的库。如需要全局导入vue组件,即每个页面都可以直接使用而不用引用和注册的话,在项目根目录下的main.js里处理。传统vue组件,需要安装、引用、注册,三个步骤后才能使用组件。HBuilderX 2.5.5起支持easycom组件模式。easycom将其精简为一步。 只要组件。就可以不用引用、注册,直接在页面中使用。 如下:1.2 组件/原创 2022-07-13 15:26:59 · 974 阅读 · 0 评论 -
JQUERY
前言为什么学习jQuery原生JavaScript写代码很不方便而且容易出错(一直感觉写getElementById非常地烦),再加上浏览器之间差异处理起来就更烦躁了,jQuery刚好能解决这些问题,而且:轻量级 ;链式编程; 隐式迭代 ;丰富的插件支持。正文元素选择及操作用jQuery在选择元素时和用原创 2015-11-16 17:04:05 · 10583 阅读 · 0 评论