zl程序教程

前端

  • 『XXG JS』JavaScript 数组方法 Array

    『XXG JS』JavaScript 数组方法 Array

    👋 本文章为我(XXG)原创,由于个人能力有限,此笔记可能会错漏、过时、或需要补充。 📖 笔记文章由于多平台发布,为了修改方便,可

    日期 2023-10-26 10:15:12     
  • jquery简单的拖动效果

    jquery简单的拖动效果

    <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>简单拖曵原理实例</title> <style type="text/css"> #drag{width:400p

    日期 2023-10-26 10:15:12     
  • 从头开始学习vue-router

    从头开始学习vue-router

    一、前言 要学习vue-router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue-router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。 二、vue-router是什么 这里的路由并不是指我们平时所说的硬件路由器&#x

    日期 2023-10-26 10:15:12     
  • Vue + ElementUI的电商管理系统实例12 分类参数

    Vue + ElementUI的电商管理系统实例12 分类参数

    1、创建商品分类分支goods_params并push到远程 创建分支goods_params,并切换到当前: git checkout -b goods_params 推送到远程:(以前码云中没有该分支,所以要加-u,如果码云中有该分支,则不需要加-u) git push -u origin goods_params 2、通过路由加载分类参数组件 在goods文件夹和Params.vu

    日期 2023-10-26 10:15:12     
  • 网页资源加载的优化方法

    网页资源加载的优化方法

    概述 参考自谷歌的教程网站的加载性能可以从减少网络延迟、减少资源数量、减少资源体积和使用缓存 4 个方面来进行优化。 1. 减少网络延迟与网络请求 避免使用着陆页进行重定向。重定向会导致额外的HTTP请求,造成网络延迟,拖慢网页的呈现。重定向也可能造成额外的DNS查找,TCP握手和TLS协商。 合并资源,减少网络请求合并资源,最常见的就是sprite精灵图了。此外,还可以合并一下 CSS 和

    日期 2023-10-26 10:15:12     
  • Vue模板语法

    Vue模板语法

    模板语法 Vue使用基于HTML的模板语法,允许开发者声明式的将DOM绑定至底层Vue实例的数据。 在底层的实现上,Vue将模板编译成虚拟DOM渲染函数。结合响应系统,Vue能够智能的计算出最少需要重新渲染多少组件,并把DOM操作次数减少到最少。 插值 (1)文本插值: &lt;span&gt;Message: {{ message }}&lt;/span&gt;

    日期 2023-10-26 10:15:12     
  • 获取响应数据___JSON Extractor 后置处理器

    获取响应数据___JSON Extractor 后置处理器

    对于大部分请求返回的结果,都是json,有一个更方便使用的插件:JSON Extractor 不过得首先下载插件 https://jmeter-plugins.org/wiki/JSONPathExtractor/ 下载后解压以后将lib和lib/ext中的jar包放到安装目录对应位置,重启即可 简单介绍一下该插件怎么使用   该插件为:   Vari

    日期 2023-10-26 10:15:12     
  • react-native-country-picker-modal手机通讯录

    react-native-country-picker-modal手机通讯录

    react-native-country-picker-modal https://github.com/xcarpentier/react-native-country-picker-modal The best Country Picker for React Native. 国家选择器提供了模式,允许用户从列

    日期 2023-10-26 10:15:12     
  • vue路由详解版一目了然

    vue路由详解版一目了然

    概念 路由的本质就是一种对应关系,比如说我们在url地址中输入我们要访问的url地址之后,浏览器要去请求这个url地址对应的资源。 那么url地址和真实的资源之间就有一种对应的关系,

    日期 2023-10-26 10:15:12     
  • jQuery自定义漂亮的下拉框插件8种效果

    jQuery自定义漂亮的下拉框插件8种效果

    jquery美化选择器实例有:边框、下划线、 伸缩 、滑动、 覆盖、 旋转、 弹出层选择 、环形效果。     在线预览   实例代码 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

    日期 2023-10-26 10:15:12     
  • 古老的CSS同高列问题

    古老的CSS同高列问题

    今日在网页设计时,遇到了希望页面的几列同高需求的实现问题,搜罗了一下google,找到以下文章,感觉不错,翻译过来,同时作为学习加深印象。 https://css-tricks.com/fluid-width-equal-height-columns/  相同高度的列布局在web design领域是个很常见的需求。如果所有列都使用相同的background,那么所谓同高列在这里就没有什

    日期 2023-10-26 10:15:12     
  • Vue技术12.3列表过滤

    Vue技术12.3列表过滤

    <!DOCTYPE html>> <html> <head> <mata charset="UTF-8"/>

    日期 2023-10-26 10:15:12     
  • css3文字阴影和盒子阴影

    css3文字阴影和盒子阴影

    文字阴影 文字阴影的语法格式: text-shadow:水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色,水平向右的偏移值 向下的偏移值 迷糊度 阴影的颜色; 可以有多个阴影,但是在实际的项目中最多一个阴影就可以了。 <style> div { font-size: 100px; text-align: center; /

    日期 2023-10-26 10:15:12     
  • ASPOSE.WORD 另存为HTML

    ASPOSE.WORD 另存为HTML

     var fi = new FileInfo(Environment.CurrentDirectory + "\\AE9302C0-AE48-4F4B-8489-6A428D9163C9_ALL.doc");            var doc = new Document(

    日期 2023-10-26 10:15:12     
  • html判断当前页面是否在iframe中/顶级document中

    html判断当前页面是否在iframe中/顶级document中

    在使用div+iframe布局的应用中,通常我们希望在session超时或者未登录访问时跳转到登录页面,默认情况下iframe中的页面无法直接覆盖父页面,因此需要在登录页面加载的时候判断一下当前是否为top页面,如果不是,则刷新主页面,这样就可以避免登录页面嵌入在iframe中的情况,如下: <script type="text/javascript"> if(self!=to

    日期 2023-10-26 10:15:12     
  • jQuery+Ajax+PHP 制作简单的异步数据传输(测试用户名是否可用)

    jQuery+Ajax+PHP 制作简单的异步数据传输(测试用户名是否可用)

    实现基本异步数据传输,略去与数据库交换,先直接在PHP端判断:用户名为 user1 即为不可用, 测试时外加了 普遍的 “Loading..." 功能,此功能可直接在PHP中循环延时 for($i=0;$i<10000000;$i++) 即可   最终效果如下:     代码如下,供日后回味参考...   PHP 部分 : 其中 user

    日期 2023-10-26 10:15:12     
  • vue封装返回顶部组件【cv可用】

    vue封装返回顶部组件【cv可用】

    一、博主介绍 💒首页:水香木鱼 🛫专栏:后台管理系统 ✍简介: 博主:花名 “水香木鱼”,星座"水瓶座一枚" 🔰 格言:

    日期 2023-10-26 10:15:12     
  • Jquery中.attr()和.data()的区别

    Jquery中.attr()和.data()的区别

    $.attr()和$.data()本质上属于DOM属性和Jquery对象属性的区别。 一个简单的例子 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Jquery中.attr和.data的区别</title>

    日期 2023-10-26 10:15:12     
  • HTTP协议扫盲(四)HTTP协议进阶 - MIME类型

    HTTP协议扫盲(四)HTTP协议进阶 - MIME类型

    一、概念和原理 1、什么是MIME类型? MIME类型,即多用途互联网邮件扩展,它是一个互联网标准,在1992年最早应用于电子邮件系统,但后来也应用到浏览器。 服务器会将它们发送的多媒体数据的类型告诉客户端,通知手段就是说明该多媒体数据的MIME类型,客户端根据MIME类型知道接收到的信息哪些是MP3文件,哪些是Shockwave文件等等,采用相应插件处理接收的数据。 2、MIME类型的引入 最

    日期 2023-10-26 10:15:12     
  • 基于html5海贼王单页视差滚动特效

    基于html5海贼王单页视差滚动特效

    分享一款基于html5海贼王单页视差滚动特效是一款流行滑落网页特效代码。效果图如下: 在线预览   源码下载 实现的代码: <div class="top"> <div class="top_main center"> <ul id="scene" class="scene">

    日期 2023-10-26 10:15:12     
  • vue npm start 自动打开网页

    vue npm start 自动打开网页

    打开config/index.js,设置: autoOpenBrowser: true,(默认是false,把false改为true即可)

    日期 2023-10-26 10:15:12     
  • 必看的 jQuery性能优化的38个建议

    必看的 jQuery性能优化的38个建议

    版权声明:本文为博主原创文章,未经博主同意不得转载。 https://blog.csdn.net/u011043843/article/details/28128171 一、注意定义jQuery变

    日期 2023-10-26 10:15:12     
  • RTT之柿饼UI

    RTT之柿饼UI

    console.log("strings")//向单片机通过串口发送日志提示信息 this.setData({label1: { value : "Hello RT-Thread", refresh : true}});//通过this.setData的方法修改页面的一个控件的属性信息 pm.navigateTo({url: "page2/page2"});//UI的页面切换,当前页面不关闭,可

    日期 2023-10-26 10:15:12     
  • 2016年4月最佳的20款 jQuery 插件推荐

    2016年4月最佳的20款 jQuery 插件推荐

      这个列表包括20个我们觉得是最有用的免费的 jQuery 插件,它们都是最具创新性和最省时省力的解决方案,很多都是现代化的设计和开发中碰到的问题的处理方案。如果你熟悉下面列出的任何插件,请与我们的读者分享您的意见,或者如果您知道的我们还没有包括的话,请与我们分享在下面的评论部分。 您可能感兴趣的相关文章 网站开发中很有用的 jQuery 效果【附源码】 分享35个让人惊讶的 CSS3 动

    日期 2023-10-26 10:15:12     
  • [Laravel] 01 - Love beautiful code? We do too.

    [Laravel] 01 - Love beautiful code? We do too.

    前言 一、良心资料 英文 Laravel 框架:https://laravel.com/ 教程:https://laracasts.com/series/ laravel-from-scratch-2017 安装配置:Install Laravel 5.4 on Ubuntu 16.04 (with PHP 7.0)   中文 轻松学会Laravel-基础篇 轻松学会La

    日期 2023-10-26 10:15:12     
  • JavaScript中遍历数组 最好不要使用 for in 遍历

    JavaScript中遍历数组 最好不要使用 for in 遍历

        先看一段代码 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 </head> 7 <body&g

    日期 2023-10-26 10:15:12     
  • [转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。

    [转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。

    原文地址:input[type=file]在移动端各浏览器无法适配打开相机的问题。作者:韩小文近期有一需求是拍照上传用户头像并能进行区域性的截取操作。 故使用了input[type=file]标签进行尝试,PC端无问题,后发现移动端方面: 1.乐视2s手机在UC,360,QQ,EUI浏览器下均能实现调用相机,在微信浏览器下无法调用相机,但是能选择图片文件上传。 为尝试解决,曾在inpu

    日期 2023-10-26 10:15:12     
  • 前端的万字高级进阶指南

    前端的万字高级进阶指南

    🔥 这是什么? 笔者在学会 JS 以及框架的应用后,有一段时间不知道该如何深入下去,活能干,就是不知道该学啥。相信这个问题也会有很多读者朋友遇到。 当然笔者目前已经突破了这个瓶颈,也成为了知名公司基础架构组的成员。因此想通过自己成长的经历及积累的资料整理出一系列的学习

    日期 2023-10-26 10:15:12     
  • 理解HTTP协议

    理解HTTP协议

    理解HTTP协议 前端必须会的!!!关于对HTTP协议的理解、HTTP协议原理分析

    日期 2023-10-26 10:15:12     
  • 西安交大网络极简网关认证的“难与易”

    西安交大网络极简网关认证的“难与易”

    天下事有难易乎?为之,则难者亦易矣;不为,则易者亦难矣。 需要为42000人师生提供最便捷的网络接入体验、支撑15万个终端设备在线,“毫秒级”认证覆盖有线、无线网络…..这个工程不可谓不难,然而最终需要实现的确实“极致简易”。对于西安交大的网络认证这道“难与易”的问题,锐捷用极简网关认证解决方案交出的答卷,映射出来的正是面对创新的“有为”之道。 西安交通大学 无线覆盖遭遇瓶颈 认证难题“

    日期 2023-10-26 10:15:12     
  • Codrops 教程:基于 CSS3 的精美模态窗口效果

    Codrops 教程:基于 CSS3 的精美模态窗口效果

      Codrops 分享了漂亮的模态窗口效果实现方法,希望给前端开发人员提供一些创新显示对话框的启示。这个方案使用了触发按钮(或任何的 HTML 元素),在点击的时候出现一个模态窗口,带有简单的过渡(或动画)。 您可能感兴趣的相关文章 Metronic – 赞!Bootstrap 响应式后台管理模板 Debuggex – 超好用的正则表达式可视化调试工具 FROONT

    日期 2023-10-26 10:15:12     
  • 改进了UI的界面

    改进了UI的界面

    script src="/static/js/jquery1.11.1.min.js" /script script src="/static/js/modernizr.js" /script script src="/static/js/polyfill/rem.min.js" /script script src="/static/js/polyfill/respond.m

    日期 2023-10-26 10:15:12     
  • React开发中提升幸福度的一些小技巧

    React开发中提升幸福度的一些小技巧

    转载 https://github.com/yezihaohao/blog/blob/master/React%E5%BC%80%E5%8F%91%E4%B8%AD%E6%8F%90%E5%8D%87%E5%B9%B8%E7%A6%8F%E5%BA%A6%E7%9A%84%E4%B8%80%E4%BA%9B%E5%B0%8F%E6%8A%80%E5%B7

    日期 2023-10-26 10:15:12     
  • 谈谈基于OAuth 2.0的第三方认证 [下篇]

    谈谈基于OAuth 2.0的第三方认证 [下篇]

    从安全的角度来讲,《中篇》介绍的Implicit类型的Authorization Grant存在这样的两个问题:其一,授权服务器没有对客户端应用进行认证,因为获取Access Token的请求只提供了客户端应用的ClientID而没有提供其ClientSecret;其二,Access Token是授权服务器单独颁发给客户端应用的,照理说对于其他人(包括拥有被访问资源的授权者)应该是不可

    日期 2023-10-26 10:15:12     
  • Web 开发最有用的50款 jQuery 插件集锦——《综合篇》

    Web 开发最有用的50款 jQuery 插件集锦——《综合篇》

      这篇文章是《Web 开发最有用的50款 jQuery 插件集锦》系列的最后一篇,整个系列向大家分享了在网站开发中非常有帮助的 50 款 jQuery 插件,这些插件按用途主要有以下类别:网页布局插件,导航插件,表格插件,滑块和转盘插件,图表插件,图片特效插件,视频插件等等,系列其它文章列表如下: 您可能感兴趣的相关文章 50款最有用的 jQuery 插件集锦《表单篇》

    日期 2023-10-26 10:15:12     
  • webpack入坑之旅(六)配合vue-router实现SPA

    webpack入坑之旅(六)配合vue-router实现SPA

    这是一系列文章,此系列所有的练习都存在了我的github仓库中vue-webpack,在本人有了新的理解与认识之后,会对文章有不定时的更正与更新。下面是目前完成的列表: webpack入坑之旅(一)不是开始的开始webpack入坑之旅(二)loader入门

    日期 2023-10-26 10:15:12     
  • Html开发常用习惯之(二)

    Html开发常用习惯之(二)

    根据HTML5规范, 通常在引入CSS和JS时不需要指明 type,因为 text/css 和 text/javascript 分别是他们的默认值。 HTML5 规范链接 •使用link •使用style •使用script !-- External CSS -- link rel="stylesheet" href="code_guide.css" !-- In-d

    日期 2023-10-26 10:15:12     
  • javascript 作用域

    javascript 作用域

    javascript 作用域 本文是作者的学习笔记、主要是给大家说说作用域在javascript中是怎么一回事、有不足之处在所难免欢迎大家指正。 函数作用域 JavaScript 不是块级作用域而是通过函数来管理作用域,在函数内部声明的变量只能在这个函数内部使用, 1.块级作用域测试 if(true){ var test=1; } console.log(test); //1 2.函数级

    日期 2023-10-26 10:15:12     
  • javascript中substring和substr的用法

    javascript中substring和substr的用法

    js中substring和substr的用法   substring 方法用于提取字符串中介于两个指定下标之间的字符 substring(start,end) 开始和结束的位置,从零开始的索引 参数     描述 start     必需。一个非负的整数,规定要提取的子串的第一个字符在 stringOb

    日期 2023-10-26 10:15:12     
  • jquery 实现table的行列选中效果改进

    jquery 实现table的行列选中效果改进

    行列都可以多选,也可对相应数据进行统计:   行选中效果 列选中效果      

    日期 2023-10-26 10:15:12     
  • JavaScript 事件托付 以及jQuery对事件托付的支持

    JavaScript 事件托付 以及jQuery对事件托付的支持

          在我的另外一篇文章 解析Javascript事件冒泡机制里的最后,从冒泡机制的角度谈了一点对Javascript 事件托付的理解。如今单独把事件托付 拿出来和大家探讨一下。 什么是托付?     所谓的托付,现实意义上讲是指将自己的事务嘱托他人代为处理。比方说甲托付乙去做某些事儿,那么,甲则是托付人

    日期 2023-10-26 10:15:12     
  • jQuery-velocity.js 插件的简易使用

    jQuery-velocity.js 插件的简易使用

    初识Velocity动画,感觉它并没有那么强大,但是渐渐感觉它的ui动画可以让我们简易的使用到我们的项目中。 Velocity动画的简介:   下载地址:http://www.julian.com/research/velocity/   兼容性:IE8 和 Android2.3   官网的配置代码:    require.config({     pat

    日期 2023-10-26 10:15:12     
  • 通过npm安装配置BootsrapVue项目(Vue和Bootstrap)

    通过npm安装配置BootsrapVue项目(Vue和Bootstrap)

    本文主要介绍通过npm使用BootstrapVue来构建Vue.js和Bootstrap的项目,以及相关配置。 原文地址:通过npm安装配置BootsrapVue项目(Vue和Bootstrap)

    日期 2023-10-26 10:15:12     
  • 初探JavaScript——JS另类的作用域和声明提前

    初探JavaScript——JS另类的作用域和声明提前

    最近恰逢毕业季,千千万万的学生党开始步入社会,告别象牙塔似的学校生活。往往在人生的各个拐点的时候,情感丰富,感触颇深,各种对过去的美好的总 结,对未来的展望。与此同时,也让诸多的老“园”工看完这些小年轻的文章后感触良多,不禁也要写上几笔,所以就出来了很多类似“毕业两年小记”、“毕业五 年有感”…… 可能就是某篇博文的一句话,某碗心灵鸡汤就拨动了你心里的那根尘封已久的弦,让你情不自禁的点了个

    日期 2023-10-26 10:15:12     
  • EasyUI----动态拼接EasyUI控件

    EasyUI----动态拼接EasyUI控件

    近期在做的项目中。依据查询到的数据,然后动态的拼接easyUI的控件显示到界面上。在数据库中,有一个命令的表,另一个參数的表,先到命令的表中去查询这一个设备有哪些命令,比方说。摄像头有一个转动的命令,那么就要把转动这个命令动态的拼接成EasyUI的Buttonbutton。然后依据命令去查询这个命令下的參数,比方说,转动是有角度的,10°,20°……。这个度就是命令下的參数,然

    日期 2023-10-26 10:15:12     
  • Vue v-for用法

    Vue v-for用法

    v-for用法

    日期 2023-10-26 10:15:12     
  • 占位  Bootstrap

    占位 Bootstrap

    中文网  http://www.bootcss.com/

    日期 2023-10-26 10:15:12     
  • 【JavaScript】JS读取XML文件并进行搜索

    【JavaScript】JS读取XML文件并进行搜索

    点击链接,当前页面加载xml文件并展示对应内容 通过搜索框,搜索xml文件内节点数据,展示包含内容的节点数据 Demo最终实现效果 http://loadxmldemo.coderfix.cn/ String.prototype.replaceAll = function (s1, s2) { return this.replace(new RegExp(s1, "gm"), s2)

    日期 2023-10-26 10:15:12     
  • 转: 数字证书原理 https 完整过程解析

    转: 数字证书原理 https 完整过程解析

    点评: 讲的非常的详细与全面,值得一看。 转: http://www.cnblogs.com/JeffreySun/archive/2010/06/24/1627247.html   文中首先解释了加密解密的一些基础知识和概念,然后通过一个加密通信过程的例子说明了加密算法的作用,以及数字证书的出现所起的作用。接着对数字证书做一个详细的解释,并讨论一下windows中数字证书的

    日期 2023-10-26 10:15:12     
  • 专访Vue作者尤雨溪:Vue CLI 3.0重构的原因

    专访Vue作者尤雨溪:Vue CLI 3.0重构的原因

    1、为什么要对 Vue CLI 进行大规模修改? 尤雨溪认为旧版本的 Vue CLI 本质上只是从 GitHub 拉取模版,这种拉模版的方式有几个问题: (1) 在单个模版里面同时支持太多选项会导致模版本身变得极其复杂和难以维护,而提供多个模版一方面会让初学者无所适从,另一方面模版之间也难以共享功能或是互相迁移。CLI 3 对此的解决方案是通过插件的形式去支持多个不同的功能,一个插件对应一个功

    日期 2023-10-26 10:15:12