- 博客(88)
- 资源 (13)
- 收藏
- 关注
RSS订阅原创 一个cordova App最近的上线问题记录
一个cordova app最近的上线问题记录xxx App安装的插件com.lampa.startapp 6.1.6 "startApp"com.zhaoying.GaoDeLocation 1.0.0 "GaoDeLocation"cordova-plugin-appavailability 0.4.2 "AppAvailability"cordova-plugin-camera 2.1.1 "Camera"cordova-plugin-device 1.1.7 "Device"cordov
2021-10-28 09:54:55
2101
1
原创 webpack之proxyTable设置跨域
vue项目在config/index.js中修改module.exports = { dev: { assetsSubDirectory: '', assetsPublicPath: '', proxyTable: { '/api': { target: 'https://ceegnx.cn/', //源地址 changeOrigin: true, //改变源 pathRewrite: {
2021-06-17 17:59:28
292
原创 Flutter App开发蓝牙协议
Flutter App开发蓝牙协议SummaryBLE低功耗蓝牙，是我们常说的蓝牙4.0, 该技术有极低的运行待机功耗，本文记录使用Flutter开发安卓App的过程，使用蓝牙模块的配置和一些细节。Background公司需求一款用于欧洲的海外版离线交流充电桩APP，通过蓝牙方式与交流桩连接。主要控制充电桩的启停，及查看当前充电记录等参数。 高级功能如充电桩设置界面，远程固件升级、网络连接、高级配置等。GoalsLinkcharging App安卓版 ： 用于操作充电桩，查看充电桩参
2021-05-13 19:01:47
3561
8
转载 WebSocket介绍与原理
原文链接：https://blog.youkuaiyun.com/wwd0501/article/details/54582912WebSocket介绍与原理WebSocket protocol 是HTML5一种新的协议。它实现了浏览器与服务器全双工通信(full-duplex)。一开始的握手需要借助HTTP请求完成。——百度百科目的：即时通讯，替代轮询网站上的即时通讯是很常见的，比如网页的QQ，聊天系统等。按照以往的技术能力通常是采用轮询、Comet技术解决。HTTP协议是非持久化的，单向的网络协.
2021-04-10 11:04:11
1611
原创 Chrome已不再支持html中audio标签的autoplay属性
Chrome已不再支持打开浏览器自动播放声音，为了遏制一些广告对用户的影响70版本以后的都不允许自动播放声音，除非用户自己触发，才可以播放。这样的做法初衷可能有以下几点：禁广告，不能自动播放了一定程度上起到了禁用广告的效果为用户节省流量，因为视频音频加载时需要缓冲的会耗费用户流量，但是用户不一定会看这个视频或音频第一次打开不支持自动播放，就给了用户选择的空间，也给用户节省了流量...
2020-03-18 15:43:01
2138
3
原创 JS RC4加解密报文
JS RC4加解密RC4（来自Rivest Cipher 4的缩写）是一种流加密算法，密钥长度可变。它加解密使用相同的密钥，因此也属于对称加密算法。RC4加密算法原理 , 对明文使用同一个密钥异或两次最后是得到原文.const RC4_KEY_LEN_MAX = 256;var rc4CalcTemplate = { Rc4Key : "", // 自己约定的密钥 Keylen : ...
2019-09-24 10:13:06
3935
2
原创 vue国际化vue-i18n懒人投机方法
nodejs提取项目中的汉字，自动生成语言包文件，自动替换。这是一段丧心病狂的代码const fs = require("fs");const path = require('path');const filePath = path.resolve('你的输入文件路径，指向vue项目的src文件'); // 需要翻译的vue/js 代码路径const longfilepath = "生成...
2019-07-31 14:27:19
900
2
原创 cordova app签名上传Google Play apksigner签名
用cordova开发App签名推荐先了解 Android中APK签名工具之jarsigner和apksigner详解 https://www.cnblogs.com/slysky/p/9780015.html记录我成功的命令cordova build --release androidzipalign -v 4 android-release-unsigned.apk ....................................
2019-05-28 15:56:01
987
原创 artTemplate模板试用2
使用wp api获取wordpress获取数据 用artTemplate渲染<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>使用wp api获取wordpress获取数据 用artTemplate渲染</title> <style> h3 { display: i
2016-11-05 22:56:59
921
转载 转载-精通CSS滤镜（filter）（实例解析）
CSS滤镜（filter）IE4.0以上支持的滤镜属性表 滤镜效果 描述 ：Alpha 设置透明度 Blru 建立模糊效果 Chroma 把指定的颜色设置为透明 DropShadow 建立一种偏移的影象轮廓，即投射阴影 FlipH 水平反转 FlipV 垂直反转 Glow 为对象的外边界增加光效 Grayscale 降低图片的彩
2016-11-01 17:07:12
526
原创 JSONP跨域技术
JSONP其实跟ajax都可以跨域进行数据请求，它们之间却没什么联系，ajax的核心是通过XmlHttpRequest获取非本页内容，而JSONP的核心则是动态添加 script 标签来调用服务器提供的js脚本。 JSONP跟JSON只有一个字母之差，完全是两种东西，JSON是一种数据传递的格式，JSONP是开发人员创造出来的一种数据跨域方法。下面一个简单的跨域，先在页面中写一个函数<sc
2016-08-23 12:00:50
596
转载 本地Ajax跨域访问 No 'Access-Control-Allow-Origin' header is present on the requested resource.
在本地用ajax跨域访问请求时报错：XMLHttpRequest cannot load http://lefeier.net/storemessage.php. No ‘Access-Control-Allow-Origin’ header is pres
2016-08-22 17:21:00
6369
原创 JavaScript解析和序列化JSON
早期的时候将JSON字符串直接传给eval(), 不必创建DOM对象; JSON支持 简单值 对象 和数组；在python里的字典也能看到JSON的影子 毕竟JSON只是一种数据格式很多编程语言都有JSON的解析器和序列化方法 */ /* JSON 与XML相比优势极为明显，可以轻松转化为JavaScript对象 然后可以使用很简单的方式使用json的数。/* JSON的两个方法
2016-08-22 14:22:16
648
原创 将browser-sync工具整合到gulp任务
Browsersync是个很不错的工具，它能够能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。很多人在了解了它之后都会推荐给其他人使用，能够节省很多刷新的时间，尤其是在前端调样式的时候。 最初的使用方式还是安装好之后再命令行中输入命令去监听我css,html文件的变动，来实时刷新页面，当时用的命令时类似这样的,需要先切换到当前工作路径（我用的是代
2016-08-04 12:08:18
1202
翻译 关于CSS需要知道的10件事
怎样写出可持续的CSS代码， 关于CSS你必须了解的10件事情：每个在大型项目中工作的人都应该知道对于大量增长的CSS资源保持可读性和可维护性是多么困难。样式的可重用性和松耦合。此外在响应式（RWD）web开发中还要处理持续增长的圈复杂度，从自己的项目中所积累的经验，我总结了10条非常重要的准则可以帮助你的样式更高效并且高度的持续和维护。
2016-07-20 17:42:26
3335
原创 CSS tab选项卡(标签页)切换
在github上看到一篇 You dot need JavaScript 很多效果不需要js也能做到，比如手风琴的效果，轮播，弹出的对话框，工具提示，标签页的切换，多级的下拉菜单等等，css甚至还能做游戏！ 之前就看到一个用css制作的轮播的例子，这次又遇到了，所以简单记录下。 观察了那篇github中的几个例子，不难发现凡是涉及到点击事件的都是通过隐藏的input和与之关联的label
2016-07-12 15:22:01
11356
翻译 CSS进阶（ Leveling up in CSS）
原文[:Leveling up in CSS] CSS seems easy at first. After all, it’s just styling, right? But, give it time. Soon, CSS will show you the true depths of its complexity. There are four things you can do
2016-07-11 23:00:18
3637
原创 无限循环JavaScript轮播
用过很多轮播的插件，bootstrap的 bootstrap-carousel.js、unslider，用在手机端的swiper，各种效果的slide 以及各种特效网站的轮播代码，其实我只需要一个，方便就好，所以花了点时间自己做了一个。 看起来是无限循环的效果，实际用了一点点小技巧。#just start a damn project# 布局很简单，一个绝对定位+left值的变化就可以实现轮播了，
2016-06-30 23:01:42
3258
原创 项目CSS架构
1.SASS预编译的，编译选项–style compressed; 2.CSS控件化 将HTML的页面内容分割成不可替换的最小单位 如 btn.css article.css icon.css select.css 每个都用sass编写使得属性值可以批量修改； 3.在项目使用public.css里边用@import引入需要的控件化模块,上线的环境不需要控件类的css,与上线环境解耦； 4.控件
2016-06-15 16:42:41
690
原创 对jade的感想
花了一下午了解了下jade,喜欢原因是mixin include extends等方法可以很大程度提高html代码的复用性，书写简单不用标签闭合。 不喜欢的地方像python的语法一样对严格控制空格，这和原始的html差别太大 两个空格差异就是标签结构的差异，另外当标签嵌套深的时候很难定位、一直别的地方的html时候需要反向转换成jade才行。 在组织和管理大量的html文件时候它可以提高复用性
2016-06-13 17:17:47
878
原创 隐藏/修饰页面的滚动条
默认的页面滚动条很丑，很多情况下和页面风格完全不搭；也见到很多网站漂亮的滚动条，其实是隐藏掉默认的滚动条，然后自定义div和css,作出自己的滚动条，再配合js实现拖动和鼠标滚轮效果。(Hiding the scrollbar on an HTML page，but still being able to scroll)该修饰可以去掉div上的滚动条，div中的内容依然可以滚动，该属性只支
2016-05-27 16:14:49
6127
原创 了解一些ECMAScript 6
ECMAScript 6的新特性： class模块，箭头函数；让浏览器现在就使用ES6的新功能的工具： Babel , Jspm, webpack;可以使用Google的Traceur（在线转换工具），将ES6代码编译为ES5。# 安装npm install -g traceur# 运行ES6文件traceur /path/to/es6# 将ES6文件转为ES5文件
2016-05-24 18:14:34
985
原创 低版本Firefox支持innerText属性兼容方法
FireFox支持innerText属性了，很遗憾是44.0.2版还需要兼容处理innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正则表达式去除HTML标签
2016-05-20 10:01:46
1406
原创 认识一波CSS高级选择器
/*有6个不同类型的属性选择器：*/[att=value]/*该属性有指定的确切的值。*/[att~=value]/*该属性的值必须是一系列用空格隔开的多个值，(比如，class=”title featured home”)，而且这些值中的一个必须是指定的值”value”。*/[att|=value]/*属性的值就是“value”或者以“value”开始并立即跟上一个“-”字符*/[
2016-05-06 15:23:07
1268
原创 JavaScript函数表达式和闭包
JavaScript函数表达式的和闭包的特征定义函数有两种方式,一种是函数声明，一种是函数表达式。函数声明 ,函数声明会提升，解释器会在代码执行之前先读取函数声明，所以函数的调用语句可以出现在函数声明语句之前。闭包是什么？JavaScript高级程序设计（第3版）定义： 闭包是 指有权访问另一个函数作用域中的变量的一个函数， 创建闭包常用方法就是在一个函数中创建另一个函数； 可以认为闭包就是将函数内部和外部链接起来的桥梁。其他的定义或理解方式：从特征上理解： 闭包就是函数的局部变量集合，只是这
2016-04-30 20:57:29
790
原创 JavaScript原型链
JavaScript主要通过原型链实现继承， 原型链的构建是讲一个类型的实例赋值给另一个构造函数的原型实现的。这样子类就能够访问超类的所有属性和方法，这一点和类的继承很相似，原型链的问题是对象实例共享所有继承的属性和方法，因此不适合单独使用。 解决这个问题的技术是借用构造函数，在子类型的内部调用超类的构造函数。 这样就能做到每个实例都有自己的属性，同时还能保证只是用构造函数模式来定义类型。 使用最多的继承模式是组合继承，这种模式使用原型链来继承共享的属性和方法，通过借用构造函数继承实例属性。
2016-04-17 22:42:22
4140
原创 JavaScript对象
ECMAScript支持面向对象（OO）编程，但不使用类或者接口。 对象可以在代码执行过程中创建和增强，因此具有动态性而非严格定义的实体，在没有类的情况下，可以采用工厂模式，构造函数模式， 原型模式，组合原型和构造函数模式等创建对象.
2016-04-17 22:23:43
4065
转载 手机端rem推荐的一种写法
:root { font-size: 16px;}// Or you can use html// html {// font-size: 16px;// }body { font-size: 1rem;}button { font-size: 0.875rem; // All the internal/external value us
2016-03-21 16:55:35
1439
转载 人的核心竞争力超过一半来自重要而不紧急的事情：
1、读书，特别读那些非实用性的书增加自己的思维角度和阅读视野，也可以听各种视频节目，比如微信自媒体等等；[转载]《人生的真相》《冷眼看人生》《我不是教你诈》有4本，《爱不厌诈》《杀手正传》《把话说到心窝里》《教你幽默到心田》这几本处世的；《超越自己》《创造自己》《肯定自己》这些励志的；《靠自己成功》《做个快乐读书人》写给她女儿的；《生生世世末了缘》《冲破人生的冰河》《爱
2016-02-02 15:47:16
918
原创 试用sass
使用sass需要安装ruby,再安装sass. 安装命令：gem install sasssass文件名后缀是.scss.编译有四个选项，nested 默认选项，compact 简洁格式的，compressed压缩的，expanded没有缩进的。cmd切换到工作路径监听我的文件夹：sass --watch ./src:./css 或者监听文件：sass --watch src.
2016-01-12 00:18:41
582
转载 使用Sass
需注明英文出处：http://alistapart.com/article/why-sass，——作者：DAN CEDERHOLM ——译者：若强我Sass对略微有点抵触，我更喜欢直接写css样式！我不需要使用它！此外，我确实不想给我的工作流程中增加额外的复杂的部分，因此我选择远离它。.这就我们的常规想法，但是Sass（以及其他css预处理程序）确实是一个强大的工具
2016-01-11 17:26:05
574
原创 CSS pointer-events属性
pointer-events:none 它意思是禁止鼠标事件的意思,圣诞节的时候需要在页面上用canvas弄个下雪之类的效果，canvas的z-index肯定设置到最高，但罩住住了所有页面的元素，被罩住的所有的元素和鼠标的交互失效了。所以当发现这pointer-events属性能够起到这么神奇作用的时候简直两眼放光。pointer-events:none;禁止了鼠标事件，包括链接， hov
2015-12-22 15:04:52
1003
原创 判断浏览器是否为 IE11
之前的判断浏览器的方法据说已经失效了，原因是IE11使用了和之前版本不一样的User-agentMozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko而 IE10 是：Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)做法是通
2015-12-21 16:31:31
4176
原创 JavaScript Function类型 小抄
Function类型是ECMAScript中最有意思的就是函数，函数实际上是对象，每个函数时function对象的实例，而且都与其他类型一样具有属性和方法。函数是对象，所以函数名实际上是一个指向函数对象的指针。函数声明的语法function sum(sum1, sum2){return sum1+sum2;}用函数表达式定义：var sum = func
2015-12-20 22:48:30
567
原创 JavaScript-变量、作用域、内存 小抄
JavaScript松散类型的本质决定了它 变量的值和数据类型可以在脚本的生命周期里改变。 这一特性有趣又强大，同时又是容易出问题的特性。但JavaScript的变量实际复杂程度远不止如此。变量ECMAScript变量包含两种不同数据类型的值：基本数据类型和引用数据类型。基本的5种类型是按值访问的，引用类型是保存在内存中的对象。JavaScript不允许直接访问内存中的位置，也就是说不
2015-11-03 11:39:02
547
原创 JavaScript Object类型 小抄
Object类型是非常重要的数据类型，我们看到的大多数的引用类型其实都是Object类型的实例，如Array,Math,Date等;Object也是ECMAScript中使用最多的一个类型。在应用程序中存储和传输数据，是非常理想的选择。对象中的数据有两种形式，属性和方法。对象的实例就是一些彼此相关的属性和方法的集合在一起构成的数据实体。创建方法：一、new操作符跟Objec
2015-10-24 21:06:12
648
原创 网页使用中文字体的两种解决方案
解决中文字体在网页中的使用，有两种办法。背景：英文的字体很好使用，因为只有26个大小写字母，以及一些符号，本身的字体文件就很小，不会对页面的加载造成多大的影响；但是中文的字体文件相当大，仅字体文件本身就5-6M，所以需要采取点手段才敢在网站中使用。目前了解到的方法有两种：第一种：使用有字库 ，http://youziku.com/ 只需要挑选字体，对于网站中没有的字体用户
2015-10-18 23:21:54
4760
Qt Frame类族
2014-04-06
asp个人音乐网站
2014-01-24
Qt网络五子棋游戏
2013-12-08
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人