网页开发
关注
分享
扫一扫
网页开发
QF_
这个作者很懒，什么都没留下…
展开
-
cookie实现单点登录
网上搜单点登录只考虑同域，不跨域如a.my.com、b.my.com等，都在*.my.com主域内，因此使用cookie比较方便前后端分离目前大多前端项目都基于react、vue，因此必须要考虑。原创 2023-02-01 20:39:02 · 1884 阅读 · 0 评论 -
js获取url中搜索参数
【代码】js获取url中搜索参数。网上搜索都是用正则、分割字符串等方法，其实有更简单准确的方法：原创 2023-02-01 16:43:36 · 292 阅读 · 0 评论 -
js操作cookie的封装
参考：https://developer.mozilla.org/zh-CN/docs/Web/API/Document/cookie。原创 2023-02-01 16:35:00 · 381 阅读 · 0 评论 -
vue单文件网页开发，不使用nodejs
想用vue做个简单的网页，不想使用node构建，官网文档没找到方法，就在此记录下几个模板。目录Vue 2Vue 3vue2 + element uivue3 + element uiVue 2<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>vue2 example</title> <script src="https://cdn.原创 2021-09-28 20:48:29 · 2136 阅读 · 1 评论 -
matterjs实现合成大西瓜
最近合成大西瓜的小游戏比较火，所以我尝试用matterjs做了一个。Matter.js是用JS写的一个2D物理引擎，作者还在维护，前几天刚更新了一个版本官网文档 | Github游戏在线体验：http://qn.nklm.cc/web/ball.html全部代码如下：<!DOCTYPE html><html><head> <meta charset="utf-8"/> <meta content="width=device-width原创 2021-02-08 17:45:51 · 1038 阅读 · 0 评论 -
js获取当前是第几周
如果按照每年的1月1日-1月7日是第一周function get_week_index(query_date) { // 当年的第一天 const fist_day_of_year = new Date(query_date.getFullYear().toString(), 0, 1) // 毫秒差 const ms_count= query_date - fist_day_of_year // 今天是今年的第几天 const days_count= Math.ceil(ms_c原创 2021-01-14 16:56:50 · 3303 阅读 · 0 评论 -
jquery实现手机端滑动选择日期控件
最近在做手机端网页，需要选择日期控件，找到几个使用iscroll或者mobiscroll实现的日期插件，但是文件都太大，所以自己用jquery实现一个，基本可用，只有单个js文件，仅９kb，使用时只需要添加class使用示例：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="apple-mobile-we原创 2016-12-29 17:51:09 · 13759 阅读 · 3 评论 -
打印html并去掉页眉页脚
win10下测试ie11,chrome,firefox,edge 都可以成功去掉页眉页脚<!DOCTYPE html><html><head> <title>print</title> <meta charset="utf-8"> <style media="print"> @page { size: auto; margin: 0m原创 2017-06-21 01:51:54 · 15714 阅读 · 4 评论 -
js自定义提示框弹窗
需要使用jquery.js使用方法： tip("密码错误！"); tip("操作成功！",1);js代码如下：<script type="text/javascript"/>function tip(){var bg = '#E64340'; if(arguments[1]==1){bg = '#1AAD19'};$('_tip').remove()...原创 2016-10-21 01:55:59 · 5533 阅读 · 0 评论 -
自定义简单js模板
// 使用方法： // {[name]} // @if{[name]} // @else // @endifvar Template = function(templateId,data) { var template=document.getElementById(templateId).innerHTML; data = Array.isArray(data) ?原创 2016-11-11 15:19:00 · 1611 阅读 · 0 评论 -
html去掉number类型input右侧的加减按钮
复制到css样式里input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{ -webkit-appearance: none !important; margin: 0;}原创 2016-02-03 14:59:50 · 14715 阅读 · 0 评论 -
html修改radio、checkbox样式
把以下代码添加到css样式里input[type=radio],input[type=checkbox] { display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-left: 5px; -webkit-appearance: none; background-color: t原创 2016-02-03 14:33:43 · 14156 阅读 · 2 评论