js/html/css
关注
分享
扫一扫
文章平均质量分 77
html/css
夏子曦
这个作者很懒，什么都没留下…
展开
-
JavaScript 变量的解构赋值用途【ES6】
（1）交换变量的值let x = 1;let y = 2;[x, y] = [y, x];上面代码交换变量x和y的值，这样的写法不仅简洁，而且易读，语义非常清晰。（2）从函数返回多个值函数只能返回一个值，如果要返回多个值，只能将它们放在数组或对象里返回。有了解构赋值，取出这些值就非常方便。// 返回一个数组function example() { return [1, 2, 3];}let [a, b, c] = example();// 返回一个对象fun原创 2020-08-17 15:11:29 · 180 阅读 · 0 评论 -
fetch获取后台的数据，解析Response中的body信息解决方案
目录一，fetch示例二，GET请求2.1 GET请求初步2.2 GET请求的参数传递三，POST请求3.1 POST请求的指定也是在fetch的第二个参数中：3.2 POST请求参数的传递3.3 设置请求的头信息四，通过接口得到JSON数据五，强制带Cookie一，fetch示例fetch获取后端数据的例子：// 通过fetch获取百度的错误提示页面fetch('https://www.baidu.com/search/error.html').原创 2021-05-21 15:45:09 · 9765 阅读 · 1 评论 -
JavaScript 的简写技巧
任何编程语言的简写技巧都能够帮助你编写更简练的代码，让你用更少的代码实现你的目标。让我们一个个来看看 JavaScript 的简写技巧吧。1. 声明变量//Longhandletx;lety =20;//Shorthandletx, y =20;2. 给多个变量赋值我们可以使用数组解构来在一行中给多个变量赋值。//Longhandleta, b, c;a =5;b =8;c =12;//Shorthandlet[a, b, c] = [5,...原创 2021-01-28 08:48:11 · 139 阅读 · 0 评论 -
Server-Sent Events（.net core 5.0 C#实现）
目录一、SSE 的本质二、SSE 的特点三、客户端 API3.1 EventSource 对象3.2 基本用法3.3 自定义事件四、服务器实现4.1 数据格式4.2 data 字段4.3 id 字段4.4 event 字段4.5 retry 字段五、Node 服务器实例六、.net core 5.0 服务器实例七、前端js实现服务器向浏览器推送信息，除了WebSocket，还有一种方法：Server-Sent Events（以下简称 ...原创 2022-01-14 17:09:01 · 6753 阅读 · 3 评论 -
document.cookie 中汉字bug问题处理（IPhone不能在cookie中写入中文字符的解决办法）
有时候我们将json对象的数据转成string 存入cookie中时，要是json中有汉字或者其他特殊字符，可能在cookie里面不会全部存下来。比如以下代码在存入汉字时（在Android手机上能正常运行，iOS上cookie中存汉字bug） function WebCookie() { this.setToken = function setToken(token) { var exdate = new Date(); //获取时间 exdate.s原创 2020-12-15 15:15:08 · 558 阅读 · 0 评论 -
JavaScript 启用严格模式
"usestrict"是JavaScript中一个非常好的特性，而且非常容易使用。"usestrict"作用- 消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;- 消除代码运行的一些不安全之处，保证代码运行的安全；- 提高编译器效率，增加运行速度；- 为未来新版本的Javascript做好铺垫。使用方法//file.js"usestrict"function test(){}这样的file.js都会应用上"usestrict...原创 2020-08-17 11:28:29 · 855 阅读 · 0 评论 -
Visual Studio 2019配置vue项目
一，环境安装1：Vue项目一切基于Node.js，必须先安装NodeJS， 下载地址：https://nodejs.org/zh-cn/安装nodejs,一路next就行了Additonal工具可以不用安装。win+r 输入cmd输入 node -v 和 npm-v 得到版本信息证明装好了。2：确认Visual Studio 2019环境...原创 2020-03-14 22:51:38 · 6748 阅读 · 1 评论 -
Visual Studio 2019 Vue项目 目录结构
Visual Studio 2019 Vue项目 创建成功后可看到如下结构Visual Studio 2019配置vue项目具体文件结构如下图目录 说明 dist 项目编译（打包 npm run build）后产生的可发布的文件（html,js,css 图片等） public 静态html文件,ico 图标等 src ...原创 2020-03-15 10:04:50 · 1657 阅读 · 0 评论 -
layDate时间控件一闪而过问题（laydate.render）
第一种：弹出框里面 一闪而过加一个trigger: 'click'laydate.render({ elem: '#ctime' ,btns: ['clear', 'now'] ,trigger: 'click'});第二种：注意同一个input不要重复 绑定日历控件参考：https://fly.layui.com/jie/51450/...原创 2020-06-12 14:00:53 · 2123 阅读 · 0 评论 -
如何理解Js中闭包
闭包（Closure）是JavaScript中的一个重要概念，它指的是函数能够记住并访问它的词法作用域（lexical scope），即使这个函数在其词法作用域之外执行。简而言之，闭包允许你从内部函数访问外部函数的变量，即使外部函数已经执行完毕并返回。原创 2024-10-30 20:33:04 · 497 阅读 · 0 评论 -
H5手写签名
一，借鉴网络实现html和jquery实现<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>学写一个字</title> <meta name="viewport" content="height=device-height, width = device-width,原创 2021-11-23 11:44:34 · 1784 阅读 · 0 评论 -
SQL Server Express LocalDB 安装使用
参考：https://docs.microsoft.com/zh-cn/sql/database-engine/configure-windows/sql-server-express-localdb?view=sql-server-2017适用于：SQL Server（所有支持的版本）Microsoft SQL Server Express LocalDB 是一种面向开发人员的SQL Server Express功能。它在具有高级服务的 SQL Server Express 上可用。L...原创 2021-01-07 13:55:28 · 4854 阅读 · 0 评论 -
使用webpack手动搭建一个 vue-cli
一，环境1，需要安装node.js ，安装方式请参考Node.js 安装配置2，使用yarn 来 创建 package.json 文件管理 项目npm install -g yarnyarn init -y二，过程既然我们要 做一个 vue的cli ，我们首先得把 vue 的包 拿下来yarn add -D vue我们使用webpack 来做 ，还需要 webpack 和webpack-cli 两个包yarn add -D webpack webpa...原创 2020-09-12 19:55:38 · 1259 阅读 · 0 评论 -
html label标签内 文字自动换行
下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码：.label{white-space:pre-wrap;white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;word-wrap:break-word;}父标记最好加个DIV,并设置CSS属性：word-wrap: break-word;white-space : normal...原创 2020-09-02 13:41:41 · 4233 阅读 · 0 评论 -
vue项目出现Uncaught SyntaxError: Unexpected token ＜ 解决方案
现象开发 测试 启动 npm run dev 能正常访问打包 npm run build 后访问页面出现空白，浏览器F12 查看报错就一个简单的页面，连个js文件都没引用，结果出现Uncaught SyntaxError: Unexpected token <细究原因服务器端，要是访问了一个不存在的文件【路径写错了】返回了一个404的提示页面看看vue最后打包的index.html中的内容<!DOCTYPE html><html>&...原创 2020-08-25 13:44:49 · 55051 阅读 · 4 评论 -
vue打包后路径多了个/css/static
vue打包后路径多了个/css/static导致一些css属性、字体文件等 效果不显示。在build/utils.js文件中添加publicPath:’…/…/’,重新打包即可。if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, fallback: "vue-style-loader", publicPath: "../../" });原创 2020-08-19 12:06:26 · 2030 阅读 · 0 评论 -
Vue 引入css文件，并控制其作用域
1：全局引用css文件方式1：在index.html 引入css文件<link href="/static/css/mui.min.css" rel="stylesheet">方式2：在App.Vue中引入css文件<style lang="scss" scoped>@import "../../assets/css/mui.min.css";</style>2：单页面引用css文件<style src="../../asse原创 2020-08-03 13:12:56 · 1151 阅读 · 0 评论 -
低仿人民日报 由灰色逐步变彩色 （js+css实现）
参考网页变灰：https://blog.youkuaiyun.com/oopxiajun2011/article/details/105318044人名日报图片点击后由灰色变回彩色：https://mp.weixin.qq.com/s/JSntpqo0zi7ZsEC0K-xKpA我自己花了2分钟搞了一个类似于人民日报 这个效果。<html><head>网页内容逐步变灰&...原创 2020-04-24 09:11:08 · 303 阅读 · 0 评论 -
如何用一行代码实现网页变灰效果？
今天是 2020 年 4 月 4 日，星期六，清明节。我们的国家经历了非常惨痛的时刻，很多英雄在救助他人的路上倒下，更有很多烈士英雄保卫人民的安危遇难，今天全国下降半旗，北京时间 10 点全国默哀三分钟，来致敬英雄们。同时今天一切公共娱乐活动也都会停止，包括直播、综艺、影视、游戏等等。我在这里也向全国抗击新冠肺炎疫情斗争牺牲的烈士和逝世的同胞表达深切的哀悼，向所有抗战在疫情前线的工作和医护...原创 2020-04-04 21:58:22 · 1751 阅读 · 0 评论 -
Docker 部署 Visual Studio 2019配置vue项目 （Docker部署静态网页）Docker+nginx
本文承接《Visual Studio 2019配置vue项目》,在《Visual Studio 2019配置vue项目》里面我们进入项目文件下打开dos窗口输入npm run serve 命令，这是开发环境调试用的指令，这样可以在开发时打开本地调试站点。我们既然用到了Visual Studio 2019 这个工具，那么就用懒人（使用vs都会让开发人员变懒）方式来发布这个Vue项目。这次我们不用...原创 2020-03-28 21:18:48 · 2198 阅读 · 0 评论