大前端
文章平均质量分 71
web前端和手机前端,例如Android/React/vue/js/html/node等相关
SkylerHu
我本微末凡尘,也可心向天空
展开
-
JavaScript 前端枚举库 js-enumerate
前端枚举类Enum对象可在JavaScript中使用,用于枚举定义,前端组件单选、多选等的options选项的定义。原创 2024-04-25 22:54:56 · 1551 阅读 · 1 评论 -
使用query-string库出现错误Module parse failed: Unexpected token
解决query-string库运行错误Module parse failed: Unexpected token原创 2024-10-25 23:18:36 · 370 阅读 · 0 评论 -
react项目因eslint检测未通过而Failed to compile编译失败
开发过程仅提示即可,避免eslint造成的编译失败;只需保证build构建环节eslint问题报错即可。开发过程中,因为eslint问题,无法很好debug调试程序,影响效率。原创 2024-10-25 23:10:35 · 444 阅读 · 0 评论 -
使用js-enumerate报错Cannot set properties of undefined
解决使用js-enumerate Cannot set properties of undefined (setting 'Enum') 的问题原创 2024-10-25 23:04:48 · 313 阅读 · 0 评论 -
前端web性能统计
针对不同服务带来的不同场景,可参考自身需求选择对应工具,这里推荐如下做法:使用web-vitals (js库)在前端采集真实用户监控,收集 LCP、INP、CLS;针对性的对关键页面,通过Lighthouse插件手动生成性能报告。原创 2024-07-14 12:08:09 · 890 阅读 · 0 评论 -
iframe跨域问题 -- No ‘Access-Control-Allow-Origin‘ header is present on the requested resource
Chrome升级到115版本之后,Chrome 禁止修改,导致ifream修改domain的跨域方案无法正常使用。document.domain已禁止使用。原创 2024-04-24 11:15:04 · 1134 阅读 · 0 评论 -
构建NodeJS库--前端项目的打包发布
如何初始化配置,以及学习npm配置项;模块类型type配置、main入口文件的配置;webpack是一个用于现代 JavaScript 应用程序的 静态模块打包工具;JavaScript通常需要做语法转化和polyfills以便可以使用高级语法而不必担心浏览器兼容性问题,Babel的作用便在于此,而正好可以与webpack结合使用;eslint一个好的项目离不开代码格式规范;jest用于测试用例。原创 2024-04-23 23:50:12 · 2354 阅读 · 1 评论 -
使用Jest测试框架测试JS项目
JavaScript的测试框架有很多,这里主要记录一些自己在初次使用jest时遇到的一些问题。详细使用文档可以参照官方说明文档。Jest 是一款优雅、简洁的 JavaScript 测试框架。Jest 支持 Babel、TypeScript、Node、React、Angular、Vue 等诸多框架!Jest 是由 Facebook 开发的 JavaScript 测试框架。它是测试 React 的首选,并且得到了 React 社区的支持和开发。原创 2024-04-23 00:09:57 · 902 阅读 · 1 评论 -
iOS学习系列——获取位置信息
1.加载动态库定位和反查位置信息要加载两个动态库 CoreLocation.framework 和 MapKit.framework 一个获取坐标一个提供反查2. Info.plist文件添加两个数据NSLocationAlwaysUsageDescription和NSLocationWhenInUseUsageDescription3.代码(部分)Ap原创 2015-05-18 22:27:51 · 606 阅读 · 0 评论 -
Sencha实现国际化,JS动态加载js、css文件
1. 新建文件messages_en.js和messages_zh_CN.js文件;2. 文件中定义js全局变量 var Messages = {};例:messages_zh_CN.js文件 Messages = {"title":“标题”};message_en.js文件 Messages = {"title":“title”};3. 在Sencha应用入口laun原创 2015-01-01 08:22:21 · 742 阅读 · 0 评论 -
JAVA调用https, JS跨域请求,客户端解决JS跨域问题, SOP
同源策略 (SOP) 可防止从一个来源加载的脚本获取或操纵来自另一来源的文档的属性或方法。术语来源 是域名、应用程序协议和运行脚本文档的端口的结合。可能存在关于 SOP 概念的一些误解;SOP 指只能从站点 A、不能从站点 B 获取信息。您需要知道在 SOP 限制下可以做什么,不可以做什么。原创 2014-11-12 09:25:19 · 4704 阅读 · 0 评论 -
Android外部库引用
Android外部库引入需注意assets文件需要copy原创 2014-09-05 09:26:19 · 1319 阅读 · 0 评论 -
ScrollView内嵌ViewPager导致ViewPager滑动困难问题
解决方式:重写ScrollView,然后在xml中定义布局的时候,使用自定义的PagerScrollView而不是系统的ScrollView即可。 重点在于重写父类的onInterceptTouchEvent方法转载 2014-08-08 20:08:07 · 659 阅读 · 0 评论 -
Android自己管理Activity和Service
zapackage com.anjoyo.musicplayer.util;import java.util.List;import android.app.ActivityManager;import android.content.ComponentName;import android.content.Context;public class ContextMan原创 2014-07-25 08:56:00 · 671 阅读 · 0 评论 -
Bitmap too large to be uploaded into a texture,Hardware accelerated
原文链接:http://www.csdn123.com/itweb.php?url=aHR0cDovL3d3dy5jbmJsb2dzLmNvbS9nZnFGaWdodGluZy9hcmNoaXZlLzIwMTMvMDkvMTcvMzMyNjM2My5odG1s转载 2014-06-24 11:47:25 · 938 阅读 · 0 评论 -
fastjson使用public修饰 private转化Object有问题 注意事项
import java.util.ArrayList;import java.util.List;import com.alibaba.fastjson.JSON;class User { public Long id; public String name; public int age; public String adress; private List teachers原创 2014-06-11 14:17:37 · 1354 阅读 · 1 评论 -
Java实现表达式的运算-Android简易计算器
计算一个正确的字符串形式运算式;ruoxi原创 2014-04-05 20:19:57 · 2154 阅读 · 0 评论 -
Android文字跑马灯
1. 继承TextView自定义控件原创 2014-04-05 20:02:06 · 920 阅读 · 0 评论 -
Android实现歌词滑动显示
继承TextView自定义LyricView原创 2014-04-05 19:55:26 · 2140 阅读 · 1 评论 -
Android JUint Test
1) DBOpenHelper继承SQLiteOpenHelper类复写onCreate()方法,sqliteDatabase.execSQL(sql);2) DBOpenHelper helper = new DBOpenHelper(mContext);SQLiteDatabase db = helper.getWritableDatabase();//db各种操作:增删改原创 2014-04-05 19:45:42 · 733 阅读 · 0 评论 -
Android的五中数据存储方式
1.SharedPreference:通过键值对形式保存简单的私有数据;2) 文件存储:以文件的形式存储数据,内部存储——保存私有数据,外部存储——保存公有数据;3) SQLite数据库:把结构化的数据保存在一个私有的数据库中;4) 网络存储:把数据保存在网络上开发者自己的服务器中;5) XML存储:通过XML文件存储数据。原创 2014-04-05 19:42:01 · 1070 阅读 · 0 评论 -
Android TabHost的三中实现方式
1. 继承TabActivity ...原创 2014-04-05 19:19:57 · 705 阅读 · 0 评论 -
Android自定义Dialog 软键盘、大小的设置
Dialog中EditText可弹出软键盘 @null true true true@android:color/transparent@android:color/transparent true0.6Dialog ad = new Dialog(context,R.style.CustomDialogStyle);ad.show();原创 2014-04-05 19:03:20 · 2688 阅读 · 0 评论 -
Android动态加载页面的几种方法
1) View view = LayoutInflater.from(context).inflate(要装载的界面的id, 根节点);//context为this,根节点一般为nullview.findViewByID();与inflate配套使用的。setContentView()配套使用findViewByID(动态界面中的控件的id);以下详解:2) LayoutInfla原创 2014-04-05 18:57:07 · 3193 阅读 · 0 评论 -
sencha自定义ImageField用于表单中显示图片
苦于sencha源码中,表单中无法显示原创 2014-04-03 23:26:48 · 1521 阅读 · 0 评论 -
Hybrid开发 Sencha pinch事件的监听实现图片的缩放功能
为实现跨平台开发使用Sencha写了一个程序,监听img的pinch事件;封装了一个ImageView,实现了图片的缩放功能注意:ImgPinch是我项目的名字Ext.define('ImgPinch.view.ImageView', { extend : 'Ext.Panel', xtype : 'imageView'原创 2014-04-02 23:10:23 · 1761 阅读 · 0 评论 -
sencha list实现多选
问题:list无法像表单中checkbox一样,点击item进行选择和提交。目标:结合了list数据处理的优势,完成表单checkbox的提交。解决:与一般list的用法没有多大区别。只是在model中添加了一个字段“isSelected”,该字段表示当前item是否被选中。通过store的数据来控制list item上 选中和未被选中原创 2014-04-01 20:26:15 · 1252 阅读 · 0 评论