前端
文章平均质量分 71
痞子三分冷ゾジ
这个作者很懒,什么都没留下…
展开
-
React基础--笔记(一)
react的学习笔记原创 2022-07-17 21:07:52 · 233 阅读 · 1 评论 -
关于vue点击下载的避坑指南
关于vue点击下载的避坑指南原创 2022-07-05 21:35:03 · 734 阅读 · 0 评论 -
VUE((未完待续))
VUE一套构建用户界面的前端框架。用VUE向HTML填充数据方便,框架是一套现成的解决方案,是必须要遵守的。学会指令,组件(UI),路由、vuex,组件库,可以进行独立开发。VUE两个特性:数据驱动视图(数据的变化自动渲染页面)、双向数据绑定(js数据变化自动渲染到页面,页面数据变化自动更新到js文件)MVVM是两个特性实现的底层原理,(model view viewmodel)Model表示当前页面渲染时所依赖的数据源。View表示当前页面所渲染的DOM结构。ViewModel(VUE实例)表示vu原创 2021-08-29 20:36:48 · 148 阅读 · 0 评论 -
VUE笔记
VUE一套构建用户界面的前端框架。用VUE向HTML填充数据方便,框架是一套现成的解决方案,是必须要遵守的。学会指令,组件(UI),路由、vuex,组件库,可以进行独立开发。VUE两个特性:数据驱动视图(数据的变化自动渲染页面)、双向数据绑定(js数据变化自动渲染到页面,页面数据变化自动更新到js文件)MVVM是两个特性实现的底层原理,(model view viewmodel)Model表示当前页面渲染时所依赖的数据源。View表示当前页面所渲染的DOM结构。ViewModel(VUE实例)表示vu原创 2021-08-22 19:21:49 · 100 阅读 · 0 评论 -
正则表达式
title: 原生JS的正则表达式data: 2021-08-05 20:33:47tags:- 原生JS- 正则表达式categories: 前端正则表达式一,概述正则表达式是用于匹配字符串中字符组合的模式,正则表达式也是对象。在/ /内书写正则表达式的内容。它的相关作用有:可以验证表单、过滤敏感词、提取特定字符串。二、使用1.创建①利用RegExp创建var regexp = new RegExp(/abc/);②利用字面量创建var reg = /123/;.原创 2021-08-08 20:22:13 · 251 阅读 · 0 评论 -
node.js
node.js学习(一)一、fs文件系统模块fs.readFile() 读取指定文件中的内容fs.writeFile() 向指定文件写入内容使用这个模块需要提前导入 const fs = require(‘fs’)1、fs.readFile() 读取指定文件中的内容fs.readFile( path , [options], callback)options 表示用什么样的格式读取文件const fs = require('fs')//引入模块fs.readFile('./1.js',原创 2021-08-01 17:20:23 · 115 阅读 · 0 评论 -
同源策略和跨域
同源策略和跨域一、同源策略两个网页的协议域名和端口都相同,则这两个页面有相同的源同源策略是浏览器提供的一个安全功能,隔离潜在危险的安全机制就是说A网站的js不可操作非同源的C的资源交互二、跨域只要不是同源就是跨域跨域的拦截:浏览器正常发起请求,接口正常操作返回数据,跨域回来的数据被浏览器的同源策略拦截,到这页面无法获得数据实现跨域请求:JSONP(只支持get不支持post)和CORS(W3C标准)三、JSONP(并非是ajax,而是JS脚本请求)底层原理就是将函数的定义和调用分离j原创 2021-07-25 15:08:36 · 187 阅读 · 2 评论 -
Ajax加强
Ajax加强一、XMLHttpRequest(简称xhr)浏览器专门负责请求数据资源的对象,1、使用xhr发起GET请求创建对象——调用open(‘get/post’, ‘url’)函数——调用send()——监听oateadystatechange事件<script> // 1. 创建 XHR 对象 var xhr = new XMLHttpRequest() // 2. 调用 open 函数 xhr.open('GET', 'http://www.l原创 2021-07-25 15:05:29 · 126 阅读 · 1 评论 -
数据可视化v2.0
温馨提示,图片未转存加载,建议看后面的PDF文件数据可视化使用场景:通用报表 ,移动端图表,大屏可视化,图编辑分析,地理可视化常见的JS库D3,js(入手难)、echarts.js(WPS)、highcharts.js(OFFICE)承上启下的作用。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-oTKcDiNn-1626595121658)(C:\Users\墨宝\AppData\Roaming\Typora\typora-user-images\image-202原创 2021-07-18 16:00:01 · 281 阅读 · 0 评论 -
移动端布局v2.0
移动端布局一、视口浏览器显示页面内容的屏幕区域布局视口视觉视口理想视口meta视口标签主要目的:布局视口和理想视口一致二、meta标签 标准的完美的写法width 宽度设置的是视口的宽度,设备宽度initial-scale 初始缩放比 >0maximum-scale 最大缩放比 >0minimumscale 最小缩放比 >0user-scalable 用户是否可以缩放,yes或是no(原创 2021-07-12 17:44:46 · 107 阅读 · 0 评论 -
CSS特效——HOVER的相关应用(上)
CSS特效——HOVER的相关应用(上)一、邮件发送这是靠动画完成,当经过时触发动画,动画将左边的发送图标在一个流程中先向右移动到最右。再回到最初。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="view原创 2021-05-14 12:06:20 · 184 阅读 · 0 评论 -
CSS特效——旋转相册
CSS特效——旋转相册一、制作思路想通过定位的方式将所有的相片叠加到一起,再通过3D旋转将所有的相册拼成一个正方体,最后使用动画是其动起来。附加特效:::可以鼠标经过是,相片的映像层有小变大,由虚变实。二、步骤详解1、初始化和基础框架 <div class="outer"> <div class="min"> <img src="image/1.jpeg" alt="javascript:;" class="imgs">原创 2021-05-06 10:10:04 · 786 阅读 · 0 评论 -
JS基础特效 (一)
JS基础特效 (一)一、动态获得时间 具体思路就是,先用JS获得当前时间的时间戳,再用将时间戳转换成当前的时间,将时间添加到HTML的标签内部去就行;还有,你可以直接调用函数来获取当前的年月日就行。<div id="timeDiv"></div><button onclick=”getTime()">显示时间</button><script>获取当前时间function getTime(){ //获得当前时间对象 Le原创 2021-04-18 16:16:52 · 204 阅读 · 1 评论 -
GET 和 POST的区别
GET 和 POST的区别刚刚学了AJAX,以下只能是我自己的简单认识。getpost一般用去请求获取数据一般作为发送数据到后台时使用其参数在浏览器的地址栏的url中可见,所以隐私性安全性较差,且参数长度也是有限制的传递参数放在Request body中,不会在url中显示,比GET稍稍要安全点,且参数长度无限制可被缓存不会被缓存保留在浏览器历史记录中不会保留在浏览器历史记录中只能进行url编码(application/x-www-form-urlen原创 2021-04-11 11:05:04 · 172 阅读 · 0 评论 -
原生JS中函数进阶
原生JS中函数进阶 今天总结一下函数进阶操作,一共包括三个方面:函数的定义方式,函数的调用方式,this指向问题,改变this指向。一,函数的定义方式1.自定义函数(命名函数)function fn(){ console.log("我很帅");}2.函数表达式(匿名函数)var fn = function(){ console.log("好帅帅啊")}3.new function(“参数1”,“参数2”,“函数体”)var fn = new Funct原创 2021-03-13 22:38:18 · 151 阅读 · 0 评论 -
漫谈原生JS添加元素的两种方法
漫谈原生JS添加元素常规方法常规方法是首先创建一个目标元素并赋值给某个变量 ,但是元素里面内容较多,需要innerHTML赋值,将含有内容的变量赋值给目标元素的变量,最后,将这个目标元素的变量通过appendChild把节点放到指定位置。var li = document.createElement("li");var span = document.createElement("span");li.appendChild(span);var element = document.querySe原创 2021-03-09 11:25:43 · 1186 阅读 · 0 评论 -
css的选择器及权重详解
css的选择器 css的选择器复杂众多,能熟练的使用这些选择器可以对css的理解更上一层楼。今天就带大家来聊聊css的众多选择器。css的经典选择器1.类型选择器标签名{属性:属性值;}//例子`body{ color:red;}2.群组选择器多个标签名{属性:属性值;}//例子h1,h2,h3{ font-size:16px;}3.包含选择器包含选择器又叫子类选择器父元素 子元素{属性:属性值;}//例子div span{ color原创 2021-03-09 10:17:47 · 536 阅读 · 0 评论