- 博客(30)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 taro3 + vue3 + ts 跨平台体验记录
小程序打包：包的字节数受小程序平台规则的限制，所以功能多的小程序要考虑分包、按需加载、打包瘦身，这些最好提前规划，后补可能会影响源码结构。taro版本维护中的项目需要关注版本和相关包版本，可能会出现版本错位造成的错误，比如打包出错。
2024-01-26 17:14:42
489
原创 web开发中的安全和防御入门——csp (content-security-policy内容安全策略)
偶然碰到iframe跨域加载被拒绝的问题，原因是父页面默认不允许加载跨域的子页面，也就是的content-security-policy中没有设置允许跨域加载。csp配置可以有效阻止跨站脚本攻击（xss），而且用起来也不麻烦，可以作为一个开发中的日常习惯。具体使用方式就不赘述了，感兴趣的可以看下面的参考页面。
2023-08-01 12:05:10
1844
原创 web端接收读卡器卡片信息
通过电脑连接的读卡器读取卡片信息，并由web页面接收和处理卡片信息。原因：卡片信息会激活输入法功能，input收到的结果会受输入法影响。解决方法：将input的type属性置为password。二、带中文输入法的设备接收到的数据错乱。
2023-02-15 11:22:23
1247
2
原创 多个svg渲染path时复用相同的defs market造成的market渲染异常及解决办法
属于html的基础知识了，dom下标签的id是不能重复的，开始时我忽略了这个问题，结果很打脸。用svg开发了个tree组件，path的箭头用的defs + marker标签。当同一个dom下复用多次tree组件时，基础知识要牢记，且开发中要谨记。
2023-01-05 17:57:48
498
原创 在TypeScript中如何在window上定义对象或全局变量
最近开始接触TS，想在windows上暴力扩展一个函数，没想到如此曲折。使用中文在搜索引擎上找，得到的答案几乎都是这样的declare global { interface Window { test: string; }}在我的工程里，这并不能使用，各种报错和限制。于是用英文搜了一下，没想到答案如此简单：// 在需要的位置建一个扩展window的变量，名字无所谓const EmployeeWindow = window as any;// 在变量之下创建需
2022-02-24 18:21:22
4684
2
转载 Centos安装php高版本
转自：http://www.360doc.com/content/16/0602/21/33759535_564561448.shtmlPHP（超文本预处理器）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，利于学习，使用广泛，主要适用于Web开发领域。PHP 独特的语法混合了C、Java、Perl以及PHP自创的语法。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序
2017-03-14 18:58:31
579
原创 ionic/angular $http post form-data请求
主要有两个步骤，一是重置$http的heads参数，二是参数转换方法$http的heads参数var param = {url:'',method:'post'}//transformRequestAsFormPost是自定义方法，代码在下面param['transformRequest'] = transformRequestAsFormPost;//虽然transformRequestAs
2016-05-03 13:50:14
5992
原创 cordova app强制横屏
非常简单，只需要在config.xml里加上这行：<preference name="Orientation" value="landscape" />Orientation的值orentation的默认值是default。 可使用的值有：default, landscape, portait orentation可以将设备锁定方向，不受设备旋转影响。 对于IOS支持landscape&por
2016-04-15 17:19:28
8369
2
原创 【完】《AngularJS权威教程》简要笔记
第 1 章 初识 AngularJSAngular基于MIT许可，开源框架。 为开发者提供了很多现代Web开发的高级功能：解耦应用逻辑、数据模型和视图; 依赖注入; 浏览历史(使书签和前进、后退按钮能够像在普通Web应用中一样工作); 测试; ……第 2 章 数据绑定和第一个 AngularJS Web应用Angular插件小于100K，大约70K左右，引用即可使用。非常方便src=
2016-04-14 14:33:26
917
转载 【转】AngularJS 最常用的八种功能
转自：http://zhaoyanblog.com/archives/99.html第一 迭代输出之ng-repeat标签ng-repeat让table ul ol等标签和js里的数组完美结合 <ul> <li ng-repeat="person in persons"> {{person.name}} is {{person.age}} years old. </li> </ul>
2016-04-14 09:59:21
784
原创 【完结-不全-慎入】cordova&ionic使用视频播放插件videogular
videogular插件可以播放在线视频、本地视频、定制播放器主题等。官网中并没有提到对cordova这类的webview的支持程度，我也是在尝试。我的开发环境及工具： mac ionic cordova官网：www.videogular.com github：https://github.com/videogular/videogular安装官网的安装对于新手来说过于复杂，所以直接暴力地把
2016-04-14 09:52:47
12976
7
原创 mac系统ionic开发ios app从安装到打包
各种安装下载xcode在打包时必需，可以去app store里搜索xcode，或者去找网盘或镜像ant模拟和打包 *ant依赖JRE，所以还得安装java运行时，可以使用brew search java homebrew是mac下的包管理工具，很好用，很多工具可以先在这里搜索ionic和cordova安装sudo npm install -g ionic cordova模拟器安装sudo npm
2016-04-06 15:21:03
17491
原创 一般项目的CSS规范
目录组织css img js frameworkscss规范前缀前缀说明btn-按钮img-图片form-表单table-表格功能-某区块或功能前缀，单词简写或字母简写类分级.main{} .main .body{} .main .body p{}类组合“.btn .btn-black .btn-load”文件请求数、压缩文件基础常用压缩成一个文件按需加载，根据页面设置
2016-01-05 15:20:18
548
原创 Nokia 920硬刷win10
参考http://bbs.wfun.com/thread-538832-1-1.html准备工具Nokia Care Suite，下载下载手机系统安装文件/固件刷机http://bbs.wfun.com/thread-538832-1-1.html注意安装时要掐好手机运行的一个点，就是开机震动前后，否则可能会提示没拿到权限的提示，导致刷机失败
2016-01-01 20:46:09
5594
转载 【转】Javascript DI！Angular依赖注入的实现原理
【转自】http://www.cnblogs.com/asnowwolf/p/3684700.htmlDI是Angular的特色功能，而在Angular 2.0的计划中，DI将成为一个独立的模块，参见https://github.com/angular/di.js这意味着它也有机会被用于nodejs等技术中，其他前端框架也完全有机会使用它。DI简介对于后端程序员，特别是java、.NET程序员来说，
2015-12-09 17:08:45
913
原创 ionic项目页面与路由
刚写完一个app模块，内容是新闻分类。对于网页来说很简单，结构大致是这样的 页面规划底部是模块，首页是个资讯版块 资讯的上部是分类导航，主体是内容列表，点击可进入详情页 模块导航用，保持一直底部 资讯导航用，保持一直在顶部，并且是动态的路由设置$stateProvider .state('tab', { // cache: false,//是否缓存
2015-11-27 17:18:29
8241
原创 百度地图LBS云数据自定义麻点
申请sk首先去这里注册帐号 http://developer.baidu.com/map/创建应用 注册后登录，去API控制台 创建应用 使用云数据需要创建“服务端”应用 检验方式选择默认的“IP白名单检验”，如果不想做任何限制直接在输入框里填0.0.0.0/0 提交后创建完成，可以拿到sk了。在引用api的时候通过ak=带入创建麻点的云数据与创建应用同一界面，选择“数据管理” 创建
2015-11-18 12:03:38
6761
原创 cordova混合移动app调试工具GapDebug+ripple emulate
Ripple Emulate 使用Google模拟器，可以帮到大部分的调试 GapDebug 真机安装apk，电脑端和真机端同步调试 适用的项目 phonegap/cordova ionicRipple Emulate安装和使用Apache Ripple主页：http://ripple.incubator.apache.org/ 安装 npm install -g ripple-em
2015-11-13 16:58:56
9734
7
原创 ionic android app 微信/朋友圈分享网页
appionic框架/cordova/phonegap 安卓android平台 插件https://github.com/xu-li/cordova-plugin-wechat创建一个ionic安卓项目ionic start 文件夹/项目路径 ionic platform add android安装插件用git命令cordova plugin add https://github.com/xu
2015-11-06 17:53:38
2782
翻译 phonegap/cordova项目发布android apk
原文来源原文：http://www.ionicframework.com/docs/guide/publishing.html 简介：ionic框架的新手教程，截取其中的”Chapter 6: Publishing your app“这一段。教程以android平台为例，包括：release命令发布apk，使用keytool创建签名文件，为apk注入签名文件，最终一成一个正式的发布版Apk。下面正
2015-11-04 10:18:50
1499
原创 phonegap/cordova开发中的分享功能
之前有做过网页的分享，用的是百度分享。初入app圈以为直接使用网页的方法就可以了，稍稍调研了一下发现根本不是这么回事。本着“网络资源无限”的原则，发现了一个分享插件cordova-plugin-x-socialsharing，查看去这里。插件socialsharingsocialsharing支持的分享内容包括链接、图片、文本安装插件看官网教程吧，非常简单的使用share方法window.plugi
2015-11-02 11:30:31
6268
5
原创 phonegap app推送新手教程与坑
为项目开发做前期准备，试着app推送消息测试，一个demo。试过百度推送，没有成功。又试了极光推送，终于在多次实验后成功了。后来发现，成功与否关键是没有搞明白混合应用推送的原理。推送的过程/原理用户打开app时推送插件向服务器报备设备，服务端判断是否有需要推送的消息，有则推到设备，没有则记录设备。当发出新的推送时，服务端会向已报备的设备推送消息。当然这个过程中已报备的设备可能有关闭app和关闭网络的
2015-10-30 10:55:16
1119
原创 phonegap/cordova菜鸟问题汇总（不定期更新）
作为一个app菜鸟，phonegap/cordova小白，从零开始意味着要面临很多大神都一时想不到解决方法的问题——因为太诡异又太简单了。 下面是我经历过或看到的问题汇总。npm install -g phonegap/cordova因为网络问题安装失败问题：仔细看看命令行的提示会发现有unconn…这样字样，意思就是网络没连接到服务器。 出问题的是我的win10笔记本，安装的时候默认使用ht
2015-10-22 15:14:34
2870
翻译 Nodejs和一个简单的web页面消息推送服务
前言：英语能力有限，所以不能叫做纯翻译，大概比例是70%翻译，20%理解，10%自由发挥原文：http://www.gianlucaguarini.com/blog/nodejs-and-a-simple-push-notification-server/简述：用socket.io建立服务端和客户端的双向连接，当服务端的xml文件发生变化时，向客户端推送xml内容-
2015-10-22 11:27:12
11394
1
原创 【简单编程算法】数组元素一对一配对效率写法
var ary = [1,2,3,4,5], len = ary.length;for(var i=0;i<len;i++){ for(j=i+1;j<len;j++) { console.log(ary[i]+"---"+ary[j]); }}/*输出的是1---21---31---41---52--
2015-09-23 15:03:11
745
转载 常用AS3类包和工具
AS3ISOlib类地址：http://code.google.com/p/as3isolib/as3corelibhttp://code.google.com/p/as3corelib/downloads/list?can=1&q=动画类Tweener类包下载地址：http://code.google.com/p/tween
2015-05-14 12:34:38
1014
转载 自定义Flash ActionScript中的trim函数，去回车函数，字符串替换函数，字节换算函数
自定义Flash ActionScript字符串清理
2015-05-14 12:29:47
891
原创 sublime text安装package control
研究一下sublime text这个神器的使用，首先想安装package control，就是插件管理（可以直接下载插件包安装）
2014-04-09 12:04:21
556
转载 Web工程师必备的43款可视化工具
没发现有收藏文章的功能，所以就搬到博客啦原文地址：http://www.csdn.net/article/2013-01-15/2813666-web-tools－－－－－－－－－－－以下转载内容－－－－－－－－－－－－－－－－－－－－－－－－－－－摘要：话说工欲善其事，必先利其器。对Web工程师来说，通晓开发工具则是其走向成功之路的必经之路。国外站点DATAVISUALI
2013-10-30 23:41:10
1858
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人