- 博客(105)
- 收藏
- 关注
原创 typescript 数据类型
基本数据类型(原始类型)number,string,boolean, null, undefinedlet age:number = 20;let name:string = '张三';let isEat:boolean = true;let a:undefined = undefined;let b:null = null;复杂数据类型(对象类型)
2022-05-17 16:03:20 155
原创 ts-node安装
npm i -g ts-node当运行报错Cannot find name ‘console‘ts-node hello.ts再安装npm install -g @types/node
2022-05-17 14:05:09 1776
原创 web前端规范
文件规范html, css, js, images文件均归档至约定的目录中;html文件命名: 英文命名, 后缀.html或.htm. 同时将统一页面文件放于同目录中, 以方便后端添加功能时查找对应页面;css文件命名: 英文命名, 后缀.css. 共用base.css, 首页index.css, 其他页面依实际模块需求命名.;Js文件命名: 英文命名, 后缀.js. 共用common.js, 其他依实际模块需求命名。...
2022-05-16 14:23:34 188
原创 vue ui组件
PC端Element Plus - 饿了么 UI 组件库 https://element-plus.org/zh-CN/Ant Design of Vue - 阿里 UI 组件库 https://github.com/vueComponent/ant-design-vue/TDesign Vue - 腾讯 UI 组件库 https://tdesign.tencent.com/Naive-UI - 图森未来 UI 组件库 https://w
2022-05-11 15:30:47 195
原创 bootstrap 轮播图
<!-- 轮播图 --> <div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> <!-- Indicators --> <ol class="carousel-indicators"> <li data-target="#carousel-example-generic" data-slide-to="0" class
2022-05-08 22:00:10 567
原创 nuxt.js
脚手架安装npx create-nuxt-app <项目名>使用starter 模板 npm i -g @vue/cli-init vue init nuxt/starter <projectName>
2022-05-04 23:51:57 177
原创 typescript 内容介绍
typescript是javascript的超集,javascript的代码可以与typescript一起工作无需修改安装nodejs时会npm工具typescript工具的安装npm install -g typescript查看版本tsc -vtsc 文件名.ts会生成同一个名字的js文件void该方法没有返回值name():void { console.log("Runoob") } typescript基础类型任意类型anylet x: any = 1
2022-04-30 16:47:23 837
原创 SQLSTATE[HY000]: General error: 1364 Field ‘id‘ doesn‘t have a default value
当导入sql文件到navicat里id不会自动递增要自己修改id递增
2022-04-29 15:54:11 2213
原创 电话号码区号插件vue-country-diacode-selector
<country-code-selector :countryCode.sync="value"></country-code-selector> import countryCodeSelector from 'vue-country-diacode-selector' components: { countryCodeSelector }
2022-04-25 15:44:25 3330 1
原创 报错network request to http://registry.cnpmjs.org/vite failed, reason: getaddrinfo ENOTFOUND registry
修改源地址位淘宝镜像npm config set registry http://registry.npm.taobao.org/
2022-04-22 22:24:02 5046 3
原创 es6 获取url参数
function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); console.log(window.location.search)//?id=2 var r = window.location.search.substr(1).match(reg); if (r != null) return unescape(r[2]); re
2022-04-18 15:55:35 1573
原创 Vue项目main.js中的Vue.config.productionTip作用
//阻止显示生产模式的消息Vue.config.productionTip = false如果没有这行代码,或者设置为true,控制台就会多出这么一段代码。You are running Vue in development mode.Make sure to turn on production mode when deploying for production.See more tips at https://vuejs.org/guide/deployment.html意思是:您正在开发
2022-04-16 10:56:24 939
原创 深度选择器/deep/
/deep/是vue2.x中实现样式穿透的方案,在vue3.x中使用:deep()替代/deep/:deep(.title){ color:pink}
2022-04-13 09:09:54 788
原创 vite rem
在根目录添加postcss.config.jsmodule.exports = { plugins: { 'postcss-px2rem': { rootValue: 75, propList: ['*'], unitPrecision: 5 } }}
2022-04-11 10:56:23 396
原创 css 雪碧图(精灵图)动画
<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title>
2022-04-10 14:20:10 463
原创 css3 鼠标移动到上方增加阴影增加往前移动
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2022-04-06 16:27:08 441
原创 css3 当鼠标悬停显示阴影
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2022-04-06 15:17:55 459
原创 css 鼠标悬停下拉
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
2022-04-06 11:04:11 860
原创 css 渐变
从透明色到黑色background-image:linear-gradient(transparent,rgba(0,0,0,0.6))
2022-04-05 16:42:32 267
原创 CSS 翻转特效
<!DOCTYPE html><html><head><meta charset="utf-8"><title>css3</title></head><body><style>*{ margin:0; padding:0;}ul,li{ list-style:none; margin:0; padding:0;}.brandsShow{ width:1
2022-04-02 15:22:47 825
原创 js 动态加载脚本
let script = document.createElement('script');script.src = 'nezha.js';document.head.appendChild(script);
2022-03-31 10:10:42 473
原创 es6对象函数
Object.assignconst target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Object { a: 1, b: 4, c: 5 }console.log(returnedTarget);// expected output: Objec
2022-03-23 15:12:21 647
原创 es6 数组函数
添加元素到数组的末尾let fruits = ['Apple', 'Banana']let newLength = fruits.push('Orange')// ["Apple", "Banana", "Orange"]删除数组末尾的元素let last = fruits.pop() // ["Apple", "Banana"]删除数组头部元素let first = fruits.shift() // ["Banana"]添加元素到数组的头部let newLength = fr
2022-03-23 11:15:28 504
原创 vue2 可设置公共部分mixins,可复用功能
import {mixinstest} from './mixins/index' export default { name: 'App', mixins:[mixinstest], components: { HelloWorld }}index.jsexport const mixinstest = { data(){ return { testMix: '混入对象的data' } }, created(){
2022-03-14 16:01:40 879
原创 css3 引入外连接
当不知道是页面是https还是http引入的方式可以这样写<script src="//github.com/js/index.js"></script>
2022-03-10 14:41:21 158
原创 webpack webpack-dev-server 页面提示 cannot get /
在webpack.confi.js里添加devServer: { static: './src', },
2022-03-09 15:53:24 638
原创 thinkphp6 安装redis
在config/cache.php下添加'redis' => [ // 驱动方式 'type' => 'redis', // 服务器地址 'host' => '127.0.0.1', // 端口号 'port' => '6379', // 密码 'password'=> "",
2022-03-04 09:59:53 822
原创 es6 map数据结构
map有键名,键值相同,内存不同为不同2个键let m=new Map([[1,"first"],[2,"second"]]);m.get(1);//firstm.set(3,"third");map数据结构方法有get,set,delete,has,clear,forEach,values,keys,entries
2022-02-23 15:18:48 546
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人