- 博客(354)
- 收藏
- 关注
RSS订阅
原创 HTML5从入门到精通笔记
添加小程序，兑换各种视频教程/数据资源。第一章：HTML5新增语法，元素，属性，事件1.html5语法： 1.1 html是不区分大小写，也不区分大双引号。 1.2 对于具有boolean值得属性，如disabled和readonly等，当值写属性不写值，将属性值设置为属性名或设置为空字符串时，表示为true，如<input disabled /&...
2019-03-20 11:38:27
2385
1
原创 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
原创 CSS3知识点笔记————基础（五星）
添加小程序，兑换各种视频教程/数据资源。1.作用：美化和修饰HTML。又叫层叠样式表，样式表，级联样式表。2.优点： 2.1可以更好的将格式与结构分离。 2.2可以更好的控制页面的布局。 2.3可以制作体积更小，下载更快的网页。 2.4可以将多个网页同时更新，比以前更快更容易。3.使用CSS的三种方式： 3.1内联式：...
2018-10-15 09:12:05
642
原创 javascript基础知识完整笔记--------权威指南基础篇
（一）JS初次使用；1.搭建JS开发环境； （1）在控制后台输出：console.log()。 （2）在HTML页面输出： 1）.html页面元素事件中输出，如onclick=""； 2) .通过<script>在这里输出JS代码</script>,并且script可存在html任意标签位置。...
2018-10-11 17:27:02
957
原创 vue-cli3+技术栈实战完整笔记（一）
添加小程序，兑换各种视频教程/数据资源。0. 基于vue ui创建vue cli3.0项目：参考：https://blog.csdn.net/qq_42231156/article/details/82343793。1.项目文件vueCli3.0下： pulic文件下：favicon.ico是网址上方标题的的小图标。 index.html：是入口文件。 s...
2018-10-06 11:42:52
3567
1
原创 Vue技术栈开发实战笔记(一)--------使用vue ui3+创建项目
添加小程序，兑换各种视频教程/数据资源。 1.使用vue ui创建、管理项目：可视化的项目管理工具。步骤： a.在已经下载node v8.9版本以上的情况下（百度怎么下载node已经怎么更新node），程序输入cmd->下载vue cli3.0以上(输入npm install -g @vue/cli)-通过vue ui可视化管理工具打开项目（输入vue ui...
2018-09-03 12:15:10
2982
5
原创 vue.js ——入门
添加小程序，兑换各种视频教程/数据资源。1. 官网：www.vuejs.org 。2. 下载配置方法：方法1：在官网www.vuejs.org下载vue.js文件，然后在html里面引入<script src="vue.js"></script> 方法2：直接远程在线引入vue.js文件。<script src="ht...
2018-05-25 11:17:18
600
5
原创 harmonyOS开发技巧（三）——应用名称
2. ./entry/src/main/module.json5中的abilities中的label对应的是，应用安装后，桌面的应用标题。1. ./AppScope/app.json5中的label对应的是，应用安装之后在系统设置=》应用管理里面的名称。
2023-12-29 21:17:05
420
原创 harmonyOS开发技巧（二）——沉浸式以及状态栏高
2. 获取状态栏的高：win.getWindowAvoidArea(window.AvoidAreaType.TYPE_SYSTEM)以及win.on('avoidAreaChange', (data) => {})。1. 设置沉浸式：win.setWindowLayoutFullScreen(true);
2023-12-09 01:33:19
1582
原创 electron开发个远程桌面，调试工具
基于electron+react+robotjs开发了个远程桌面，录屏，截图，调试应用等的工具。放在小程序上，欢迎浏览。
2022-12-02 21:58:52
983
1
原创 react-navigation报错requireNativeComponent: “RNSScreenStackHeaderConfig“ was not found in the UIManage
则需要删除android\app\build\outputs\apk\debug目录下的打包的apk文件，同时删除模拟器或真机上原有的apk包。然后重新yarn android，生成打包apk，拖到到夜神模拟器，或者真机上测试。配置：Stack.Navigator initialRouteName="Home"，且配置至少2个Stack.Screen 页面。如果仍然报错，可能需要反复上面的步骤（这边反复4次才成功）。然后重启yarn android。
2022-10-27 21:01:29
2378
2
转载 react-native环境搭建问题汇总
我个人觉得最好学习途径就是到官网学习环境搭建和基础组件使用，而不是一开始就到网上一顿查，网上的知识都是碎片化的，需要自己组装。高版本的gradle需要jdk 11来编译，如果你还是使用jdk 8，并且还非不换，嗯。1、把react-native删了：npm uninstall -g react-native-cli。我使用的环境是Window和Android，其他环境需要自己摸索。①把占用8081端口的应用关闭；根据官方教程配置好环境后，正想大展拳脚，结果。第一次运行，使用的命令，下面三个命令中的一个。
2022-10-27 20:10:54
732
原创 react-native运行时报错Android Studio First Run unable to access Android SDK add-on-list
【代码】react-native运行时报错Android Studio First Run unable to access Android SDK add-on-list。
2022-09-04 01:50:26
2972
原创 关于react-native init 创建项目报错 cli.init is not a function 问题解决
2. 解决：产生这个问题的原因是：使用这种方式创建工程，react-native版本是0.69 版本上不适用。各位可以检查下自己安装的React-native的版本。改成：npx react-native init chapter2 --version 0.68.2 即可。1. 在react-native init appDemo 创建项目时，报错TypeError: cli.init is not a function....
2022-08-17 23:52:10
3087
原创 js中indexOf和includes判断元素是否存在的性能差距
let arr = [3,4];console.time("indexOf");console.log(arr.indexOf(3)>-1)console.timeEnd("indexOf");console.time('hasOwnProperty')console.log(arr.includes(3))console.timeEnd('hasOwnProperty')/*执行结果：indexOf: 6.268mshasOwnProperty: 0.11ms*/.
2022-05-12 00:37:54
1436
1
原创 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
原创 vue2/3的函数式组件
1. 函数式组件：函数组件不需要实例化，无状态，没有生命周期，所以渲染性能要好于普通组件，不需要实例化，没有this，this式通过render函数的第二个参数context来替代，所以在外部通过ref去引用组件时，实际引用的时HTMLElement。没有生命周期，也就不能使用computed,watch。不能通过$emit对外暴露事件，调用事件只能通过context.$emit.click方式调用外部传入的事件。在vue2中使用函数组件：需要指定functional:trueexport defa
2022-05-11 22:37:39
1288
1
原创 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
原创 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
原创 2022web前端全栈完整整理——（二）css/css3篇
1. css基础：https://alex-ss.blog.csdn.net/article/details/830539012. css3新增属性值initial：可直接取消某个元素指定的样式值使其变为默认值，如color:initial。3. vue3中的.vue文件的style里的css可以使用js/ts中的声明变量，且支持双向响应：属性：v-bind(js/ts变量)。<template> <div class='ace_class'>文本颜色<
2022-05-06 21:57:15
563
转载 纯 CSS 实现绘制各种三角形（各种角度）
一、前言三角形实现原理：宽度width为0；height为0；（1）有一条横竖边（上下左右）的设置为border-方向：长度 solid red，这个画的就是底部的直线。其他边使用border-方向：长度 solid transparent。（2）有两个横竖边（上下左右）的设置，若斜边是在三角形的右边，这时候设置top或bottom的直线，和右边的斜线。若斜边是在三角形的左边，这时候设置top或bottom的直线，和左边的斜线。二、实现2.1 Triangle Up#triangl
2022-05-06 21:19:49
1308
原创 2022web前端全栈完整整理——（一）浏览器篇
1. 截止2022年4月全球市场上浏览器份额：https://gs.statcounter.com/2. 各浏览器内核以及厂商前缀：IE：trident内核，厂商前缀：-ms- Firefox：gecko内核，厂商前缀：-moz- Safari：webkit内核，厂商前缀：-webkit- Opera：以前是presto内核，现在是Blink内核，厂商前缀：-o- Chrome：Blink内核（基于webkit），厂商前缀：-webkit- ......3. 打开浏览器控制台：
2022-05-06 20:17:56
342
转载 Chrome的Performance面板
1、Performance介绍1.1、概况图1.2、无痕模式无痕模式可以保证Chrome在一个相对干净的环境下运行，避免chrome上安装的插件影响性能分析结果。文件—>打开新的无痕式窗口，或使用快捷键ctrl + shift + N打开无痕模式下的chrome新标签页1.3、性能记录点击面板里的○，可以记录运行时的性能记录，如下图：再次点击Record或者点击Stop停止记录。1.3、加载时性能记录录制若要分析页面记载时性能需要录制加载时性能。 打开待分析.
2022-05-06 20:15:56
7767
1
原创 vue3的computed计算属性传参
在使用计算属性时，尤其是有v-for和slot插槽的使用时，进行一些参数的传递。1. 在v-for中使用计算属性传参。<div v-for="item in list"> <div v-if='isShow(item)'>是否显示</div></div><script>import {computed} from 'vue'const currentId=ref(null)const isShow=computed(
2022-04-29 23:50:23
25640
2
原创 重置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
原创 vue3中获取ref元素的几种方式
1. 原生js获取dom元素：document.querySelector(选择器)document.getElementById(id选择器)document.getElementsByClassName(class选择器)....2. ref获取单个dom元素：<template> <div ref='divDom'></div> </template><script setup>import { ref} f
2022-04-27 21:05:16
16462
原创 electron-vue项目下本地启动创建多窗口（二）——单端口，单webpack配置，多vue实例
1. 本地启动，在同一端口下，同一webpack编译成不同的入口文件，如：http://localhost:9080/index.html http://localhost:9080/update.html ......2. 配置不同的vue实例入口文件以及其入口页面：renderer/index.ts：创建主界面vue实例，挂载一个vue实例入口页面。import {createApp} from 'vue'import App from './App.vue'createApp(A
2022-04-27 20:40:12
1000
1
原创 electron-vue项目下本地启动创建多窗口（一）——多端口，多webpack配置，多vue实例
1. 本地启动，在不同端口下，不同webpack编译成不同的入口文件，如：http://localhost:9080/index.html http://localhost:9081/index.html ......2. 配置不同的vue实例入口文件以及其入口页面：renderer/index.ts：创建主界面vue实例，挂载一个vue实例入口页面。import {createApp} from 'vue'import App from './App.vue'createApp(Ap
2022-04-27 20:27:33
1780
原创 ss-vue-calendar封装拓展性强的日历组件库
使用SsCalendar组件 npm install ss-calendar import SsCalendar from 'ss-calendar' import "ss-calendar/style.css" createApp(App).use(SsCalendar).mount('#app') // 如果项目中ts警告，`npm install @xxxxx` (如果存在)，或者添加一个包含 `declare module ‘xxxxx‘；` 的新声明(.d.ts)文 /.
2022-04-24 22:40:20
947
原创 npm 上传vite打包的vue3组件到npm仓库
1. 基于vite创建vue3组件，如ss-calendar组件。创建项目：npm init vite@latest 创建组件文件：src/components/ss-calendar 创建组件.vue文件：src/components/ss-calendar/index.vue 创建组件导出文件：src/components/ss-calendar/index.ts，如下import SsCalendar from './index.vue';import { App } from 'vu
2022-04-24 20:36:14
1519
原创 在ts + vite + vue3项目里找不到node相关模块
解决：安装@types/nodenpm install @types/node --save-dev报错：在tsconfig.node.json配置："allowSyntheticDefaultImports": true,{ "compilerOptions": { "composite": true, "module": "esnext", "moduleResolution": "node", "allowSynthetic...
2022-04-24 19:27:22
1519
原创 vue3自定义下拉菜单组件，支持popperjs和滚动到指定元素
1. ss-dropdown/index.vue组件：2<template> <div class="ss-dropdown" ref="ssDropdownDom" @click="clickOpen"> <span class="current-num">{{ current }}年</span> <img src="../../assets/arrow-top.png" class="arrow-top-icon...
2022-04-23 17:13:39
3153
原创 electron+vue3自定义toast提示组件
1. 创建new-toast目录。2. 创建new-toast/index.vue：<template> <div id="msg-box" v-if="visible"> <div class="msg-text">{{ msgText }}</div> </div></template><script setup lang='ts'>import { ref } from 'vue'
2022-04-16 16:16:24
1116
原创 electron的win.restore()无效
在electron: "17.2.0"版本时，自定义最大化，最小化，恢复事件。ipcMain.handle('window-max', async (event, args) => { if (win.isMaximized()) { win.restore(); return { status: false } } else { win.maximize() return { status: true } }})发现
2022-04-16 14:45:53
1489
1
原创 React-native项目笔记（window）
1. react-native官网：https://www.react-native.cn/docs/getting-started。2. 配置window下环境：下载对应版本的node，python，Android Studio...，配置环境变量。
2022-04-01 23:55:10
991
原创 mongodb数据库简单使用
4. mongodb数据库：https://www.mongodb.com/try/download/community下载mongodb，中文文档https://docs.mongoing.com/，可视化操作可结合Robo 3T工具。(1). C:\Program Files\MongoDB\Server\5.0目录下：data目录存放数据库信息,log目前存放日志(2). C:\Program Files\MongoDB\Server\5.0\bin 配置环境变量。(3). bin/mong
2022-03-18 12:12:24
532
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人