前端
IT码农-爱吃辣条
这个作者很懒,什么都没留下…
展开
-
个人的VSCode settings.json配置内容
VSCode的配置文件settings.json内容原创 2023-02-17 13:37:21 · 690 阅读 · 0 评论 -
uni-app+vue3+vite+微信小程序开发的问题点
uni-app+vue3+vite+微信小程序开发的问题点原创 2022-12-12 09:41:47 · 1462 阅读 · 0 评论 -
Vue权限控制之按钮权限
Vue权限控制之按钮权限原创 2022-10-12 08:44:37 · 525 阅读 · 0 评论 -
微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化
微信开发者工具如何使用SCSS和配置wxml文件高亮及格式化原创 2022-08-15 15:22:01 · 4052 阅读 · 1 评论 -
js计算一年有多少周(星期一为第一天)
function getWeeks(year = 2022) { // 一年第一天是周几 var first = new Date(year, 0, 1).getDay() if (first == 1) { first = 0 } else if (first == 0) { first = 1 } else { first = 8 - first } // 计算一年有多少天 if ((year % 4 == 0 && year %原创 2022-04-04 10:57:51 · 1379 阅读 · 0 评论 -
当使用flex弹性布局时,设置属性justify-content:space-around,但需要元素左对齐
用一行显示的最多个数减1的空标签补位<!-- 补最大的位数-1 --><div class="li" for="(item,index) in [1,1,1]"></div>.li { width: 25%; height: 0;}原创 2022-03-24 17:18:36 · 1194 阅读 · 0 评论 -
js 下载文件(常见类型:图片、视频、文档/PDF文件),不跳转新页面
/** * 直接下载指定链接 * @param {*} url 传入文件的全链接 * @param {*} fileName 文件名字 */function DOWLOAD_FILE (url, fileName) { fetch(url).then(res => res.blob().then(blob => { var a = document.createElement('a') var url = window.URL.createObjectURL(blo原创 2021-08-12 17:00:13 · 1027 阅读 · 0 评论 -
package.json中设置NODE_ENV环境
mac 和 windows 下设置的不一样"scripts": { "dev-mac": "export NODE_ENV=development && node dev.js", "dev-win": "set NODE_ENV=development && node dev.js"}原创 2021-06-22 11:02:31 · 2309 阅读 · 0 评论 -
基于photoswipe实现的vue图片预览组件vue-image-swipe
安装npm install vue-image-swipe -S在main.js中引用import Vue from 'vue'import VueImageSwipe from 'vue-image-swipe'import 'vue-image-swipe/dist/vue-image-swipe.css'Vue.use(VueImageSwipe)使用<template> <div> <ul> <li .原创 2021-04-28 16:25:08 · 1419 阅读 · 0 评论 -
pnpm 来管理前端项目包
引用文章 https://mp.weixin.qq.com/s/aCS4Ku34nDe3A-WT5hdx7A官方文档安装教程npm i -g pnpm安装第三方模块// 安装 axios 默认添加至 dependenciespnpm install axios// 安装 axios 并将 axios 添加至 devDependenciespnpm install axios -D// 安装 axios 并将 axios 添加至 dependenciespnpm install ax.原创 2021-02-24 10:16:28 · 1831 阅读 · 0 评论 -
用vite来搭建vue3项目
vite1.x 项目初始化npm init vite-app my-vue3cd my-vue3npm installnpm run devvite2.x 项目初始化npm init @vitejs/app支持的模板预设包括:vanillavuevue-tsreactreact-tspreactpreact-tslit-elementlit-element-tscd vite-projectnpm installnpm run dev...原创 2021-02-20 14:27:22 · 1227 阅读 · 0 评论 -
父级设置display:flex;子级宽度无效的解决办法
flex-shrink这个属性默认为1,即空间不足会自动缩小,需要设置为0。子级css添加flex-shrink:0即可原创 2020-12-16 09:55:42 · 2738 阅读 · 1 评论 -
TortoiseSVN 中文语言包下载及安装
转自该博主安装时要保证 SVN的版本 和 中文语言包的 版本相同。先安装SVN,再安装中文语言包。牢记: 下载的安装包版本要相同转载 2020-07-09 22:24:56 · 597 阅读 · 0 评论 -
快应用中遇见的问题
出现 document.registerElement is not a function/ SDK is not defined的错误增加本地"hap-toolkit"的版本为"0.6.0"以后无法解析Reg Query输出在注册表中 一定要有chrome.exe计算机\HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Windows\CurrentVersion\App Paths\chrome.exe没有的话,卸载chrome重装adb-c..原创 2020-07-09 22:18:34 · 990 阅读 · 0 评论 -
快应用的开发-新手入门指南
推荐看【快应用官方博客】的博客地址: https://blog.csdn.net/QuickApp背景介绍快应用是一种新的应用形态,以往的手机端应用主要有两种方式:网页、原生应用;网页无需安装,却体验不是很好;原生应用体验流畅,却需要从应用商店下载安装,难以一步直达用户;快应用的出现,就是希望能够让用户无需下载安装,并且还能流畅的体验应用内容。为了达到上面的目标,快应用建立一种新的语言开发规范,同时提供一系列的开发套件辅助支持。简单来说,开发者主要利用前端知识与技能,以及对应的IDE,手机.原创 2020-07-09 22:03:32 · 1383 阅读 · 0 评论 -
a 可以同时 == 1 && == 2 && == 3 吗?
此题目的答案可以分为三大类:1. 类型转换时的劫持首先我们要知道,在 JS 中类型转换只有三种情况,分别是:转换为布尔值转换为数字转换为字符串转换为原始类型对象在转换类型的时候,会执行原生方法 ToPrimitive。其算法如下:如果已经是 原始类型,则返回当前值;如果需要转 字符串 则先调用 toSting方法,如果此时是 原始类型 则直接返回,否则...转载 2020-04-14 22:09:33 · 546 阅读 · 0 评论 -
CSS3 绘制条纹背景
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c...原创 2019-12-13 15:39:15 · 1776 阅读 · 0 评论 -
简单的css实现body的进度条
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Com...原创 2019-12-13 10:21:41 · 1735 阅读 · 0 评论 -
countup.js让数字动起来
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" c...原创 2019-12-12 14:50:00 · 2297 阅读 · 1 评论 -
关于JSON.stringify()的用法
语法JSON.stringify(value[, replacer[, space]])参数说明:value:必需, 要转换的 JavaScript 值(通常为对象或数组)。replacer:可选。用于转换结果的函数或数组。如果 replacer 为函数,则 JSON.stringify 将调用该函数,并传入每个成员的键和值。使用返回值而不是原始值。如果此函数返回 und...原创 2019-11-24 12:37:53 · 1829 阅读 · 0 评论 -
Google无法离线安装扩展程序
下载Chrome插件伴侣按照里面的使用说明使用网盘地址:链接: https://pan.baidu.com/s/1eXoLXyPNl2pfoPnArHq2Lg 提取码: nej9出现错误The 'manifest_version' key must be present and set to 2 (without quotes). See developer.chrome.c...原创 2019-02-28 13:57:53 · 12369 阅读 · 0 评论 -
五大主流浏览器及四大内核
作者:kookic原文:https://blog.csdn.net/yuyanjing123456789/article/details/78689595任何上过网的用户对浏览器是再熟悉不过了。只是用户看到仅仅只是浏览器本身,却很少能看到浏览器最核心的部分—浏览器内核。从第一款libwww(Library WorldWideWeb)浏览器发展至今已经经历了无数竞争与淘汰了。现在国内常见的浏...转载 2019-03-05 16:36:09 · 12239 阅读 · 0 评论 -
百度搜索框提示功能
1、简单方式方便的将“百度搜索框(带提示功能)”直接加入到您的网页中。将以下代码加入到您的网页中, 即可获得带有“搜索框提示”功能的百度搜索框。<!-- 百度搜索框 --><form action="http://www.baidu.com/baidu" target="_blank"> <a href="http://www.baidu.com/"&...转载 2019-03-08 16:15:19 · 13613 阅读 · 0 评论 -
forEach 与 map的区别
1、forEach()返回值是undefined,不可以链式调用。2、map()返回一个新数组,原数组不会改变。3、没有办法终止或者跳出forEach()循环,除非抛出异常,所以想执行一个数组是否满足什么条件,返回布尔值,可以用一般的for循环实现,或者用Array.every()或者Array.some();...原创 2019-03-28 15:27:10 · 8850 阅读 · 0 评论 -
快速删除node_moduels文件夹
解决方法:使用npm的一个名为rimraf的模块进行删除安装(推荐全局安装):npm install -g rimraf使用rimraf node_modules原创 2019-09-01 10:22:29 · 2260 阅读 · 0 评论 -
快应用开发工具的编译less、sass样式
使用 less 请先安装相应的类库:less、less-loader,然后在<style>标签上添加属性lang="less"使用 sass 请先安装相应的类库:node-sass、sass-loader,然后在<style>标签上添加属性lang="sass"...原创 2019-09-01 11:14:41 · 2318 阅读 · 0 评论 -
快应用的注意事项
自定义组件 my-component 不支持 private 数据模型,请使用 data 代替!组件my-component 中无props属性,放弃属性校验;推荐增加props属性获取 DOM 节点(如:this.$element(idxxx))type属性将被废弃,不推荐使用id属性将被废弃,不推荐使用attr属性将被废弃,不推荐使用...原创 2019-09-04 10:05:12 · 1922 阅读 · 0 评论 -
fullPage.js 基于 jQuery 的全屏滚动插件
fullPage.js 是一个基于 jQuery 的插件,它能够很方便、很轻松的制作出全屏网站。fullPage.js的主要功能有:支持鼠标滚动、支持前进后退和键盘控制、多个回调函数、支持手机、平板触摸事件、支持 CSS3 动画、支持窗口缩放、窗口缩放时自动调整、可设置滚动宽度、背景颜色、滚动速度、循环选项、回调、文本对齐方式等等文档、教程、实例演示地址http://fullpage.8...原创 2019-02-28 10:35:37 · 11884 阅读 · 0 评论