- 博客(33)
- 资源 (5)
- 收藏
- 关注
RSS订阅
原创 CSS响应式布局
CSS布局https://www.bilibili.com/video/BV1ov411k7smhttp://www.ruanyifeng.com/blog/2015/07/flex-grammar.html什么是媒体查询概念：为不同尺寸的屏幕设定不同的css样式示例： <style> .box { width: 200px; height: 200px; } @media screen and (min-device-width:
2022-03-04 17:56:55
227
原创 Docker入门
Docker入门VM虚拟机 VS DockerVMDocker在一种操作系统里面运行另一种操作系统不是模拟一个完整的操作系统，而是对进程进行隔离。Docker 属于 Linux 容器的一种封装，提供简单易用的容器使用接口资源占用多资源占用少冗余步骤多体积小启动慢启动快Docker 将应用程序与该程序的依赖，打包在一个文件里面。运行这个文件，就会生成一个虚拟容器。程序在这个虚拟容器里运行，就好像在真实的物理机上运行一样Docker的用途**提供一
2021-10-15 17:47:24
137
原创 微信小程序图片流&本地图片转base64处理方案
图片流转base64展示const that = this;request({ url: 'XXXXX', method: 'GET', responseType: 'arraybuffer', success: function(res) { const base64 = wx.arrayBufferToBase64(res); that.setData({ userImageBase64: `data:image/jpg;base64,${.
2021-08-23 13:40:25
614
原创 framework not found AppTrackingTransparency.framework
framework not found AppTrackingTransparency.frameworkXcode12.0以下版本会因找不到库文件而报以上错误ld: framework not found AppTrackingTransparencyclang: error: linker command failed with exit code 1 (use -v to see invocation)解决方法升级Xcode至最新版本下载 AppTrackingTranspar.
2021-02-05 13:40:54
636
原创 JSON.parse的坑
坑一console.log(JSON.parse(str));json字符串严格遵循json规范JSON.parse('{"name": "页面仔小杨", "age": 18}')key必须要用双引号JSON.parse('{name: "页面仔小杨", age: 18}') // 报错坑二json字符串格式必须是单引号包含双引号JSON.parse("{'name': '页面仔小杨', 'age': 18}") // 报错坑三json字符串不允许逗号结尾JSON.par.
2021-02-02 16:40:25
244
原创 Flutter请求返回数据序列化和反序列化
问题点请求后返回的数据类型是什么？json.decode() 接收json字符串，返回数据都要进行toString()吗？接收到返回数据不序列化应该怎么取数值？Diohttps://github.com/flutterchina/dio/blob/master/README-ZH.md在dio的请求配置中responseType ResponseType responseType;// [responseType] 表示期望以那种格式(方式)接受响应数据。// 目前 [Respo.
2021-01-27 18:21:43
1101
原创 Flutter中颜色值、透明度的处理
Color类原生方法Color.fromRGBO(r, g, b, opacity)Color.fromRGBO(55, 1, 200, 1)// opacity: 透明度 0～1 Color.fromARGB(a, r, g, b)Color.fromARGB(255, 55, 1, 200)// a: alpha值，0是透明的，255是完全不透明的0xff处理16进制Color(0xFFb74093)Color(0xffb74093)ColorsColors.blue.
2021-01-27 11:49:21
5893
原创 Flutter进阶
路由/页面传参Navigatorimport 'package:flutter/material.dart';void main () => runApp(MyApp());class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: '首页', home: FirstScreen() .
2021-01-26 09:20:25
120
原创 Flutter基础
Flutter环境搭建mac环境搭建flutter doctor创建项目flutter create myappcd myappflutter devices // 查看开启的模拟器和连接的真机flutter run -d xxxxxxxx// 或flutter run或运行确保在VS Code的右下角选择了目标设备按 F5 键或调用Debug>Start Debugging等待应用程序启动如果一切正常，在应用程序建成功后，您应该在您的设备或模拟器上看到应用程序.
2021-01-25 13:53:13
199
原创 Flutter入门Dart扫盲
dart中文官网Dart是面向对象的、类定义的、单继承的语言。特征DartJavaScript类型系统可选、动态弱、动态类单继承原型接口多接口不支持并发支持、隔离支持、使用HTML5网络worker环境搭建brew tap dart-lang/dartbrew install dartdart --version测试touch test.dartdart test.darttest.dartmain(List<St.
2021-01-12 21:40:15
377
原创 面试官：遇到一个从没接触过的问题你是怎么解决的？
面试官为什么要问你这个问题在一定的面试时间里，面试官问你这个问题的目的是什么呢？这个题目是一个开发性的问题，一般会出现在面试的最后或者气氛较为紧张时缓解气氛。但面试时提出的每一个问题，面试官都是有目的性的：遇到棘手的问题，心态是否冷静自信，抗压能力如何遭遇困难，责任心怎样，是否会推诿分析解决问题的方法和能力是否有复盘总结经验的习惯怎么回答“没有标准答案”得到面试官的提问后，一定要稳住、一定要稳住、一定要稳住不要急于回答，首先整理清楚自己的思路。尽量条理分明、言简意赅页面仔总结了.
2020-12-17 09:31:43
2137
原创 开发小程序分页功能遇到的坑
开发小程序分页功能遇到的坑微信小程序开发中list列表经常要进行分页处理，踩坑在所难免。app.json"enablePullDownRefresh": truewxml<view wx:if="{{showEmpty}}">暂无数据</view><scroll-view wx:else scroll-y="true" style="height: 100vh" bindscrolltolower="getMoreList"> <view wx:.
2020-12-14 17:43:15
1486
3
原创 如何屏蔽nodejs里的/favicon.ico请求
每个页面默认都会再发一个/favicon.ico,如何屏蔽nodejs里的/favicon.ico请求呢？
2022-06-29 14:05:01
362
1
原创 vue2.0基础(一)
Vue2.0基础(一)搭建项目mkdir vue-democd vue-demonpm init -yvue官网下载vue.js创建相关目录├── assets│ ├── css│ └── js│ └── vue.js├── example├── index.html└── package.json安装live-servercd vue-demolive-server创建hello-world.htmlcd exampletouch hell
2020-12-15 17:48:53
111
原创 vite还没发release版就已经火得不行了
vite是什么vite一词翻译成中文：快，在尤大神介绍Vue3.0时提到了vite这个工具，其描述是这样的：针对Vue单页面组件的无打包开发服务器，可以在浏览器运行请求的vue文件。它和我们使用的vue-cli的作用基本相同，相当于vue项目构建的升级产品。vite在开发的时候没有打包过程，ES模块源码直接传输给浏览器，浏览器使用自带的 <script module> 进行解析支持，通过 HTTP 请求进行每次 import，开发服务器拦截请求和对需要转换的代码进行转换。生产环境打包是通.
2020-12-14 17:32:18
300
原创 live-server本地搭建临时服务
live-server本地搭建临时服务1.自动全局监听实时更新2.浏览器自动打开项目，默认index.html3.安装简单，启动方便安装npm install -g live-serverlive-server -v // 查看版本使用命令cd $repolive-server参数：--port=NUMBER - select port to use, default: PORT env var or 8080--host=ADDRESS - select host ad.
2020-12-14 17:28:32
203
原创 Ts进阶
Ts进阶环境搭建npm install typescript -gtsc demo01.tsnode demo01.jsnpm install ts-node -gts-node demo01.ts静态类型// 静态类型const count: number = 1;// count = "itxing" // 报错console.log(count)interface XiaoJiejie { username: string; age: number;}.
2020-12-14 17:23:43
304
原创 Ts大法
环境搭建(node环境)node -vnpm -vnpm install typescript -gtsc -v创建项目mkdir ts-democd ts-demonpm init -ytsc --inittouch helloWorld.ts编写helloWorld.ts文件let a:string = "HelloWorld"console.log(a)运行数据类型类型说明undefinedbooleanlet isDone:.
2020-06-12 17:27:08
354
原创 ES6总结
Object.create(prototype, {descriptors})作用：以指定对象为原型创建新的对象value: 指定值writable:当前属性值是否是可修改的，默认falseconfigurable: 当前属性是否可以被删除， 默认falseenumerable:当前属性是否能用for in 枚举，默认falseconst obj = { username: '页面仔小杨', age: 18 }let obj1 = Object.create(obj, { sex: {.
2020-06-08 12:42:45
184
原创 Array对象常用方法总结
Array方法总结方法功能示例concat()连接两个或更多的数组arr1.concat(arr2)every()检测数组元素的每一个元素是否都符合条件（boolean）arr.every(function)some()检测数组元素中是否有元素符合指定条件（boolean）arr.some(function)filter()检测数组元素，并返回符合条件所有元素的数组（array）arr.filter(function)find()返回符合传.
2020-06-05 11:21:05
196
原创 String对象常用方法总结
方法功能示例charAt()返回在指定位置的字符str.charAt(2)concat()连接两个或更多字符串，并返回新的字符串(不改变原字符串)str.concat(“hello”)indexOf()返回某个指定的字符串值在字符串中首次出现的位置str.indexOf(“he”)includes()查找字符串中是否包含指定的子字符串(boolean)str.includes(“he”)lastIndexOf()从后向前搜索字符串，并从起始位置...
2020-06-05 11:19:26
159
原创 Array对象常用方法总结
Array方法总结方法功能示例concat()连接两个或更多的数组arr1.concat(arr2)every()检测数组元素的每一个元素是否都符合条件（boolean）arr.every(function)some()检测数组元素中是否有元素符合指定条件（boolean）arr.some(function)filter()检测数组元素，并返回符合条件所有元素的数组（array）arr.filter(function)find()返回符合传.
2020-05-29 15:02:38
151
原创 String对象常用方法总结
方法功能示例charAt()返回在指定位置的字符str.charAt(2)concat()连接两个或更多字符串，并返回新的字符串(不改变原字符串)str.concat(“hello”)indexOf()返回某个指定的字符串值在字符串中首次出现的位置str.indexOf(“he”)includes()查找字符串中是否包含指定的子字符串(boolean)str.includes(“he”)lastIndexOf()从后向前搜索字符串，并从起始位置...
2020-05-29 15:01:29
207
原创 一个程序员的爱情故事（了解call/apply/bind）
都是用来改变函数运行时的this指向方法示例特点call()fun.call(obj, params1, params2)参数从第二个参数开始，依次传入，函数立即执行apply()fun.apply(obj, [params1, params2])参数依数组的形式传入，函数立即执行bind()fun.bind(obj, params1, params2)不会立即执行当前函数，而是将函数返回一个故事公司有个前端程序员A 主要技能是js, 后来公司.
2020-05-29 14:55:51
179
原创 github查看源码Chrome插件Octotree
有没有遇到过这样的情况：在GitHub上看到一个好的开源项目想看一下源码，在github上看吧打开目录的速度真是太慢了。clone下来在本地看又感觉浪费本地空间，下面github查看源码Chrome插件闪亮登场在chrome网上应用商店搜索 “Octotree”刷新github网址关注公众号： 页面仔小杨 【实战干货、原创分享】...
2020-05-28 19:25:48
296
原创 是切图仔还是工程师就看会不会它（webpack-2）
上回说到webpack上手，今天我们简单聊一聊webpack开发环境配置基于https://gitee.com/itxing666/webpackDemo feature/p01开发打包Css文件资源cd webpackDemomkdir src/css && cd src/csstouch index.css在index.css中添加样式并在index.js中引入import './css/index.css'这时npm run server会报错，因为web
2020-05-26 12:34:02
195
原创 是切图仔还是工程师就看会不会它（webpack-1）
Webpack是什么webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。递归地构建一个依赖关系图(dependency graph)，将前端所有的资源文件（js/css/img/json/…)作为模块处理。将所有这些模块打包成一个或多个 bundle。五个核心概念入口(entry) webpack以哪个文件为入口点开始打包，分析构建内部依赖图输出(output) webpack打包后的资源bund
2020-05-18 20:08:21
166
原创 02-Taro页面编写和传值
02-Taro页面编写和传值上回说到Taro打造hello-world应用。废话不多说，直接上肉菜State局部状态export default class Index extends Component { config = { navigationBarTitleText: '首页' } state = { name: "hello 前端骚年" } render () { const { name } = this.state return (
2020-05-15 11:33:55
2465
1
原创 01-Taro打造hello-world应用
01-Taro打造hello-world应用一、简介Taro是由京东凹凸实验室出品，书写一套代码通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信 / 京东 / 百度 / 支付宝 / 字节跳动 小程序、快应用、H5、React-Native 等）运行的代码。废话不多说，先从hello-world开始吧。二、搭建环境// node>=8.0.0npm install -g @tarojs/clitaro -vtaro init taroDemo不好意思我果断contr
2020-05-12 19:24:09
246
原创 VSCode最强助攻
VSCode最强助攻VS Code是前端界必备的开发工具。页面仔小杨简单介绍几款高效、好用的插件，让原本单薄的VS Code如虎添翼，开发效率倍增。vscode-iconsvscode-icons不仅能够给文件夹、文件添加上舒适的图标，而且可以自动检测项目，根据项目不同功能配上不同图标，例如，git、Markdown、配置项、工具类等Better Comments一款让注释会说话的插...
2020-05-08 09:34:10
127
原创 03-Electron打造Hello-World应用
03-Electron打造Hello-World应用上一节Electron环境搭建,这节我们简单打造一个Hello-World应用一、修改package.json1.main字段表示应用的启动脚本，我们修改为main.js2.在“scripts”中创建start启动命令代码如下：{ "name": "electron-app", "version": "1.0.0", "d...
2020-05-07 10:59:55
161
原创 Electron环境搭建，开启开发之旅
Electron环境搭建一、node 环境（10.0以上）二、创建项目&安装electroncd Desktopmkdir electron-appcd electron-appnpm init -ynpm install electron --save-dev安装electron比较慢，抽袋烟。。。。忍受不了的话，你可以采用yarn或cnpm 。检查是否安装成功...
2020-04-27 17:26:17
250
原创 从零开始Electron
Electron简介electron是什么？前世今生的历史页面仔小杨就不说了，Atom、VSCode、Slack等都是用Electron开发的。那Electron到底是个什么东东呢？Electron 是由 Github开发的开源框架它允许开发者使用Web技术构建跨平台的桌面应用Node.js和基于不同平台的Native APIs加强的Chromium浏览器Chromium : 为El...
2020-04-27 17:22:12
301
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人