WEB前端
关注
分享
扫一扫
文章平均质量分 53
ThinkPet
青年码农一枚
展开
-
web开发中的四种会话跟踪技术
而Session在服务器端管理会话数据，提供了更高的安全性和灵活性。在选择使用哪种技术时，需要根据具体的应用场景和需求进行权衡。例如，Cookie是跨页面的，易于使用，但可能会受到用户禁用Cookie的限制；URL重写不需要Cookie支持，但可能导致URL变得冗长；这些技术各有优缺点，适用于不同的场景和需求。隐藏表单域只适用于表单提交的场景；原创 2024-05-24 10:48:21 · 420 阅读 · 0 评论 -
一种JS遍历Tree数据获取每一层中的某个特定属性的方法
【代码】一种JS遍历Tree数据获取每一层中的某个特定属性的方法。原创 2024-04-02 13:08:33 · 322 阅读 · 0 评论 -
适用于Vue 3的高颜值UI组件库
适用于Vue 3的高颜值UI组件库原创 2024-03-24 10:08:34 · 1145 阅读 · 0 评论 -
真-vue使用jsonp跨域
vue使用jsonp跨域1.安装依赖npm install jsonp2.在vue文件中使用import originJSONP from 'jsonp'//后端接口返回的数据为字符串//ckp({"cityid":"101190201","date":"2020-11-14"}})//该字符串实际是把数据用ckp()函数包裹//ckp就是前后端约定的jsonP前缀let url4 = 'https://www.xxxapi.com/api?callback=ckp';l.原创 2020-11-16 21:15:50 · 783 阅读 · 0 评论 -
日常整理的一些前端知识点笔记
Babel 是一个广泛使用的 ES6 转码器，可以将 ES6 代码转为 ES5 代码，从而在老版本的浏览器执行。这意味着，你可以用 ES6 的方式编写程序，又不用担心现有环境是否支持Promise 是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6 将其写进了语言标准，统一了用法，原生提供了`Promise`对象。所谓`Promise`，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。原创 2023-07-27 21:17:40 · 1147 阅读 · 0 评论 -
npm与yarn的一些笔记
node.js 自带了npmnpm是node.js的包管理器，类似于java世界的mavennpm默认的镜像源访问很慢，一般都使用国内的镜像源方法1：安装淘宝cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org方法2: 把npm的默认镜像源改为淘宝的镜像npm config set registry https://registry.npm.taobao.orgnpm常用命令安装所有依赖 npm inst.原创 2020-11-08 12:09:03 · 210 阅读 · 0 评论 -
前端开发必备（四）--------用jQuery判断div是否为空
1.在html页面中引入jQuery.min.js,版本最好用1.2版以上的2.searchNull.js代码如下function validate() { //var content = $("#content").html(); var noContent = $("#no_content").html(); /...原创 2018-08-15 20:19:10 · 3185 阅读 · 0 评论 -
前端开发必备（五）--------用js实现3秒后跳回首页
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Insert title here</title></head><body> <script type="text/原创 2018-08-15 20:27:55 · 2622 阅读 · 0 评论 -
前端开发必备（八）--------导航框架
1.主页面index.html<html> <!-- frameset导航框架 --> <!-- 外层上下结构，以行rows为分界，上10%，下90% --><frameset rows="10%,90%"> <frame src="top.html"> <!-- 内原创 2018-08-18 10:37:30 · 1519 阅读 · 0 评论 -
前端开发必备（六）------验证是否为数字
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-17 20:38:14 · 3287 阅读 · 0 评论 -
前端开发必备（七）-------实时显示系统时间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-08-17 20:39:31 · 2157 阅读 · 0 评论 -
MVVM与VUE
1.什么是MVVMMVVM 由 Model,View,ViewModel 三部分构成，Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过ViewModel进行交...原创 2019-01-28 08:07:22 · 315 阅读 · 0 评论 -
vue 指令
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-28 08:11:41 · 228 阅读 · 0 评论 -
用VUE实现跑马灯效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2019-01-28 08:20:28 · 1001 阅读 · 0 评论 -
让浏览器返回按钮失效
让浏览器返回按钮失效禁用登录页的浏览器返回按钮，防止退出后点击返回按钮再次进入后台页面//禁用登录页的浏览器返回按钮，防止退出后点击返回按钮再次进入后台页面 $(function() { if (window.history && window.history.pushState) { $(window).on('popst...原创 2019-02-16 16:23:48 · 1882 阅读 · 0 评论 -
前端开发必备（三）-----用js验证表单是否为空以及验证码是否输入正确
1.isEmptyAndVerify.js代码如下/** * 定义验证码 *///设置一个全局的变量，便于保存验证码 var code; function createCode(){ //首先默认code为空字符串 code = ''; //设置长度，这里看需求，我这里设置了4 var codeLength = 4; var codeV = document.g...原创 2018-08-15 20:12:15 · 3769 阅读 · 0 评论 -
前端开发必备（二）-----用js写验证码
1. verify.js代码如下/** * js实现验证码 *///设置一个全局的变量，便于保存验证码 var code; function createCode(){ //首先默认code为空字符串 code = ''; //设置长度，这里看需求，我这里设置了4 var codeLength = 4; var codeV = document.getEl...原创 2018-08-15 20:08:47 · 589 阅读 · 0 评论 -
前端开发必备（一）-----js判断表单是否为空
1. isEmpty.js代码如下/** * js判断表单是否为空 */ function myCheck() {//遍历所有表单元素 for(var i=0;i<document.form1.elements.length-1;i++) {//判断所有表单值是否为空 if(document.form1....原创 2018-08-15 19:59:46 · 3430 阅读 · 0 评论 -
HTML标签练习（1）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-03-15 21:21:18 · 1208 阅读 · 0 评论 -
meta标签
meta标签的常用属性 属性名 属性值 描述 charset charset=”UTF-8” 设置页面编码 name name=”viewport” content=”width=device-width, initial-scale=1.0” 设置页面自适应设备大小 name keywords 网页的关键字，关键字之间用逗号隔...原创 2018-03-16 15:50:06 · 246 阅读 · 0 评论 -
html文本修饰标签
font标签----用于设置文本的字体样式b标签----文本加粗i标签----文本斜体s标签----添加删除线u标签-----添加下划线sup标签----添加上标sub标签----添加下标strong标签----文本加粗big标签----元素中的内容在显示时比周围的文本大一个字号small标签-----元素中的内容在显示时比周围的文本小一个字号源代码如下<!DOCTYPE html>...原创 2018-03-18 10:46:54 · 2510 阅读 · 0 评论 -
HTML特殊字符
在页面中，有些字符不能直接使用，只能通过引用的方式实现原创 2018-03-18 11:29:44 · 442 阅读 · 0 评论 -
hr标签妙用
hr标签可以在页面中产生一条水平线，将文本区域内容分开，以增加网页的层次感。hr标签可以通过size , color , width , noshade , align 等属性分别对横线的高度、颜色、宽度、阴影、对齐方式进行设置。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8...原创 2018-03-18 11:43:18 · 3113 阅读 · 0 评论 -
Dreamweaver笔记
原创 2018-03-22 21:04:56 · 404 阅读 · 0 评论 -
CSS笔记
原创 2018-03-20 13:15:05 · 169 阅读 · 0 评论 -
jQuery笔记
原创 2018-03-20 13:18:02 · 176 阅读 · 0 评论 -
JavaScript学习笔记
原创 2018-03-20 13:20:16 · 176 阅读 · 0 评论 -
js动态显示时间
1.html代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&原创 2018-04-14 17:54:47 · 202 阅读 · 0 评论 -
js判断所有表单值是否为空
<!DOCTYPE html><html> <head> <title>提交表单页</title> <meta charset="UTF-8"/> <script type="text/javascript"> function my原创 2018-05-01 12:48:32 · 3782 阅读 · 0 评论 -
js实现轮播图效果
html代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>轮播图</title> <style type="text/css"> .focusBox{ position:原创 2018-05-18 16:07:53 · 373 阅读 · 0 评论 -
使用FileReader对象的readAsDataURL方法回显图片
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>使用FileReader对象的readAsDataURL方法回显图片</title> <script type="text/javascript" s原创 2018-05-21 20:47:22 · 3008 阅读 · 1 评论 -
仿百度静态页面
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>仿百度静态页面</title> <link href="Baidu.css" rel="stylesheet" type=&q原创 2018-02-28 16:10:19 · 5653 阅读 · 0 评论