![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 64
Ace.三阶斗尊
web前端全栈工程师,熟悉vue2/vue3、react/react-native、node、uniapp、nuxt、electron、python.....
斗之气,斗者,斗师,大斗师,斗灵,斗王,斗皇,斗宗,斗尊,斗圣,斗帝
展开
-
优秀的 Node.js 包汇总
优秀的 Node.js 包汇总转载 2022-12-07 21:16:51 · 959 阅读 · 1 评论 -
在线富文本
在线富文本原创 2022-12-02 19:37:07 · 524 阅读 · 0 评论 -
js中for循环的性能优化提升50%+
在js中的for循环数组,for(vari=nums.length;i--;) 要比for(vari= 0;i<nums.length;i++) 性能提升50%以上:for(vari=nums.length;i--;) 循环消耗性能:var twoSum = function(nums, target) { for (var i = nums.length;i--;) { var j = nums.indexOf(target-nums[i]);...原创 2022-05-12 00:06:37 · 1700 阅读 · 2 评论 -
2022web前端全栈完整整理——(四)js篇
1. js基础:https://alex-ss.blog.csdn.net/article/details/830140822. es6篇:https://alex-ss.blog.csdn.net/article/details/870710893.原创 2022-05-08 12:24:58 · 601 阅读 · 0 评论 -
2022web前端全栈完整整理——(三)html/html5篇
1. html5基础:https://alex-ss.blog.csdn.net/article/details/886796572.移动端web开发技巧:https://blog.csdn.net/qq_42231156/article/details/845655953. *.vue文件的组成:由三种类型的顶层语法块组成<template>,<scripte>,<style>每个*.vue文件最多存在一个<template>。 每个*.vue原创 2022-05-07 21:57:45 · 613 阅读 · 0 评论 -
重置css样式库,内嵌normalize.css v8.0.1
ss.common.css npm仓库地址1. 下载引用: ```js npm install ss.common.css -D import 'ss.common.css/index.css' // 已自带引入:normalize.css: 8.0.1 ```2. 类名: ```css .block { display: block; } .inline-block { display: inline-block; } .i原创 2022-04-27 23:05:04 · 461 阅读 · 0 评论 -
websocket 看着看着 ,也就懂了
1. 什么是websocket?看看官方的解释:WebSocket是一种通信协议,可在单个TCP连接上进行全双工通信。WebSocket使得客户端和服务器之间的数据交换变得更加简单,允许服务端主动向客户端推送数据。在WebSocket API中,浏览器和服务器只需要完成一次握手,两者之间就可以建立持久性的连接,并进行双向数据传输。太复杂了?那就抓住几关键词就行了:双向通信,基于HTML5,所有浏览器在2011年都支持了。还是不太明白?上几张图领悟领悟:wss是ws的加密。文.原创 2021-07-26 23:08:55 · 1249 阅读 · 0 评论 -
npm 使用bootstrap4+
1. npm i -S bootstrap popper.js@popperjs/core ;2. 在入口文件中引入:import 'bootstrap/dist/css/bootstrap.min.css';import 'bootstrap/dist/js/bootstrap.min.js';3. 使用:原创 2021-06-17 23:56:32 · 409 阅读 · 0 评论 -
端口被占用和终止端口
netstat -aon|findstr "3000" //查找3000端口对应的PIDtasklist|findstr "2720" //查找3000端口对应的PID的程序,如node.exetaskkill /f /t /im node.exe //结束程序原创 2020-01-03 12:23:34 · 197 阅读 · 0 评论 -
用callapp-lib插件关于H5判断是否安装app和唤起APP
1. 使用callapp-lib插件:参考https://github.com/suanmei/callapp-lib。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device...转载 2019-11-26 16:50:16 · 2352 阅读 · 0 评论 -
gitbash+githubdestop实现上传分支,合并分支
添加小程序,兑换各种视频教程/数据资源。0. gitbash下载项目到指定文件夹:在需要保存项目的文件下,右键通过gitbash打开命令行,并执行 git clone git上的代码地址。1. 整体流程:新建分支->添加远程分支->关联本地和远程分支->修改bug->通过gitdesktop提交到远程->测试完成->合并分支到主支(master)....原创 2019-04-26 08:43:38 · 624 阅读 · 0 评论 -
uniapp的微信支付
添加小程序,兑换各种视频教程/数据资源。1. 封装public.js公共函数:export const wxPayMoney=(timeStamp,nonceStr,pack,signType,paySign,sucfun,failfun=null,compfun=null)=>{ //6. 封装微信支付函数 uni.requestPayment({ provider...原创 2019-05-06 21:41:14 · 5787 阅读 · 0 评论 -
Web端网页QQ临时会话在线咨询
添加小程序,兑换各种视频教程/数据资源。1. 登录https://shang.qq.com/v3/widget.html,并设置:原创 2019-05-07 11:49:08 · 1737 阅读 · 0 评论 -
ultra软件根据网址爬去前端代码的用法
添加小程序,兑换各种视频教程/数据资源。1. 下载并安装teleport Ultra软件到本地电脑:2. 第二步骤打开软件:3. 输入网址:4. 保存:5. 启动:...原创 2019-05-07 14:33:09 · 247 阅读 · 0 评论 -
async 异步执行的实现
const A = _ => new Promise((res, rej) => { // 设置A函数返回promise对象 setTimeout(function() { console.log('1') res('2') }, 1000);})const B = async functi...原创 2019-05-13 09:26:07 · 597 阅读 · 0 评论 -
web前端页面性能优化笔记(包括缓存,资源压缩合并,server worker等)
添加小程序,兑换各种视频教程/数据资源。包括:资源的合并与压缩,图片编码原理和类型选择,浏览器的渲染机制,懒加载预加载,浏览器存储,缓存机制,PWA,Vue-SSR等页面优化的功能。1.基础优化: 1.1 资源的合并与压缩: 1.1.1 理解减少http请求和减少请求资源大小的优化:包括html压缩,css压缩,js压缩,文件合并,开启gzip。...原创 2019-07-25 11:57:51 · 633 阅读 · 0 评论 -
canvas实现绘制图片/字体转base64
添加小程序,兑换各种视频教程/数据资源。1. 绘制字体转base64: canvas绘制垂直和水平居中的文本字体,并转换为base64格式。let width=160;let height=90;let x=0;let y=0;let font='要绘制的文本';let fontSize=32;let canvas = document.getElementById(...原创 2019-09-04 09:46:56 · 916 阅读 · 0 评论 -
js转换Date日期格式
添加小程序,兑换各种视频教程/数据资源。转自:https://blog.csdn.net/lilinoscar/article/details/44459571。原创 2018-10-23 16:02:20 · 372 阅读 · 0 评论 -
web前端面试整理(部分)
1.ES6的*函数:执行fn()后,返回的是es6的generator对象(迭代器)。function * fn(){ yield 1; yield 2;}2. 求一个js数组中最大值的几种方法://1. 方法1Math.max(...arr)//2. 方法2Math.max(arr[0],arr[1]...)//3. 方法3Math.max.apply(Mat...原创 2019-11-17 09:55:28 · 122 阅读 · 0 评论 -
封装时间转换为2019/03/24 00:11:26函数
添加小程序,兑换各种视频教程/数据资源。1. 封装:function formatNumber (n) { const str = n.toString() return str[1] ? str : `0${str}`}export function formatTime (date) { //1.时间转换函数,转换为年月日 日分秒,如2019/03/24 00:1...原创 2019-03-24 00:19:17 · 427 阅读 · 0 评论 -
零碎笔记总结
添加小程序,兑换各种视频教程/数据资源。1.草料二维码生成二维码移动手机端浏览项目;步骤如下:(1)获取本机电脑的ipv4地址: 程序cmd->输入inpconfig回车 查看ipv4地址,如:172.16.30.123;(2)获取项目在浏览器打开的网址:如http://127.0.0.1:8111/public/;(3)百度搜索草料二维码生成器官网->网址 :...原创 2018-11-27 14:32:34 · 252 阅读 · 0 评论 -
AJAX四步创建以及封装ajax
添加小程序,兑换各种视频教程/数据资源。1.ajax定义:用js异步的形式操作html/xml文档,数据交互,减少数据的请求,提高用户的体验,局部/整体刷新获取数据库的数据。2.四步创建AJAX: 2.1.新建ajax对象,在IE6以下存在兼容问题; 2.2.调用ajax对象的open的方法(即创建ajax请求),三个参数分别表示打开方式(get/post...原创 2018-11-27 14:12:36 · 438 阅读 · 0 评论 -
Promise知识点
添加小程序,兑换各种视频教程/数据资源。1.promise对象用于异步计算,表示一个现在,将来或者永不可能用的值;即将异步操作队列化,按照我们期望的先后顺序执行,返回符合预期的结果;2.js包含了大量的异步操作,所以需要promise;比较形象的例子就是去餐厅点餐,服务员的同步服务和异步服务的区别;3.promise实例:(1)new Promise( ...原创 2018-11-27 11:31:44 · 338 阅读 · 0 评论 -
ps雪碧图的制作
添加小程序,兑换各种视频教程/数据资源。1. 雪碧图:即将多张icons图片放在一张图片上。步骤: (1)打开ps软件,文件菜单下新建一个定义的宽高(如100*800)背景透明的文档。 (2)文件菜单下另存为.psd格式的文件(如1.psd)。 (3)在新建一个图层,编辑菜单下填充前/背景色,图层可以通过图像菜单下的图像大小进行设置拓宽,...原创 2018-10-24 10:51:08 · 1565 阅读 · 0 评论 -
web前端知识补充
原创 2019-11-17 09:58:29 · 78 阅读 · 0 评论 -
js获取页面距离的示意图
添加小程序,兑换各种视频教程/数据资源。原创 2018-10-15 09:32:58 · 239 阅读 · 0 评论 -
jQuery知识点笔记
添加小程序,兑换各种视频教程/数据资源。1.定义:第三方的 极简化的 DOM操作的 函数库。 (1) 应用: 1).DOM的终极简化(简化增删改查,简化事件绑定,简化动画,简化ajax...)。 2).几乎对所有浏览器没有兼容性的问题。 (2) 如何快速学会一门技术:看官网是什么,看官网快速入门,看手册。 (3) jQuer...原创 2018-10-15 09:30:04 · 726 阅读 · 0 评论 -
Bootstrap知识点笔记
添加小程序,兑换各种视频教程/数据资源。1.什么是响应式布局:网页会根据浏览器设备不同自动改变布局;2.响应式网页必备: (1)流式布局:float:left/right; (2)可以改变尺寸图片/文字大小,如%、auto、em; (3)缺点:不适合大型页面;少用overflow;3.如何编写响应式网页:常用meta设置横竖屏幕,以及禁止识别电话邮箱&...原创 2018-10-15 09:27:59 · 960 阅读 · 1 评论 -
在html页面的title标签前设置Logo
添加小程序,兑换各种视频教程/数据资源。 <linkrel="icon"href="图片位置"type="image/x-icon"/>方法一:在ps软件上把其他格式(如png/jpg)的图片裁剪为圆形->文件->存储->bmp格式,最后手动修改.bmp格式为ico;方法二:百度搜索ico在线生成器;...原创 2018-11-27 14:35:42 · 4163 阅读 · 1 评论 -
移动端web开发技巧
添加小程序,兑换各种视频教程/数据资源。1. 添加到主屏后的标题(IOS)<meta name="apple-mobile-web-app-title" content="标题"> 2. 启用 WebApp 全屏模式(IOS)当网站添加到主屏幕后再点击进行启动时,可隐藏地址栏(从浏览器跳转或输入链接进入并没有此效果)<meta name="apple-...原创 2018-11-27 14:40:34 · 579 阅读 · 0 评论 -
计算机网络与互联网笔记
添加小程序,兑换各种视频教程/数据资源。1. 网络的共同特点:连线,节点。2. 网络的重要作用:连通,共享。3. 计算机网络:利用通信设备和线路将地理位置不同,功能独立的多个计算机连接起来,在功能完善的网络软件和协议管理下,实现网络的硬件,软件及资源共享和信息传递的系统。通俗的说:就是连接多台(不低于2台)计算进行通信的系统。4. 互联网:网络的网络,internet(小...原创 2019-03-18 11:45:24 · 362 阅读 · 0 评论 -
js实现将中文转拼音缩写大小写
前端开发一起交流QQ群:740034288。1. 参考:https://blog.csdn.net/qq_38366657/article/details/83788507。2. 封装:var strChineseFirstPY="YDYQSXMWZSSXJBYMGCCZQPSSQBYCDSCDQLDYLYBSSJGYZZJJFKCCLZDHWDWZJLJPFYYNWJJ...原创 2019-03-08 11:40:34 · 13893 阅读 · 0 评论 -
HTML5从入门到精通笔记
添加小程序,兑换各种视频教程/数据资源。第一章:HTML5新增语法,元素,属性,事件1.html5语法: 1.1 html是不区分大小写,也不区分大双引号。 1.2 对于具有boolean值得属性,如disabled和readonly等,当值写属性不写值,将属性值设置为属性名或设置为空字符串时,表示为true,如<input disabled /&...原创 2019-03-20 11:38:27 · 2385 阅读 · 1 评论 -
变幻莫测的上下文对象——this专场
添加小程序,兑换各种视频教程/数据资源。1. 全局作用域下的this:指的是window,全局指的是不在任何{}里面的this。<script> console.log(this) //全局的this,输出为window </script>2. 事件处理函数的this:该事件由谁触发,就指向谁,这里onclick事件是由div对...原创 2019-02-20 10:41:54 · 255 阅读 · 0 评论 -
javascript的ES6笔记整理
添加小程序,兑换各种视频教程/数据资源。1. 常量:不能被重新赋值。//ES5中声明一个常量,并挂载到window下:Object.defineProperty(window,'PI',{ value:3.1415926, writable:false, //只读不能修改})console.log(window.PI)//ES6中声明一个常量: cons...原创 2019-02-12 11:07:28 · 430 阅读 · 0 评论 -
vue 前后端分离项目ajax跨域session问题(每次ajax请求都是新的session)的解决
添加小程序,兑换各种视频教程/数据资源。实现跨域请求时,每次ajax请求都是新的session,导致无法获取登录信息,所有的请求都被判定为未登陆。npminstallaxios -S安装完成后在main.js中增加一下配置:import axios from 'axios';axios.defaults.withCredentials=true;this.$ax...原创 2018-11-27 14:42:41 · 2499 阅读 · 0 评论 -
web前端知识杂记随笔(一)——HTML篇
添加小程序,兑换各种视频教程/数据资源。1..html书写注意事项:(1)双标记结束那个必须写/杠(即</p>)。(2)html中不区分大小写。(3)html中标记之间的内容回车键和空格键没有起作用。但是可以在不同标本之间回车空格区分。(4)标签分为单标签和双标签。可以在任意可编译的软件上编译,包括记事本,editplus,Dw,webStorm。1.1页面...原创 2018-10-15 09:03:22 · 1268 阅读 · 0 评论