- 博客(25)
- 收藏
- 关注
RSS订阅原创 webpack5 声明全局interface 不生效
声明全局 interface项目中引用出现错误提示没有声明类型。*.d.ts`导入`import`其它类型会导致全局类型失效
2023-04-19 10:13:05
181
原创 webpack 导入 three.js，引入模型glb/gltf 404
webpack搭建three.js开发，引入glb/gltf文件，运行时报错404解决方案：使用url-loader（加载器）
2023-03-24 17:27:09
1241
1
原创 node.js 升级导致 node-sass 不能正常使用问题解决
问题描述：node.js 升级版本 v12.18.4 导致sass不能正常使用执行命令 npm rebuild node-sass结果报错，发现错误源头来自于 node-gyp 会一直从网上下载包，由于公司网络管控，所以不成功，经各方资料汇总，记录解决过程解决方案：切换至本地下载https://nodejs.org/download/release/v12.18.4/node-v12.18.4-headers.tar.gz 将其解压缩到本地文件夹中 在此本地文件夹...
2022-03-22 19:03:20
966
原创 Win 10 无法正常使用ng指令
确认是否安装全局angular脚手架，如果没有，执行以下命令 npm install -g @angular/cli 修改命令窗口权限 // 1. win10 搜索 Windows PowerShell 以管理员身份运行Windows PowerShell // 2. 输入 set-ExecutionPolicy RemoteSigned 选择 Aset-ExecutionPolicy RemoteSigned // 3. 验证 get-ExecutionP...
2021-12-30 17:03:41
495
原创 Angular Echarts click事件绑定（重复绑定问题解决）
HTML<div #Floor echarts [options]="optionOfFloor"></div>TS
2021-09-17 09:59:55
483
原创 Angular 生成二维码 (JS、angular2-qrcode、ng2-qrcode）
npm install ng2-qrcode --save问题描述：npm ERR! [email protected] preinstall: `npm i typings -g`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the [email protected] preinstall script.npm ERR! This is probably not a problem with npm. There is likely ...
2021-08-05 15:07:25
881
原创 angular input 文本自动全选 + 扫描枪（回车）监听事件
扫描枪触发事件即keyup 13 (键盘enter事件)HTML<input nz-input #scan [(ngModel)]="scanVal" (keyup.enter)="dealScanInput(scanVal)" name="scanVal">TSimport { ViewChild, ElementRef } from '@angular/core';// 定义元素@ViewChild('scan', { static: f..
2021-05-17 15:43:44
655
原创 Angular 引入 echarts 动态数据
npm安装 npm install echarts --savenpm install ngx-echarts --save angular.json文件配置路径 "projects": { "ng-alain": { ... "architect": { "build": { ... "options": { ... "scri...
2021-05-04 15:14:18
662
原创 前端文件下载
<a> 标签 下载 HTML原理 //创建URL 利用a标签属性下载<a href="url" download="<fileName>">导出/下载</a> JS实现方法 let blobUrl = window.URL.createObjectURL(result); const a = do...
2020-01-13 10:22:28
227
原创 select文字右对齐/居中
1、添加 dir 属性，适合中文，但是会导致英文单词或者有空格的地方文字变成从右到左。<select dir="rtl"> <option>Foo</option> <option>bar</option> <option>to the right</optio
2018-08-31 14:56:17
3721
原创 扫描框CSS样式
HTML<div class="icon"> <div class="b"></div> <div class="h"></div> <div class="s"></div> <div c
2018-08-17 10:29:19
2026
原创 CSS（一）内容生成
:与::区别CSS3之前，所有的伪元素选择器，全部都是 使用 :，ex :first-line,:first-letterCSS3中，将所有的伪元素选择器全部都升级为 :: , ex ::first-letter, ::first-line为了能够实现浏览器的兼容性，比较推荐使用 :的写法内容生成： 1、:before 或 ::before 匹...
2018-08-14 13:53:11
343
原创 伪类选择器
目标伪类 1、作用 突出显示活动的HTML锚元素。匹配当前页面中活动的HTML锚元素。 2、语法 :target<!doctype html><html><head><title>标题</title><meta charset="utf-8"><style
2018-08-14 13:42:17
385
原创 CSS属性选择器，~=，*=，^=,$=
attr:任意属性名称 elem : 表示任意元素 value:值[attr] /*作用：匹配 附带 attr 属性的元素*/elem[attr] /*作用：匹配附带 attr 属性的 elem 元素*/elem[attr1][attr2] /*作用：匹配页面中所有即附带attr1属性也同时附带at...
2018-08-14 11:12:08
5274
原创 js获取style.left为什么为空？
原因：element.style.left 只能获得element的行内样式，所以一般写在style或css文件内的left就无法获得。解决办法：用element.offsetLeft来获取
2018-08-13 17:02:59
1386
1
原创 Angular（三）--路由
路由器（Router）又称网关设备（Gateway）是用于连接多个逻辑上分开的网络，所谓逻辑网络是代表一个单独的网络或者一个子网。当数据从一个子网传输到另一个子网时，可通过路由器的路由功能来完成。因此，路由器具有判断网络地址和选择IP路径的功能，它能在多网络互联环境中，建立灵活的连接，可用完全不同的数据分组和介质访问方法连接各种子网，路由器只接受源站或其他路由器的信息，属网络层的一种互联设备。...
2018-08-11 17:10:06
147
原创 AJAX（二）--服务器如何返回批量的复合数据给客户端？
服务器如何返回批量的复合数据给客户端？ 复合数据：一个数据有多个属性 批量复合数据：有多个复合数据 —— 二维数组 方式1：用text/plain格式 101#三星#35.5#1.jpg@102#闪迪#34.5#2.jpg@金士顿#... 好处：简单 不足：不易读取、很容易出错 方式2：用text/html格...
2018-08-10 00:02:42
422
原创 AJAX（一）--异步请求GET请求和POST请求的比较
请求数据位置的不同，导致方法的不同 GET请求和POST请求的比较 GET POST 如何发起 浏览器中输入URL回车、超链接跳转、JS跳转、SRC/HREF属性请求、GET方式提交表单、AJAX-GET POST方式提交表单、AJAX-POST ...
2018-08-09 23:59:11
899
原创 PHP（一）--常用函数/语言分类
常用函数 require('x.php') // 在当前位置包含指定文件中的内容@ // 放在一行的开头，用于压制此行的警告消息die() // 终止页面的执行，输出一个错误消息mysqli_insert_id($conn) // 返回刚刚执行的INSERT语句产生的自增编号mysqli_affected_rows($conn) // 返回刚刚执行的DML语句影响的行数...
2018-08-09 23:40:37
165
原创 css样式优先级
权重值为主，权重值相同，应用最后定义的样式外部样式表 < 内部样式表 < 内联样式权重规则：类选择器 < 类派生选择器 < ID选择器 < ID派生选择器 一：内联样式，权重1000，即标签内的style属性设置的样式 二：ID选择器，权重100，例如：#id{...} 三：类选择器，伪类选择器，属性选择器，权重10，例如.c...
2018-08-09 22:24:10
144
原创 编写响应式网页
1）声明viewport元标签<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"/>//device-width:设备宽度 initial-scale：默认缩放网页 user-scalable：是否允许用户手动缩放2）避免使用绝对尺寸 容器尽量使...
2018-07-27 10:45:00
1648
转载 Chrome浏览器的线程模型
进程和线程间的关系进程：操作系统分配内存的基本单位线程：位于进程内部，是CPU执行代码的基本单位 一个进程至少有一个线程，也可以有多个，多个线程并发执行Chrome浏览器的线程模型Chrome中发起HTTP请求最多可以使用6个并发的线程；Chrome中负责向页面中执行绘制任务(执行HTML/CSS/JS/事件处理等代码)的只有1个线程——UI主线程。 碰到如下的代码，就有问题了： &l...
2018-07-15 16:58:17
1038
原创 简单函数（一）--随机生成数、随机产生颜色
随机取值//生成 min~max 范围内的整数function rn(min,max){ return Math.floor(Math.random()*(max-min)+min);//下取整 } 随机生成颜色 //生成rgb(r,g,b) function rc(min,max){ var r=rn(min,max); var g...
2018-07-12 15:34:24
6018
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人